donggggg
donggggg_个人页
donggggg
文章
18
问答
0
视频
0
个人介绍
专注与前端技术的小白
擅长的技术
-
发表了文章 2018-07-27
vue vue-router 完美实现前进刷新，后退不刷新。附scrollBehavior源码解析
需求：在一个vue的项目中，我们需要从一个列表页面点击列表中的某一个详情页面，从详情页面返回不刷新列表，而从列表的上一个页面重新进入列表页面则需要刷新列表。 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序，所以这个功能并不能直接实现。
-
发表了文章 2018-07-14
react-router-dom实现全局路由登陆拦截
相比与vue的路由集中式管理，能够很好的进行统一的路由操作，react的路由看起来更乱，想要进行像vue的全局路由管理不是那么得心应手。在我们的项目中，有很多页面是需要登陆权限验证的，最好的方式就是能够统一管理，而不是每个页面都要单独处理，下面是我的实现方法： 首先我们建一个文件routerMap.
-
发表了文章 2018-07-11
vue的监听键盘事件的快捷方法
在我们的项目经常需要监听一些键盘事件来触发程序的执行，而Vue中允许在监听的时候添加关键修饰符： 对于一些常用键，还提供了按键别名： 全部的按键别名： .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 修饰键： .ctrl .alt .shift .meta Do something 与按键别名不同的是，修饰键和 keyup 事件一起用时，事件引发时必须按下正常的按键。
-
发表了文章 2018-07-05
js实现99乘法表的编写（双层for循环与递归方法）
双层for循环实现方法： function nine (num) { for(var i = 1; i
-
发表了文章 2018-06-22
web前端规范
HTML 原则1.规范 。保证您的代码规范，保证结构表现行为相互分离。2.简洁。保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元素，避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。
-
发表了文章 2018-06-22
HTML5 -- 浏览器数据缓存 -- indexedDB
IndexedDB是一种可以让你在用户的浏览器内持久化存储数据的方法，为web应用提供了丰富的查询功能，使我们的应用在在线和离线都能正常工作。 由于 IndexedDB 本身的规范还在持续演进中，当前的 IndexedDB 的实现还是使用浏览器前缀。
-
发表了文章 2018-06-14
react 生命周期函数介绍
constructor()：构造函数 执行：组件加载钱最先调用一次，仅调用一次。 作用：定义状态机变量。 注意：第一个语句必须为super(), 否则会报错：'this' is not allowed before super() constructor(props) { super(props); this.state = { content:null, } } componentWillMount() 执行：组件初始渲染(render()被调用前)前调用，仅调用一次。
-
发表了文章 2018-06-06
es6 Proxy对象详解
Proxy用于修改某些操作的默认行为，也可以理解为在目标对象之前架设一层拦截，外部所有的访问都必须先通过这层拦截，因此提供了一种机制，可以对外部的访问进行过滤和修改。这个词的原理为代理，在这里可以表示由它来“代理”某些操作，译为“代理器”。
-
发表了文章 2018-06-05
es6 Reflect对象详解
Reflect是ES6为操作对象而提供的新API,而这个API设计的目的只要有： 将Object对象的一些属于语言内部的方法放到Reflect对象上，从Reflect上能拿到语言内部的方法。如：Object.defineProperty 修改某些object方法返回的结果。
-
发表了文章 2018-05-31
微信小程序之公共组件写法
我们要实现如下图功能 小程序一个公共的弹出组件，首先我们创建一个pop文件 然后在生成的pop.json文件中将component定义为true { "component": true } 为pop.
-
发表了文章 2018-05-30
分享一个PC端六格密码输入框写法
如图。我们一般做商城类的项目不免会用到支付密码输入框，我研究了下并决定发上来，也当作是自己成长路上的一点小小的记录。本次介绍的是基于vue的项目 html： css: .
-
发表了文章 2018-05-29
Vue项目中使用vw实现移动端适配
我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。 随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem 当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下： vue-cli默认已经安装以上三个插件： postcss-import：相关配置可以点击这里。
-
发表了文章 2018-05-28
classList属性详解
之前我们要操作一个DOM元素的class属性，需要对这个DOM的class进行繁琐的循环判断，而现在HTML5为每个元素定义了classLlist属性，用于在元素中添加，移除及切换 CSS 类。该属性是 DOMTokenList 对象（一个只读的类数组对象），你可以通过DOMTokenList定义的方法对其进行修改。
-
发表了文章 2018-05-28
左右两列同高
实现左右两个div高度随着另一个div高度的变化而变化，取最大值 下面上css .content { display: table; } .left { display: table-cell; width: 200px; /*如果两个div需要隔开，我们可以设置div的边框*/ border-right: 20px solid #f2f2f2; } .
-
发表了文章 2018-05-28
vuex组件 vuex-persistedstate
vuex用于管理项目中的全局状态，但是我们一刷新vuex中保存的全局状态就会被全部初始化，虽然我们也可以同事缓存到storage中做两步操作，但是vuex-persistedstate组件已经帮我们完成了同步更新 npm install vuex-persistedstate --save 然后...
-
发表了文章 2018-05-28
简易的vuex用法
vuex是vue中用于管理全局状态的一个组件，用于不同组件之间的通信，下面将介绍它的简单用法 首先安装vue与vuex npm install vue npm install vuex --save 然后创建一个单独的文件store.
-
发表了文章 2018-05-28
vue 导出流文件excel
第一种方法：需要设置响应类型，这里还需要安装 npm install js-file-download --save ,然后引用 var fileDownload = require('js-file-download')，使用详情见github; Vue.
-
发表了文章 2018-05-28
浏览器内多个标签页之间的通信之storage
在一个标签页里面使用 localStorage.setItem(key,value)添加（修改、删除）内容； 在另一个标签页里面监听 storage 事件。 即可得到 localstorge 存储的值，实现不同标签页之间的通信（不同标签页，但可以为同一页面）。
暂无更多信息
-
发表了文章
2018-07-27
vue vue-router 完美实现前进刷新，后退不刷新。附scrollBehavior源码解析
-
发表了文章
2018-07-14
react-router-dom实现全局路由登陆拦截
-
发表了文章
2018-07-11
vue的监听键盘事件的快捷方法
-
发表了文章
2018-07-05
js实现99乘法表的编写（双层for循环与递归方法）
-
发表了文章
2018-06-22
web前端规范
-
发表了文章
2018-06-22
HTML5 -- 浏览器数据缓存 -- indexedDB
-
发表了文章
2018-06-14
react 生命周期函数介绍
-
发表了文章
2018-06-06
es6 Proxy对象详解
-
发表了文章
2018-06-05
es6 Reflect对象详解
-
发表了文章
2018-05-31
微信小程序之公共组件写法
-
发表了文章
2018-05-30
分享一个PC端六格密码输入框写法
-
发表了文章
2018-05-29
Vue项目中使用vw实现移动端适配
-
发表了文章
2018-05-28
classList属性详解
-
发表了文章
2018-05-28
左右两列同高
-
发表了文章
2018-05-28
vuex组件 vuex-persistedstate
-
发表了文章
2018-05-28
简易的vuex用法
-
发表了文章
2018-05-28
vue 导出流文件excel
-
发表了文章
2018-05-28
浏览器内多个标签页之间的通信之storage
滑动查看更多
暂无更多信息
暂无更多信息