JavaScript
扛狼1427
我叫扛狼,记住这个名字,这个名字对你很重要!
github:https://github.com/lang1427
QQ:994655681
WX:lang18770971427
展开
-
防止浏览器记住密码 手写password密码框实现禁止浏览器记住密码功能 兼容谷歌 火狐 IE8+
阻止浏览器记住密码接了一个很无理的需求:禁止浏览器提示保存密码最终解决方案在最下面,先絮叨两句最终效果:说说这个要怎么实现吧, 网上搜索方法 大部分都是说 (方式如下)设置autocomplete为off即可,亲测无效,最起码在谷歌老大型浏览器就不行。我是最想吐槽说这个方式的,也有的人说设置off不行 还可以设置成除了off和on之外的其他的值即可,真的是很无语。明明是禁止浏览器保存密码,被问答成让浏览器不要自动填充,真是醉了 input输入框的type先是为text,...原创 2020-07-07 18:10:40 · 1947 阅读 · 10 评论 -
typescript从0到1全过程总结+vue整合typescript
TypeScript 是 JavaScript的一个超集1. 下载:npm install typescript -g2. 生成配置文件(tsconfig.json):解决VsCode 红色下滑线警告tsc --init3. 运行:tsc ts文件名.ts可通过 -w 实时监听ts文件的改变 ,执行tsc : tsc ts文件名.ts -w注...原创 2019-12-03 17:57:00 · 567 阅读 · 0 评论 -
JavaScript最忌讳的事-----IE8遇到的问题总结 (ie8疑难杂症)
大忌之一:使用JavaScript关键字做为请求参数IE8 报错:缺少标识符、字符串或数字在公司遇到的一个不起眼的参数,引发的大问题,IE8及以下浏览器 报错,报错信息莫名其妙。IE8报错信息,我一直以为是clickCheckAListInfo 方法的问题,其实不然,只是因为使用了关键字做为参数把delete改为不是JavaScript所认识的的关键字即可。科普...原创 2019-07-11 16:47:37 · 1368 阅读 · 0 评论 -
js和css压缩工具
依赖安装环境: Node.jsJavaScript代码压缩工具(uglifyjs)全局安装js代码压缩工具 注意事项:只能用于压缩ECMA Script 5的 js 代码npm i uglifyjs -g使用方式:uglifyjs 未压缩的js文件名 -o 压缩后的js文件名min.js文件是压缩生成的参数配置项 可百度cs...原创 2019-07-26 13:29:40 · 413 阅读 · 0 评论 -
js判断浏览器是否支持属性或方法
判断浏览器是否支持HTMl标签属性 // HTML属性 in DOM对象 :判断是否支持这个属性,支持返回true,不支持返回false if('placeholder' in document.createElement('input')){ console.log('浏览器支持placeholder这个标签属性') }判断浏览器是否支持js属性或...原创 2019-07-22 16:20:07 · 1074 阅读 · 0 评论 -
JavaScript模块化
原始IIFE模式(立即执行函数)立即执行函数,通过window向外暴露成员,jquery的实现方式作用:避免了污染全局变量,立即执行函数内部形成一个单独的作用域,可以封装一些外部无法读取的私有变量,封装变量问题:并没有明确的依赖关系树,意味着开发人员必须按照精确的顺序来制造组件文件列表,以便在依赖模块之间加载依赖项。并不能解决模块化之间的依赖关系,需要按照顺序引入js文件实例:...原创 2019-09-17 15:23:49 · 123 阅读 · 0 评论 -
JavaScript事件处理机制(捕获,目标,冒泡)
事件处理机制的三个阶段(捕获阶段,目标阶段,冒泡阶段) 冒泡阶段:事件从内向外执行捕获阶段:事件从外向内执行; addEventListener(type,fn,useCapture) useCapture:事件处理机制(捕获阶段true,目标阶段,冒泡阶段false)默认为冒泡阶段 捕获阶段:事件从外向内执行; 冒泡阶段:事件从内向外执行捕获情况: ...原创 2019-07-09 16:14:18 · 658 阅读 · 0 评论 -
原生事件绑定与解绑和jQuery的事件绑定与解绑详解
原生js绑定单个事件与解绑<body> <input type="button" id="btn" value="盘他"> <input type="button" id="rm" value="移除"></body><script> /* 使用 onclick 作为点击事件 后面的事件会覆盖前面的事件 ...原创 2019-07-09 11:36:52 · 207 阅读 · 0 评论 -
JavaScript中DOM与jQuery中DOM操作详解
DOM:文档对象模型(document object module)用于操作页面元素jquery 1.version 方式 无兼容性问题凡是使用jquery1.version 无论是事件操作还是获取元素等操作都无兼容性问题获取元素(element)通过id获取元素<div id = "dv"></div>document.getElementBy...原创 2019-01-28 11:48:06 · 286 阅读 · 0 评论 -
JavaScript中BOM操作与jQuery中BOM操作详解
BOM浏览器对象模型(顶级对象:window)onload()和ready()的区别window.onload = function(){ // 原生JavaScript 页面加载可完毕执行的方法}$(document).ready(function(){ // jquery DOM元素加载完毕可执行的方法}) $(funct...原创 2019-01-28 12:40:29 · 420 阅读 · 0 评论 -
盘点前端易混淆的面试题精选
下面代码执行后是什么 <ul id='list'> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item&原创 2019-03-05 19:39:23 · 213 阅读 · 0 评论 -
封装IP输入框控件plug
兼容 IE 6,7,8,9,10依赖jquery,在jquery@1.9之前的version 可直接导入jquery;在jquery@1.9之后的版本需要导入jquery之后再导入jquery-migrateexample:<link href="./qdialog/qdialog.css" rel="stylesheet"><link href="./qip.cs...原创 2019-06-14 15:14:17 · 238 阅读 · 0 评论 -
Math Date String Array Number 对象
Math:取π:Math.PI取绝对值:Math.abs();向上取整:Math.ceil();向下取整:Math.floor();随机数:Math.random();开平方:Math.sqrt();次幂:Math.pow();Date:new Date(); //当前服务器的时间Date.now(); ...原创 2019-01-27 19:47:09 · 268 阅读 · 0 评论