2018年05月_派大星1

原创 vue自定义指令

一个指令定义对象可提供如下几个钩子函数：1.bind 调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。2.inserted 被绑定元素插入父节点时调用。（仅保证父节点存在，但不一定已被插入文档中）。3.update 所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略...

2018-05-29 16:42:43 211

前端架构：1.前端工程化web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，在技术发展日新月异的今天，这样的过程真的是不可抽象和复制的么？本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。前端工程的3个阶段第一阶段：库/框架选型A...

2018-05-26 16:37:05 3654 1

转载修改浏览器轮动条

CSS3或CSS+JS实现改变滚动条样式(兼容所有浏览器)/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/} /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track ...

2018-05-26 11:19:28 395

原创 css3实现正方体动画

2018-05-25 09:25:57 1366

原创解决jquery和其他库冲突

方法一：jQuery.noConflict();//将变量$的控制权移交出来方法二：可以自定义一个快捷方式——var $j = jQuery.noConflict()。下面可以用$j进行dom操作。方法三：jQuery.noConflict();//将变量$的控制权移交出来 (function($){ $(function()...

2018-05-24 19:27:09 211

转载 axios

安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>Example执行 GET 请求// 为给定 ID 的 user 创建请求axios.get('/user?...

2018-05-24 13:32:46 164

转载 webpack 功能

概述Webpack是一款用户打包前端模块的工具。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font file、template等。这里就尽量详细的来介绍下一些基本功能的使用。安装npm install webpack -g运行webpackwebpack需要编写一个config文件，然后根据这个文件来执行需要的打包功能。...

2018-05-23 15:23:27 184

转载 webpack 压缩图片

通常用webpack打包时，会根据webpack.config.js 中url-loader中设置的limit大小来对图片进行处理，小于limit的图片转化成base64格式，其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。安装：npm install image-webpack-loader --save-dev1在 webpack.config...

2018-05-23 14:49:01 1464 2

原创前端权限控制

为什么做前端权限控制前端权限控制并不是新生事物，早在后端 MVC 时代，web 系统中就已经普遍存在对按钮和菜单的显示 / 隐藏控制，只不过当时它们是由后端程序员在 jsp 或者 php 模板中实现的。随着前后端分离架构的流行，前后端以接口为界实现开发解耦，权限控制也一分为二，前端权限控制的所有权才真正回到了前端。可能有的同学会想，前后端分别做一套控制，是不是将事情复杂化了，而且从根本上讲前端没有...

2018-05-22 17:03:11 28273 3

转载 promise

//做饭function cook(){ console.log('开始做饭。'); var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('做饭完毕！'); resolve('鸡蛋炒饭...

2018-05-22 16:46:09 132

转载 axios 拦截器

你可以在请求、响应在到达then/catch之前拦截他们//添加一个请求拦截器axios.interceptors.request.use(function(config){ //在请求发出之前进行一些操作 return config;},function(err){ //Do something with request error return Promise.reject...

2018-05-22 10:50:51 1681

原创 vue 递归过滤路由

+/**+ * 递归过滤异步路由表，返回符合用户角色权限的路由表+ * @param asyncRouterMap+ * @param roles+ * @returns {Array.<T>|*}+ */+function filterAsyncRouter(asyncRouterMap, roles) {+ let accessedRouters ...

2018-05-22 08:47:01 4150 1

转载 vue api

1.全局配置Vue.config时一个对象有以下属性： ··· Vue.config.solent = true; 取消Vue所有的日志和警告 ··· Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 }const Profile = Vu...

2018-05-21 17:06:40 1140

yin_you_yu的博客