Web前端-JavaScript
LuckyJiang.2021
把不可能当做过去,把可能写在今天。
展开
-
D3实现的ChinaMap
中国地图 var width = 1000; var height = 1000; var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform",原创 2015-12-26 23:07:46 · 1254 阅读 · 0 评论 -
修改vue-cli+webpack项目名称步骤
使用vue-cli+webpack创建的项目,修改文件名称或者更改文件的位置,再次运行时会报错。npm项目,在安装依赖(node_nodules)时,会记录当前的文件路径,修改之后就无法正常启动。解决办法:删除 node_modules 文件夹(如果修改项目名称,需要在package.json中修改对应的name) 重新安装依赖 npm install 启动项目 npm run d...原创 2019-05-20 14:56:06 · 1239 阅读 · 0 评论 -
ESLint:Strings must use single quote
方法一:在 .eslintrc.js 配置你的规则rulerules: { ··· "quotes": [1, "single"], //引号类型 `` "" '' ···}方法二万能方法,就是在报错的JS文件中第一行写上 /* eslint-disable */Use /* eslint-disable */ to ignore all warnings i...原创 2019-05-19 20:01:18 · 4111 阅读 · 0 评论 -
前端生成不重复值的几种方法
方法1生成的值为从 0 开始,每次增加 1。实现如下:function getUniqId(){getUniqId._id = '_id' in getUniqId ? getUniqId._id + 1 : 0;return getUniqId._id;}方法2生成的值为现在至格林威治时间 1970 年 01 月 01 日 00 时 00 分 00 秒(北京时间 19...转载 2019-03-29 10:12:49 · 1792 阅读 · 0 评论 -
jQuery判断checkbox是否选中
使用jQuery判断checkbox是否选中,有如下几种方法:1.if ($("#checkbox-id").get(0).checked) { // do something}或者if ($("#checkbox-id")[0].checked) { // do something}判断逻辑简单时可使用,但不建议使用,如果同时判断选中和disabled...原创 2019-03-28 20:40:21 · 1168 阅读 · 0 评论 -
JavaScript中判断json里是否包含某key
1.该种有缺陷,如果这个key定义了,并且就是很2的赋值为undefined,用这语句判断就出问题了。obj['key'] != undefined;2。这两种比较好,推荐使用!("key" in obj) // 不包含obj.hasOwnProperty("key") // 包含...原创 2019-04-07 21:20:38 · 9062 阅读 · 0 评论 -
jQuery中判断变量不为空或null
var con = $("con").val();if(!con){ alert('不为空,请输出内容。'); return; // 该判断相当于判断con="",con=null,con=undefined,con=0}原创 2019-04-07 21:12:06 · 2533 阅读 · 1 评论 -
邮箱验证正则表达式
下面这种用了符号方式来声明RegExp正则对象:!/^[A-Za-z\d]+[A-Za-z\d\-_\.]*@([A-Za-z\d]+[A-Za-z\d\-]*\.)+[A-Za-z]{2,4}$/.test(email.value) 或者!new RegExp("^[a-z\\d]+[\\W\\-\.]*@([a-z\\d]+[a-z\\d\\-]*\.)+[a-z]{2,4}$...原创 2019-01-27 17:59:01 · 3967 阅读 · 0 评论 -
setTimeout、setInterval对比
第一种写法:1234funciton xxx(){//函数代码,此处执行时间约20毫秒setTimeout(xxx,10)}第二种写法:1234funciton xxx(){//函数代码,此处执行时间原创 2017-01-29 16:07:33 · 397 阅读 · 0 评论 -
JavaScript模式
对象创建模式命名空间模式私有属性私有成员特权方法公有方法模块模式暴露模块模式沙箱模式全局构造函数静态成员公有静态成员私有静态成员对象常量链式调用模式method()代码复用模式 —— 优先使用对象创建而不是类继承继承模式代码复用类式继承——默认模式类式继承2——借用构造函数原型链类式继承3——借用并设置原型类式继承——共享原型类式继承5——临时构造函数Klass转载 2016-12-28 21:39:29 · 470 阅读 · 0 评论 -
《高性能JavaScript》读书笔记
第1章:加载和执行 11.1 脚本位置由于脚本会阻塞页面其他资源的下载,因此,尽可能将所有的script放在body最底部1.2 组织脚本减少script数量 当script的type为text/html时,仍然会影响速度吗?合并多个文件 当script长度受限制时,怎么做?comobo1.3 无阻塞的脚本在window的load事件触发后再下载脚本原创 2016-12-28 21:38:21 · 424 阅读 · 0 评论 -
vue-cli+webpack项目不能自动热更新
用WebStorm修改Vuejs+WebPack搭建的项目时,每一次在修改完手动保存时,在Terminal窗口不会更新和编译,页面刷新不能刷新到修改后的内容。需要重新启动才会更新和编译。WebStorm的保存会在临时文件夹中创建一个文件用来保存(好像没有出发实际文件的变更),所以我们要在setting中取消选中这个设置,如下图...转载 2019-05-20 15:24:57 · 4328 阅读 · 0 评论