2019年03月_优资园

原创 vue类似jquery slide的效果的一个指令

案例：https://github.com/zshsats/vueFile 定义指令 directives: { slide: { inserted:function(el,binding){ if(binding.value){ let height...

2019-03-27 00:20:21 858

原创 webapck4+vue搭建的小型简单架构

webpack4的一些常用配置，只做了解学习使用适用于单页面，以Vue为例讲解 github：https://github.com/zshsats/vueFile 使用webpack4+vue搭建的前台项目，并实现了两个小组件和栅格布局配置包括，异步加载，打包对字体，图片的处理，剔除无用的css，压缩，复制到静态文件，.vue的解析，es6->es5配置等喜欢的可以给个start ...

2019-03-27 00:08:12 285

原创常用的兼容浏览器的函数封装

/* * ev:具体元素 * styleName:获取元素的属性名 * */ function getStyle(ev,styleName) { if(ev.style[styleName]){ return ev.style[styleName]; }else if(ev.currentStyle){ ...

2019-03-15 09:39:53 435

原创静态radio

静态的,没有添加js效果,可以封装 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单选框</title> <link rel="stylesheet"

2019-03-14 21:28:46 211

原创原生JS简单的实现单页面Hash路由

(function(global) { function Router(){ this.before = null; //切换前 this.after = null; // 切换后 this.routes=[]; this.redirectRoute=""; ...

2019-03-14 21:17:13 1097 1

原创使用Vue实现手风琴菜单效果

使用vue的指令个事件冒泡委托给一个事件处理使用 <vertical-menu :menuList="dataList" :initIndex="0" @fold-body="foldHandle" @go-state="goWhere"></vertical-menu> data() { return { is

2019-03-14 21:14:49 7576 1

原创 axios在Vue中的使用

二次封装axios import axios from 'axios'; const ajax = axios.create({ baseURL: 'http://localhost:1888/', timeout: 3000, }); axios.defaults.withCredentials=true; ajax.interceptors.request.use( ...

2019-03-14 20:59:02 191

原创原生JS编写简单的编辑器

使用vue编写的,没有任何依赖,可改写其它形式轻量级编辑器只是在document.execCommand()方法做了包装,不兼容的浏览器器生成的标签是一致的,所以的富文本的选择要根据项目决定实现了一点功能,写了个dome,加深对富文本原理的理解 template <div class="page-editor"> <div class="editor-wrapper...

2019-03-14 20:50:27 1821

/* * 修改原数组的方法 * * pop() 删除数组的最后一个元素 * push() 在数组的尾部添加元素 * reverse() 颠倒数组中元素的位置 * shift() 删除数组中的第一个元素 * sort() 将数组中的元素排序 * splice() 将数组中插入,删除或替换元素 * unshift() 在数组的头部添加元素 * * 不修改原数组的方法 * * concat() 在...

2019-03-12 12:32:25 145

原创 js 类型判断

类型判断 typeof(type); 原生 'undefined' *'boolean' 'string' 'number' 'object' 'function' 自定义类型判断函数 function typeOf(obj) { var typeList = { '[object Boolean]' : 'boolean', ...

2019-03-08 17:09:38 1869

zshsats博客