- 博客(14)
- 收藏
- 关注
RSS订阅原创 DOM/伪DOM自定义事件
一、说明、引言我JS还是比较薄弱的，本文的内容属于边学边想边折腾的碎碎念，可能没什么条理，可能有表述不准确的地方，可能内容比较拗口生僻。如果您时间紧迫，或者JS造诣已深，至此您就可以点击右侧广告（木有？则RSS或盗版）然后撤了。事件是个大课题，真要从断奶开始讲起的话，可以写个12期的连载。关于JS事件的文章（类似DOM/BOM事件模型，IE与其他浏览器事件差异，DOM1/DOM2事件定义等）落叶般随处可见。熟豆子反复炒一点意思都没有，因此，这里谈谈自己感兴趣的自定义事件以及周边。所谓自定义事件，就是有
2020-12-30 14:37:43
836
原创 javascript 封装函数及其示例
javascript 封装函数完整的插件的样子;(function(window,document){ var MaskShare = function(){ }; MaskShare.prototype = {}; window.MaskShare = MaskShare;}(window,document)); //前面加;是防止跟其他js压缩时报错;(function(global){ //开启严格模式 "use strict";
2020-12-30 14:02:50
583
原创 Leaflet双屏对比，地图联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>leafletdemo</title> <link rel="stylesheet" href="leaflet1.34/leaflet.css"> <sc...
2019-08-29 11:33:27
714
原创 vue 多页面入口项目搭建
安装 nodejs 环境下载地址：https://nodejs.org/en/download/完成安装安装 vue-cli VUE的脚手架工具在终端中输入命令：npm install -g vue-cli用 vue-cli 构建一个项目-cd ~/Sites/MyWork/ 找到需要放项目的文件夹-vue init webpack 项目名称首先进入build文件夹下，在util...
2019-08-19 13:34:02
306
转载 Leaflet地图框架使用手册
L.MapAPI各种类中的核心部分，用来在页面中创建地图并操纵地图。Constructor（构造器）通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象，其中文字对象是可选的。Options（选项）Map State Options（地图状态选项）centre（中心）：初始化地图的地理中心。zoom（缩放）：初始化地图的缩放。layers（图层）：初始化后加载...
2019-07-15 13:43:44
1892
原创 登录权限
获取用户信息用户登录成功之后，我们会在全局钩子router.beforeEach中拦截路由，判断是否已获得token，在获得token之后我们就要去获取用户的基本信息了//router.beforeEachif (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息 store.dispatch('GetInfo')...
2019-06-19 21:21:59
3131
原创 webpack4与babel配合使es6代码可运行于低版本浏览器
webpack4与babel配合使es6代码可运行于低版本浏览器简单代码babel转换webpack构建使用使用es6+新语法编写代码，可是不能运行于低版本浏览器，需要将语法转换成es5的。那就借助babel7转换，再加上webpack打包，实现代码的转换。转换包括两部分：语法和APIlet、const这些是新语法。new promise()等这些是新API。简单代码类库 utils....
2019-05-18 23:04:23
197
转载 Vue组件库大全
https://github.com/ElemeFE/element" element 饿了么出品的Vue2的web UI工具套件https://github.com/airyland/vux" Vux 基于Vue和WeUI的组件库https://github.com/ElemeFE/mint-ui" mint-ui Vue 2的移动UI元素https://github.com/ivi...
2019-04-26 11:50:46
338
转载 JS 技巧(es6 语法）
1. 过滤唯一值ES6 引入了 Set 对象和延展（spread）语法…，我们可以用它们来创建一个只包含唯一值的数组。const array = [1, 1, 2, 3, 5, 5, 1]const uniqueArray = [...new Set(array)];console.log(uniqueArray); // Result: [1, 2, 3, 5]在 ES6 之前，获得...
2019-04-24 15:21:45
227
原创 javascript功能插件大集合 前端常用插件 js常用插件
包管理器管理着 JavaScript 库，并提供读取和打包它们的工具。npm：npm 是 JavaScript 的包管理器。官网Bower：一个 web 应用的包管理器。官网component：能构建更好 web 应用的客户端包管理器。官网spm：全新的静态包管理器。官网jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网jspm：流畅的浏览器包管理器。官网E...
2019-03-21 14:48:06
3280
原创 get的一些用例
getString(arr, f) { var t = ""; for (var x = 0; x < arr.length; x++) { t += arr[x] + f; } return t.slice(0, t.length - 1); }, getMax(v) { var arrIndex ...
2019-03-13 22:37:50
128
原创 随机生成随机串
function randomWord(randomFlag, min, max) { var str = "", range = min, arr = [ "0", "1", "2", "3", "4", "5", "6", &quo
2019-03-13 22:36:22
183
转载 git 命令总结
<1>Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库一、新建代码库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始化为Git代码库$ git init [project-name]下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的...
2019-03-13 22:34:46
118
转载 浏览器兼容问题
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。浏览器兼容问题二：块属性标签float后，又有...
2019-03-13 22:32:27
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人