摘要: 1. :class = “a” 说明 vue 中有个叫 a 的属性 这个标签的class 就是 a的值 2. :class = “{ active:isactive }” Active的存在取决于 isactive的值,为true就说明存在,为false就说明不存 在。 3. :class = [“ 阅读全文
posted @ 2019-09-23 16:39 晋飞翔 阅读(24721) 评论(0) 推荐(4) 编辑
摘要: 一、 Vue 的介绍 1. vue是一个 mvvm 的框架。(面试官经常会问的),angular 是 mvc的框架。 2. vm 是 vum 的实例,这个实例存在计算机内存中,主要干两件大事: 1. 绑定数据 2. dom检测 3. vue 实例 靠 new 关键字实例化 vue 对象,使用 mvv 阅读全文
posted @ 2019-08-29 08:09 晋飞翔 阅读(636) 评论(0) 推荐(0) 编辑
摘要: 今天小编给大家详细讲解一下 vue 的生命周期。希望大家多多指教,哪里有遗漏的地方,也请大家指点出来 谢谢。 一、 怎么理解 Vue 的生命周期的? 生命周期:从无到有,到到无的一个过程。Vue的生命周期对组件来说的 或 实例来说。 简单理解:比如我们都知道 js 中的定时器,定时器都有开始的那一秒 阅读全文
posted @ 2019-08-28 21:04 晋飞翔 阅读(1193) 评论(0) 推荐(0) 编辑
摘要: 当输入 webpack 输入指令 npm run dev 后会自动启动一个浏览器 需要借鉴插件 open-browser-webpack-plugin 下载:npm install open-browser-webpack-plugin 我们做一个小案例实现的功能有: 启动热键,会自动弹出浏览器窗口 阅读全文
posted @ 2019-06-05 21:34 晋飞翔 阅读(8052) 评论(0) 推荐(0) 编辑
摘要: 离线缓存 application cache 1. 什么是离线缓存: 离线缓存可以将站点的一些文件缓存到本地,它是浏览器自己的一种机制,将需要的文件缓存下来,以便后期即使没有连接网络,被缓存的页面也可以展示。 例子:比如我们在手机或电脑上访问一个网页,下一次访问即使不连网也可以访问,因为当我们第一次 阅读全文
posted @ 2019-05-23 15:08 晋飞翔 阅读(688) 评论(0) 推荐(0) 编辑
摘要: 1.canvas画布(位图) 2.绘制矢量图 1.不要在style中给canvas设置宽高 会有位移差 2. //获取元素 var c=document.getElementById("c") //获取绘图环境 var c=c.getContext("2d") fillRect() 绘制一个填充的方 阅读全文
posted @ 2019-05-21 20:50 晋飞翔 阅读(1219) 评论(0) 推荐(1) 编辑
摘要: 第一个知识点:表单的属性及总结 第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢 text 文本框标签 password 密码框 checkbox 多选框 radio 单选框 button 按钮 submit 提交按钮 以上是我们常用的一些form属性 第二 阅读全文
posted @ 2019-05-15 15:24 晋飞翔 阅读(3047) 评论(0) 推荐(1) 编辑
摘要: 一,如何渲染数据 什么是渲染数据:简单的说就是把后台数据渲染到页面当中去。 1.渲染数据的方式有四种 (1)字符串拼接 1.案例分析 原有的list中有三个li,并且每个li身上有onmouseover事件 2.字符串拼接是最常用的方法 3.优点:只进行一次dom回流 4.缺点:原有dom的事件都会 阅读全文
posted @ 2019-03-14 16:03 晋飞翔 阅读(3975) 评论(0) 推荐(0) 编辑
摘要: 什么是作用域:浏览器给js的生存环境叫作用域。 什么是变量提升: Js代码执行前,浏览器会给一个全局作用域window Window分两个模块一个是存储模块一个是执行模块 存储模块找到所有的var和function 关键字给这些变量添加内存地址 执行模块,代码从上到下执行,遇到变量就会去存储模块查找 阅读全文
posted @ 2018-12-02 20:35 晋飞翔 阅读(9568) 评论(0) 推荐(2) 编辑
摘要: 1.事件 浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发。 通过 obj.事件名=function(){} 事件名:onmouseover 鼠标悬浮 onmouseout 鼠标移除 onmousedown鼠标按下 onmouseup 鼠标抬起 o 阅读全文
posted @ 2018-12-02 19:09 晋飞翔 阅读(3425) 评论(0) 推荐(0) 编辑
摘要: 1. dom>documentElement>body>tagname 2.我们常用的节点标签。 元素节点(标签) 文本节点 属性节点(标签里的属性) 3.document有个属性nodeType返回的是数字 1.代表元素节点 2.代表属性节点 3.代表文本节点 4.节点的获取 元素节点获取有很多方 阅读全文
posted @ 2018-12-01 11:14 晋飞翔 阅读(5934) 评论(0) 推荐(0) 编辑
摘要: 函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包。这就意味着函数调用完毕,这个函数形成的栈内存会被销毁。 但有时候我们不希望他被销毁。 函数归属谁跟它在哪调用没有关系,跟在哪定义有关。 Fn()调用完毕后得到的是一个匿名函数,但是这个函数在fn这个作用域下 阅读全文
posted @ 2018-11-29 19:24 晋飞翔 阅读(14480) 评论(0) 推荐(0) 编辑
摘要: js数据类型 基本数据类型:string undefined null boolean number 引用数据类型 Object array function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象以键值对的 阅读全文
posted @ 2018-11-29 16:23 晋飞翔 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 浏览器的兼容性以及写法 第一个 清除浮动的兼容性 第二个 透明度的兼容写法 第三个 js获取节点的兼容写法 第四个 获取计算机计算的所有属性 第五个 获取元素子节点childNodes 这个属性有兼容性 第六个 动态创建节点,元素没有子节点,Ie低版本会读取不到,而标准浏览器会。 第七个 获取浏览器 阅读全文
posted @ 2018-11-12 20:57 晋飞翔 阅读(2557) 评论(2) 推荐(1) 编辑
摘要: 1.函数都有返回值 而方法的本质也是函数,所以也有返回值。 Document。getElementByLd()返回的是获取的标签 getElementsByClassName()和getElemantsByTagName()返回的是一个数组 Document。getElementsByClassNa 阅读全文
posted @ 2018-10-31 22:10 晋飞翔 阅读(891) 评论(0) 推荐(0) 编辑
摘要: 函数 1.函数的关键字 function 复习 var 是js的关键字,用于表示声明变量,声明是在内存模块完成,定义(=)是执行模块完成。 var 客园在内存模块提前(js代码执行前)完成所以有变量提升这个功能。 function 也是js1的关键字,用于声明和定义函数的,声明和定义都在内存模块完成 阅读全文
posted @ 2018-10-22 16:53 晋飞翔 阅读(1804) 评论(0) 推荐(0) 编辑
摘要: 1.js的数据类型有哪些? 2.全局方法和全局属性? 一 1.js的本质就是处理数据,数据来自后台的数据库。所以变量就起到一个临时存储数据的作用。 ECMAScript 制定了js的数据类型。 数据类型有哪些? 1.字符串 string 2.数字 Number 3.布尔 Boolean 4.空 nu 阅读全文
posted @ 2018-10-18 15:06 晋飞翔 阅读(1066) 评论(0) 推荐(0) 编辑
摘要: 1.js介绍 js全程叫javascript,但不是java 他是一门前台语言 而java是后台语言。 js的作者是布兰登 爱奇 前台语言:运行在客户端 后台语言:跟数据库有关的。 2.能干什么? 页面特效,开发页面游戏,后台开发等等 3.js和ECMAscript 的关系 es 表示语言 是js的 阅读全文
posted @ 2018-10-15 22:06 晋飞翔 阅读(1552) 评论(0) 推荐(0) 编辑
摘要: background-position 雪碧图 我们的html和css中有三个属性可以向服务器发送请求 ser href url 2.overflow (1) 值hidden 超出就隐藏 (2)值scroll 出现滚动条 visibility:hidden 可见的(消失但是占用位置) display 阅读全文
posted @ 2018-10-10 20:47 晋飞翔 阅读(630) 评论(4) 推荐(0) 编辑
摘要: 补充一个知识点 1,浏览器默认字体大小是font-size:16px;谷歌最小字体是10px,其他浏览器是12px 2. 选择器 通配符选择器 * 表示 3.background 背景 背景颜色 background-color:red; 简写 background: red; 背景图片 backg 阅读全文
posted @ 2018-09-13 16:38 晋飞翔 阅读(1497) 评论(0) 推荐(0) 编辑
摘要: 大家在开发项目中是否遇到过数据延迟,举个例子 你点某个功能 会有 1-2s的延迟,这1-2s可能会在你的页面显示一个一直转着圈圈的动画,不知道有没有小伙伴还不知道这个功能是如何实现的呢?其实在一个项目中 这是非常常见的,如果你使用的有 element ,element上有个 loading 熟悉 它 阅读全文
posted @ 2020-01-15 14:53 晋飞翔 阅读(2765) 评论(0) 推荐(2) 编辑
摘要: 大家是否有印象,在开发项目中,我们往往会把axios给封装起来,写在一个js文件夹里,最后引入的也是js文件夹,而不是直接对axios进行操作,那为什么? 1. 如果一个组件需要请求数据,就要用到axios进行请求数据,但这样会加大项目对axios这个包的依赖,一旦需要改变请求方式,改起来会很麻烦, 阅读全文
posted @ 2020-01-15 14:44 晋飞翔 阅读(501) 评论(0) 推荐(0) 编辑
摘要: 一、axios的基本用法 <router-link to="" class="a1" @click.native="logins">登陆</router-link> 这三个直接请求 Axios.get() Axios.post() Axios({}) 创建一个axios实例,没有发送请求,creat 阅读全文
posted @ 2020-01-15 14:26 晋飞翔 阅读(1364) 评论(0) 推荐(0) 编辑
摘要: promise的连缀写法 以上写法相当于写了两个实例 promise.all() 1. promise.all() all这个方法是 promise 构造函数的成员不是实例对象成员,这个方法接受一个参数是数组,数组中存放的是 promise实例。 2. all 只有数组中的所有 promise 全部 阅读全文
posted @ 2020-01-15 14:11 晋飞翔 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 一、promise是如何产生的 1. promise并不是一个新的功能,它是一个类,它只是对 异步编程的代码进行整合,它是解决异步(层层嵌套的这种关系),让你的代码看起来更简洁。 2. 在 es6 中 promise是一个类(构造函数),使用它需要 new 实例。 注意: 在 es5 里 类和构造函 阅读全文
posted @ 2020-01-15 11:36 晋飞翔 阅读(749) 评论(0) 推荐(0) 编辑
摘要: 今天小编为大家带来 axios 和promise的详细讲解,包含 axios的使用方法 多种写法,封装 以及 promise的详细讲解,项目中如何运用等,会一一的为大家讲解清楚。 一、axios的介绍 1. axios 是由 promise 封装的一个 http 的库。 2. promise是 es 阅读全文
posted @ 2020-01-15 11:05 晋飞翔 阅读(7034) 评论(5) 推荐(2) 编辑
摘要: 今天小编和大家聊聊前端容易踩的坑有那些,后期也会不断的完善,谢谢大家的支持!!!这是我在工作当中遇到的一些坑,想总结下来,希望未来有一天能够帮助小伙伴。 而在最近我就遇到一个坑,也许是因为自己的马虎或不细心导致的本应该避免,却范的一个低级错误。 1. 大家应该都很熟悉 js 的 data 日期时间吧 阅读全文
posted @ 2020-01-14 11:52 晋飞翔 阅读(740) 评论(0) 推荐(0) 编辑
摘要: 1. vue中路由模式的种类有两种 1. 一种是 hash 模式。 2. 一种是 h5 的 history 模式。 2. hash 和 history 都是来自 bom 对象 bom 来自 window 3. window.location.hash 4. hash 是属于 window.locat 阅读全文
posted @ 2020-01-10 17:06 晋飞翔 阅读(877) 评论(0) 推荐(0) 编辑
摘要: SSR 是服务器端渲染,SSR 就给浏览器没有关系了! 假如有个 data = [] ,我们会通过js对这个数组进行遍历和字符串拼接,运行客户端的时候,这些代码将会在客户端执行,完成这些功能,然后在去通过浏览器引擎翻译这个字符串,SSR将这个环节直接在服务端完成了。 阅读全文
posted @ 2020-01-10 15:05 晋飞翔 阅读(671) 评论(0) 推荐(0) 编辑
摘要: 模块: 封装好的应用程序,它只是js文件的封装。 组件: 一个完整的单位个体,可以有js可以有css和html。 作者:晋飞翔手机号(微信同步):17812718961希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!! 阅读全文
posted @ 2020-01-10 15:01 晋飞翔 阅读(1326) 评论(0) 推荐(0) 编辑