- 博客(28)
- 收藏
- 关注
RSS订阅原创 event.returnValue=false与event.preventDefault()区别
event.preventDefault()方法是用于取消事件的默认行为，但此方法并不被ie支持，在ie下需要用window.event.returnValue= false; 来实现。
2019-10-08 11:04:12
473
原创 整理js基本概念题
逻辑短路var a=10;var y=20;var z=x<y?x++:++y执行后 x=11;y=20;z=10全局变量局部变量var x='global';function test(){ console.log(x); var x='local'; console.log(x);}test();//undefine...
2019-09-24 10:07:31
267
原创 formData附件上传
//阀值配置过程上传文件 t.find("#config_file").change(function() { var textName = $(this)[0].files[0].name; t.find(".inner_textName").html(textName); ...
2019-07-17 10:29:16
200
原创 createEvent 自定义事件
浏览器之外的自定义事件，多次添加事件，dispatch一次，会多次触发<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"...
2019-06-27 17:32:59
441
原创 unload事件调用位子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery.min.js"></scrip...
2019-06-12 10:45:14
237
原创 浏览器打开新页面
window.open()跨域打开 会被chrome浏览器拦截，无法实现打开新页面的效果，要创建一个a标签，触发click事件做页面跳转 就不会被拦截var _url ='http://' + window.location.host + '/' + window.location.href.split('/')[3] + '/static/quanjing/generalview.jsp?i...
2019-05-13 17:54:59
484
原创 for循环中留住i
for(var i=0;i<3;i++){ setTimeout(function(){console.log(i)},3000) };打印出三次2for(var i=0;i<3;i++){ (function(n){ setTimeout(function(){console.log(n)},3000) })(i)};...
2019-04-15 16:38:48
403
原创 npm install Python报错
Error: Can't find Python executable "python", you can set the PYTHON env variable管理员身份打开cmd输入命令npm install -g node-gypnpm install --global --production windows-build-tools...
2019-03-18 14:26:22
6275
转载 babel的使用以及安装配置
首先在项目的目录中生成package.json文件 npm init --y 注意项目目录中不能含有中文名。 --y是生成默认值的package.json，不用的话，在生成过程中会有一大堆问题，我们依次填入就好。安装babel-cli用于命令行转码npm install -g babel-clibabel-cli 需要全局安装 -g代表 -global。需要在项目中...
2018-08-14 16:15:38
2944
转载 webstorm 跳坑
转载于：https://segmentfault.com/a/11900000087996521.vue.js在webstorm里npm run dev经常不会更新描述：如题，用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？解释：webstorm保...
2018-07-11 15:58:54
1000
转载 vConsole 手机端web页面调试
项目地址： https://github.com/WechatFE/vConsole 。不多介绍，以下内容直接 copy 了项目的 README.md简介vConsole 是一个网页前端调试面板，专为手机 web 页面量身设计，帮助开发者更为便捷地进行开发调试工作。手机预览http://wechatfe.github.io/vconsole/demo.html原文地址：http://www.360...
2018-07-09 14:32:30
889
转载 jQuery.extend 函数使用详解
转载于：https://www.cnblogs.com/zikai/p/5074686.htmlJQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将s...
2018-06-25 11:36:49
141
转载 前端获取图片压缩后上传给后台
转载于：https://www.cnblogs.com/shinefon-2-2/p/5901330.html 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上...
2018-05-21 16:39:20
924
转载 CSS3属性border-radius参数详解
转载于：https://segmentfault.com/a/1190000002545712个border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建椭圆角（如图下图第7），把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。以下图例就是通...
2018-05-15 17:54:19
592
转载 json-server 模拟数据
转载于：https://www.cnblogs.com/itfantasy/p/6043111.html使用json-server模拟REST APIhttps://segmentfault.com/a/1190000005793257在开发过程中，前后端不论是否分离，接口多半是滞后于页面开发的。所以建立一个REST风格的API接口，给前端页面提供虚拟的数据，是非常有必要的。对比过多种mock工具...
2018-05-04 17:13:55
480
转载 vue文件在webstorm中es6语法报错解决方法
.vue文件在webstorm中es6语法报错解决方法转载：https://www.cnblogs.com/yuqing6/p/6945792.html1 语法支持es6设置1Preferences > Languages & Frameworks > JavaScript 把 Javascript Language version 改为 ECMAScript 6,这样做所有...
2018-05-03 15:51:26
1316
转载 JavaScript构造函数及原型对象
转载于：https://blog.csdn.net/a153375250/article/details/51083245JavaScript中没有类的概念，所以其在对象创建方面与面向对象语言有所不同。JS中对象可以定义为”无序属性的集合”。其属性可以包含基本值，对象以及函数。对象实质上就是一组没有特定顺序的值，对象中每个属性、方法都有一个名字，每个名字都映射到了一个值，因此我们可以将对象想象称为...
2018-04-25 17:48:33
131
原创 两行超出省略
.pro .title{ line-height:.31rem !important; height:.6rem; font-size:.25rem; color:#151515; overflow : hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: ...
2018-04-25 10:19:31
245
原创 meter标签修改样式
.deal ::-webkit-meter-bar { height: 1.5em; background:linear-gradient(to bottom, #ddd, #837C7C);}.deal ::-webkit-meter-optimum-value { background:linear-gradient(to bottom, #ddd, #51a351);} ...
2018-04-24 17:00:28
1610
转载 【前端攻略】：玩转图片Base64编码
转载：https://www.cnblogs.com/coco1s/p/4375774.html 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用它，...
2018-03-06 12:04:51
300
转载 js实现链式操作
转载于https://www.cnblogs.com/youhong/p/6899466.html前言：前不久阿里远程面试时问了我一个问题，如下：function Person(){};var person = new Person();//实现person.set(10).get()返回20当时正在问我原型链的问题，所以面试官直接用我写的person问的，我当时是这么实现的：functio...
2018-03-05 15:17:44
267
转载 认识hasLayout——IE浏览器css bug的一大罪恶根源
转载：http://neverned.blog.163.com/blog/static/1265524200933021130561/什么是hasLayout？hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自...
2018-02-08 15:58:55
166
转载 原生javascript 获得css样式的几种方法
转自：http://www.cnblogs.com/Shinnosuke/p/5563846.htmlcss 样式分为行内样式和 外部样式：1、javascript 获得行内样式 ：可以使用 ele.style."属性名称"（如果遇到属性名称带有"-", 需要使用驼峰方法，例如 background-color 改为 backgroundColor）;2、ja
2017-09-04 09:35:10
404
转载 html之marquee详解
原文出处：http://www.cnblogs.com/tuyile006/archive/2007/03/28/691329.html该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：以下是一个最简单的例子：代码如下:H
2017-05-31 10:04:50
235
转载 学习Javascript闭包（Closure），从外部读取局部变量
原文链接：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作
2017-05-17 18:04:11
498
转载 ajax调用实例
原文链接：http://www.cnblogs.com/GarfieldTom/p/4277708.htmljQuery确实方便，下面做个简单的Ajax调用：建立一个简单的html文件：DOCTYPE HTML>html>head>script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/
2017-04-05 10:50:48
599
转载 CSS3自定义滚动条样式 -webkit-scrollbar原文地址：http://www.xuanfengge.com/css3-webkit-scrollbar.html
原文地址：http://www.xuanfengge.com/css3-webkit-scrollbar.html有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列
2017-03-24 10:36:12
507
转载 关于chrome控制台警告：Synchronous XMLHttpRequest on the main thread终极解决办法
版权声明：本文转载自博主【小北】原创文章背景： chrome控制台 提示禁告：Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, ch
2017-03-11 11:15:01
493
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人