- 博客(24)
- 收藏
- 关注
RSS订阅原创 JS性能优化——防抖和节流
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。举个例子吧：监听滚动条的高度需求很简单，直接写代码：function showTop () { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; console...
2019-11-27 17:15:39
180
原创 浏览器同源政策及其规避方法
一、概述1.1含义最初，同源政策的含义是指，A网页设置的Cookie，B网页不能打开，除非这两个网页“同源”。所谓的同源是指三个相同。协议相同域名相同端口相同举例来说，http://www.example.com/dir/page.html这个网址，协议是http://，域名是www.example.com，端口是80（默认端口可以省略）。它的同源情况如下。http://www...
2019-11-27 10:29:17
126
原创 ES6的回顾
1、let const新加声明let：不能重复声明块级作用域可修改let变量的值const：不可重复声明块级作用域不可修改const常量的值2、箭头函数箭头函数改变了this指向如果只有一个参数，() 可以去掉函数体如果只有一句return 语句，花括号可以去掉let a =function(arg){ return arg+1}// 定义一个箭头函...
2019-11-15 11:25:45
132
原创 ES5的回顾
1、严格模式书写这行代码：“use strict”;'use strict'a = 2;console.log(a);2、ES5新增函数方法1、bind方法：改变了函数内部的this指向this指向：全局变量中，this指向的是window在函数内部，this指向的是window在方法内部，this指向的是方法的拥有者哪个对象调用函数，函数里面的this指向哪个对象。...
2019-11-14 15:15:07
96
原创 webpack的基本配置
如何实现热更新webpack-dev-server实现热更新(HMR)安装webpack-dev-servernpm install webpack-dev-serve --save-dev配置webpack.config.js文件const webpack=require('webpack');//引入webpack entry:__dirname+'/src/main.js...
2019-10-25 11:08:16
133
原创 webpack的认识加总结
1、什么是webpack本篇适用于webpack4+版本，低版本的部分会出现问题！！！简单的说，webpack是一个JavaScript的打包器，讲各个模块打包成资源文件，然后按需加载或者并行这些文件。2、webpack核心概念在开始学习 webpack 之前，你需要了解 webpack 的四个核心概念：入口（entry）出口（output）loader插件（plugins）...
2019-10-24 11:42:45
163
原创 JS高级回顾——第五篇
JS对象JS中所有的事物都是对象。JS创建对象定义并创建对象的实例使用函数来定义对象，然后创建新的对象实例直接创建的实例person=new Object();person.firstname="John";person.lastname="Doe";person.age=50;person.eyecolor="blue";使用函数来构造对象function pers...
2019-10-23 11:32:31
108
原创 JS-DOM的回顾-第四篇
JS HTML DOM通过 HTML DOM(文档对象模型)，可访问 JavaScript HTML 文档的所有元素。当网页被加载时，浏览器会创建页面的DOM；DOM的三大操作：1、通过 id 查找 HTML 元素var x=document.getElementById("intro");2、通过标签名查找 HTML 元素var x=document.getElementByI...
2019-10-23 10:47:41
90
原创 JS的重新回顾——第三篇
JS JSONJSON是用于存储和传输数据的格式。通常用于服务端向网页传递数据。什么是JSON？JSON 英文全称 JavaScript Object NotationJSON 是一种轻量级的数据交换格式。JSON是独立的语言 *JSON 易于理解JSON实例{"sites":[ {"name":"Runoob", "url":"www.runoob.com"}, ...
2019-10-23 09:36:27
85
原创 JS的重新回顾——第二篇
JS循环循环可以将代码块执行指定的次数。不同的循环：JavaScript 支持不同类型的循环：for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块for循环：语句：for (语句 1; 语句 2; 语句 3){ 被执行的...
2019-10-22 18:08:25
83
原创 JS的重新回顾——第一篇
JS的数据类型：基本数据类型（值类型）：字符串String、数字Number、布尔boolean、空Null、未定义Undefined、唯一值Symbol。引用类型：对象Object、数组Array、函数Function。注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。undefined 和 null 的区别：undefined表示var声明了却未初始化的变量...
2019-10-22 15:00:26
122
原创 Vue自定义过滤器
自定义过滤器主要是需要掌握filter的语法，<div id="app"> <p>{{ msg | filters}}</p></div><!--过滤器调用时候的格式 {{ name | 过滤器的名称 }}--><script> Vue.filter('filters',function (msg...
2019-10-16 09:57:11
115
原创 Vue指令及自定义指令
Vue常见的指令：v-for 、 v-if 、v-bind、v-on、v-show、v-elsev-for：循环判断指令，常于key绑定一起写，key的作用主要是为了高效的更新虚拟DOM。v-if 和 v-else：条件判断指令。v-show ：显示指令v-bind:主要用于属性绑定，缩写为 ：。v-on：它是来绑定事件监听器,这样我们就可以做一些交互了，缩写为：@。v-if 和v-...
2019-10-16 09:53:10
143
原创 Vuex的介绍
vuex是什么？怎么使用？哪种功能场景使用它？vuex是数据仓库，用来存放数据或者是非父子组件传值的。只用来读取的状态集中放在store中改变状态的方式是提交mutations，这是个同步的事物异步逻辑应该封装在action中。在main.js引入store，注入。新建了一个目录store，…… export 。场景有：单页应用中，组件之间的状态、音乐播放、登录状态、加入购物车。...
2019-10-15 17:27:47
131
原创 Vue路由的钩子函数
vue路由钩子大致可以分为三类：1、全局钩子主要包括 beforeEach 和 afterEach，beforeEach 函数有三个参数：to：router即将进入的路由对象from：当前导航即将离开的路由next();进行管道中的一个钩子，如果执行完了，则导航的状态就是confirmed（确认的）；否则为false，终止导航。afterEach 函数不用传next()函数这类钩子...
2019-10-15 17:18:45
646
原创 Vue的路由实现：hash模式 和 history模式
hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取；特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会...
2019-10-15 16:32:59
185
原创 Vue组件间的参数传递
Vue组件间的参数传递：1、父子组件传值父组件传给子组件：子组件通过props方法接收数据；<div id="app"> <!--父组件,可以在引用子组件的时候,通过 属性绑定(v-bind: )的形式,把 需要传递给子组件的数据,以属性绑定的形式,传递到 子组件内部,供子组件使用--> <com1 :parentmsg="msg">...
2019-10-15 16:16:32
402
原创 Vue中实现数据双向绑定的原理——Object.defineProperty()
Vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当一个普通JavaScript对象传给Vue实例data选项时，Vue将遍历它的属性，用Object.defineProperty()将它们转为getter/setter（用户看不到...
2019-10-15 14:57:49
265
原创 JS中的闭包‘原型’原型链
一、闭包1、首先，什么是闭包？你了解闭包吗？闭包就是能够读取到函数内部变量的函数，通俗一点，就是函数A中的函数B，被函数A外部的一个变量引用的时候，就创建了一个闭包。2、什么时候会用到闭包？一般是函数封装的时候，再就是使用定时器的时候。3、上几个基本的闭包的例子（各位看能不能回答正确）function a(){ var i=0; function b(){ ...
2019-10-15 11:45:13
319
原创 Vue的生命周期
Vue的生命周期1.什么是生命周期？Vue实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。2.Vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3.Vue生命周期有几个阶段？它可以总共分为8个阶段：创建前/后, 载入前/后...
2019-10-14 17:04:52
64
原创 对MVVM的理解、MVVM和MVC的区别
一、对MVVM的理解MVVM是前端架构中的一种思维模式，从字面上去理解，它分为三部分：M(Model)、V(View)、VM(ViewMode)。即模型-视图-视图模型。Model：代表数据模型，数据和业务逻辑都在Model层中定义；View：代表UI视图，负责数据的展示；ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作；ViewModel 有两...
2019-10-14 16:46:22
986
1
原创 vue中使用axios发送请求
vue中使用axios发送请求1.安装axioscnpm i axios -S2.方案一：修改原型链首先，在main.js中引入将vue改为vue的原型链，就可以解决这个问题，如下图3.开始发送请求请求后的结果如下图5.带参数的请求如果想要发送带json格式参数的请求，则需要使用qs模块来处理参数首先在main.js中导入qs模块然后使用qs处理参数最终返回结果...
2019-07-22 17:12:11
299
原创 【vue】使用Vue-cli搭建项目流程（从零开始）
【vue】使用Vue-cli搭建项目流程（从零开始）一、安装node.js去官网下载安装node.jshttps://nodejs.org/en/或者可以去node.js中文网下载http://nodejs.cn/download/安装完成以后通过命令行工具输入 node -v 查看安装的node.js版本命令行工具输入 npm -v 查看安装的npm（包管理工具）版本如果出现类...
2019-07-17 17:59:25
407
原创 iconfont的基本使用
iconfont的基本使用1.登录iconfont的官网，选择图标库，点击官方图标库。地址：https://www.iconfont.cn/2.搜索自己喜欢的图标（示例）加入购物车中，右上角的购物车图标就会亮起，点击购物车会出现下面的界面下载代码即可。解压后会得到一个文件打开 demo_index.html会得到图标对应的代码，具体如下图。在代码中只需这样写就引入了icon...
2019-07-17 14:43:53
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人