自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 DOM/伪DOM自定义事件

一、说明、引言我JS还是比较薄弱的,本文的内容属于边学边想边折腾的碎碎念,可能没什么条理,可能有表述不准确的地方,可能内容比较拗口生僻。如果您时间紧迫,或者JS造诣已深,至此您就可以点击右侧广告(木有?则RSS或盗版)然后撤了。事件是个大课题,真要从断奶开始讲起的话,可以写个12期的连载。关于JS事件的文章(类似DOM/BOM事件模型,IE与其他浏览器事件差异,DOM1/DOM2事件定义等)落叶般随处可见。熟豆子反复炒一点意思都没有,因此,这里谈谈自己感兴趣的自定义事件以及周边。所谓自定义事件,就是有

2020-12-30 14:37:43 864

原创 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 620

原创 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 763

原创 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 347

转载 Leaflet地图框架使用手册

L.MapAPI各种类中的核心部分,用来在页面中创建地图并操纵地图。Constructor(构造器)通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象,其中文字对象是可选的。Options(选项)Map State Options(地图状态选项)centre(中心):初始化地图的地理中心。zoom(缩放):初始化地图的缩放。layers(图层):初始化后加载...

2019-07-15 13:43:44 2077

原创 登录权限

获取用户信息用户登录成功之后,我们会在全局钩子router.beforeEach中拦截路由,判断是否已获得token,在获得token之后我们就要去获取用户的基本信息了//router.beforeEachif (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息 store.dispatch('GetInfo')...

2019-06-19 21:21:59 3180

原创 webpack4与babel配合使es6代码可运行于低版本浏览器

webpack4与babel配合使es6代码可运行于低版本浏览器简单代码babel转换webpack构建使用使用es6+新语法编写代码,可是不能运行于低版本浏览器,需要将语法转换成es5的。那就借助babel7转换,再加上webpack打包,实现代码的转换。转换包括两部分:语法和APIlet、const这些是新语法。new promise()等这些是新API。简单代码类库 utils....

2019-05-18 23:04:23 213

转载 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 375

转载 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 249

原创 javascript功能插件大集合 前端常用插件 js常用插件

包管理器管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网Bower:一个 web 应用的包管理器。官网component:能构建更好 web 应用的客户端包管理器。官网spm:全新的静态包管理器。官网jam:一个专注于浏览器端和兼容 RequireJS 的包管理器。官网jspm:流畅的浏览器包管理器。官网E...

2019-03-21 14:48:06 3457

原创 get的一些用例

getString(arr, f) { var t = ""; for (var x = 0; x &lt; arr.length; x++) { t += arr[x] + f; } return t.slice(0, t.length - 1); }, getMax(v) { var arrIndex ...

2019-03-13 22:37:50 150

原创 随机生成随机串

function randomWord(randomFlag, min, max) { var str = "", range = min, arr = [ "0", "1", "2", "3", "4", "5", "6", &quo

2019-03-13 22:36:22 202

转载 git 命令总结

&lt;1&gt;Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库一、新建代码库在当前目录新建一个Git代码库$ git init新建一个目录,将其初始化为Git代码库$ git init [project-name]下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的...

2019-03-13 22:34:46 135

转载 浏览器兼容问题

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。解决方案:CSS里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。浏览器兼容问题二:块属性标签float后,又有...

2019-03-13 22:32:27 111

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除