- 博客(84)
- 收藏
- 关注
RSS订阅原创 react 导出 excel
HTTP({method:'post',url: '',data:{ids:this.state.selectArr.length?this.state.selectArr:null,},responseType:'arraybuffer'}).then(res=>{consturl=window.URL.createObjectURL(...
2020-10-06 22:21:26
203
转载 使用npm安装一些包失败了的看过来（npm国内镜像介绍）
这个也是网上搜的，亲自试过，非常好用！镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response）2.命
2018-01-10 15:50:09
1434
转载 Cannot assign to read only property 'exports' of object '#<Object>' (mix require and export) #4039
.babellrc中添加插件"transform-es2015-modules-commonjs"
2017-10-18 17:18:17
1736
转载 JS几种数组遍历方式以及性能分析对比
JS几种数组遍历方式以及性能分析对比前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列，本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比起由在上一次分析了JS几种常用变量交换方式以及各自性能后，觉得这种方式挺好的，于是抽取了核心逻辑，封装成了模板，打算拓展成一个系列，本文则是系列中的第二篇，JS数组遍历方式的分
2017-10-09 13:46:38
316
转载 ES6之Babel的各种坑总结
坑一：本地安装和全局安装全局安装只需： $ npm install --global babel-cli这时候我们可以使用 Babel 命令编译文件： $ babel index.js --out-file compiled.js #或 $ babel index.js -o compiled.js编译目录： $ babel sr
2017-09-08 15:03:48
1404
转载 window下cmd文件和文件夹的相关命令
md myDir创建目录type nul>.babelrc 创建空的.babelrc文件echo myname>a.txt 创建非空的文件del a.txt 删除文件
2017-08-14 14:00:56
926
转载 详解Webpack2的那些路径
Webpack2 中有很多涉及路径参数配置，若不知其所以然，很容易混淆出错。本文尽可能的汇集了 Webpack2 中设计路径的配置，力争深入浅出。contextcontext 是 webpack 编译时的基础目录，入口起点（entry）会相对于此目录查找。若不配置，默认值为当前目录，webpack设置 context 默认值代码：this.set("context",
2017-06-20 15:51:35
328
转载 input:-webkit-autofill 导致chrome的输入框背景颜色变成黄色
填写form表单时发现chrome的一个好坑啊！当你之前有填写过表单，获取焦点时，input会有一个记录之前填写过的文本的下拉列表式的东东，就像这样：（抱歉丑了点，隐私问题打上了马赛克）按理说，这没什么问题，很多时候为了方便，也需要它记录输入，但是，同时也发现，文本框变成了屎黄色了！而且当你选择其中的文本时它依然还是屎黄色！真是卧槽了...... 这完全不是
2017-02-17 14:01:49
1425
转载 如何使用 HTML5 的picture元素处理响应式图片
来自： http://www.w3cplus.com/html5/quick-tip-how-to-use-html5-picture-for-responsive-images.html图片在响应式网页设计中是出了名的最具挑战性的方面之一。今天我们就来看看如何使用 元素来处理响应式图片.让我们先了解一下问题固定宽度，像素完美的网站设计已经离我们远去了。在宽屏显示器，互联网电
2017-02-14 09:57:20
1320
转载 text-size-adjust: 100% 有什么作用？
iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。ext-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.
2017-02-13 10:06:27
4021
转载 ajax获取服务器当前时间
通过ajax获取response header 上的date值，注意时区，在chrome 开发工具header中看到的均为格林威治时间，比北京时间小8个小时，获取的时区与服务器端设置有关系。推荐下面方法：[javascript] view plain copy //从response header中获取服务器当前时间,不存在有缓存时的
2016-12-29 14:52:39
2267
转载 实时弹幕系统的设计与实现
发布于 2 年前 作者 cstackess 24459 次浏览 最后一次编辑是 3 个月前 来自 分享看新年晚会的时候，发现最大的乐趣就是微信上墙了，但是量大了要等好久才能看见自己发的，为什么不能是弹幕的形式呢？发现在GitHub上开源了一个JS弹幕模块核心CommentCoreLibrary，慢慢开始学习Node.js的一套。原来是比较做后台开发的，也是第一次做这
2016-12-22 14:20:29
761
转载 Flex 布局教程：语法篇
作者： 阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现
2016-12-02 23:22:37
241
转载 CSS3盒模型display：box详解
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-w
2016-12-02 23:21:31
353
转载 【转载】(0, eval)(‘this’)
var window = this || (0, eval)('this')在avalon源码中有这么一行代码，var window = this很容易理解这里复习一下Global Object:Global Object代表一个全局对象，js中不允许存在独立的函数，变量和常量，它们都是Global Object 的属性和方法，包括内置的属性和方法但是Global
2016-11-23 16:49:55
901
转载 常用Bracket插件
1、Emmet如果你从事Web前端开发的话，对该插件一定不会陌生。它可以加快你的 HTML 和 CSS 编写速度。2、AngularJS-bracketsBrackets的其中一个优点是支持AngularJS开发，我们只需要安装一款AngularJS代码提示插件即可实现AngularJS指令或服务补全功能。3、Git插件4、Theme-皮肤插件bra
2016-09-21 14:57:24
3361
转载 node 通过指令创建一个package.json文件及npm安装package.json
描述包的文件是package.json文件.一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包;完成name,varsion....license项的信息填写后会出现这样一段话.上面是我们填写的信息,下面我们输入yes,就完成了package.json包的建立.现在我们去这个路径下去找我们的包.
2016-08-31 17:03:30
513
转载 js 判断各种数据类型
了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx) 如下实例： typeof 2 输出 number typeof null 输出 object typeof {} 输出 object
2016-07-20 15:34:57
169
转载 大公司里怎样开发和部署前端代码
https://github.com/fouber/blog/issues/6本文搬运自我在知乎上 同名问题 中的答案。这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么
2016-07-19 17:00:52
500
转载 jQuery的deferred对象详解
作者： 阮一峰日期： 2011年8月16日jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery
2016-07-18 16:50:15
185
转载 史上最详细的JavaScript事件使用指南
来源：龙恩0707事件流 事件流描述的是从页面中接收事件的顺序，IE和Netscape提出来差不多完全相反的事件流的概念，IE事件流是事件冒泡流，Netscape事件流是事件捕获流。 事件冒泡 IE的事件流叫做事件冒泡，即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收，然后逐级向上（一直到文档）；如下代码： 事
2016-07-15 16:45:34
364
转载 css自适应宽度 多种方法实现宽度自适应的水平居中
当父元素和子元素都没有定义宽度的情况下实现水平居中： display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码: 复制代码代码如下: Home … CSS代码: 复制代码代码如下
2016-06-16 17:02:49
3554
转载 用grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！作者：来源：王福朋的博客|2015-06-09 13:45 收藏 分享jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1. 前言
2016-06-03 13:35:10
434
转载 推荐！手把手教你使用Git
原文出处： 涂根华的博客 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联
2016-06-02 16:53:58
395
转载 10款让WEB前端开发人员更轻松的实用工具
这篇文章介绍10款让Web前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱，这样工作中碰到的每个问题都有一个好的解决方案供选择。对于每一项工作，开发人员需要特定的辅助工具，所以如果下面这些工具对于你来说都是新的领域，那么这篇文章是非常有用的，因为这些实用的工具将让你的工作更有效率。神器推荐：《让网页舞动起来！25个免费的视差滚动插件》《高端干货！PH
2016-06-01 14:05:40
4039
转载 谈谈Javascript中的void操作符
由于JS表达式偏啰嗦，于是最近便开始采用Coffeescript来减轻负担。举个栗子，当我想取屋子里的第一条dog时，首先要判断house对象是否存在，然后再判断house.dogs是否存在，最后取house.dogs[0]。在JS需要这么写var dog = (typeof house !== 'undefined && house !== null) && house.dogs && h
2016-05-30 11:04:40
228
转载 addEventListener之handleEvent
addEventListener() 方法是将指定的事件监听器注册到目标对象上，当该对象触发指定的事件时，指定的回调函数就会被执行。语法：element.addEventListener(type, listener[, useCapture]);其中listener： 当指定的事件类型发生时被通知到的一个对象。该参数必是实现EventListener接口的一个对象或函数。
2016-05-30 09:48:36
332
转载 css3 loading（SVG loading）
在这些情况下，我们一般会用到（加载）loading动画，提示于用户页面在加载中，这些UX常识我想很多设计师都懂。今天分享几个仅用CSS3和SVG实现几个loading动画效果。Loaders.css令人愉快的和注重性能的纯CSS加载动画。演示：https://connoratherton.com/loadersGithub：https://github.com/Co
2016-05-27 13:19:14
1086
转载 Array.prototype.slice.call(arguments)
我们知道，Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组，除了IE下的节点集合（因为ie下的dom对象是以com对象的形式实现的，js对象与com对象不能进行转换）如：1 var a={length:2,0:'first',1:'second'};2 Array.prototype.slice.call(a);
2016-05-27 10:36:33
159
转载 jQuery.extend 函数详解
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的
2016-05-26 16:48:00
187
转载 js运算符单竖杠“|”与“||”的用法和作用介绍
之前文章，在js整数操作的时候，相当于去除小数点，parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注：1. Math.ceil()用作向上取整。2. Math.floor()用作向下取整。3. Math.round() 我们数学中常用到的四舍五入取整。console.log(0.6|0)//0console.log(
2016-04-12 15:01:38
1601
转载 CSS3 Background-clip
background-clip ： border-box || padding-box || content-box取值说明：1、border-box:此值为默认值，背景从border区域向外裁剪，也就是超出部分将被裁剪掉；2、padding-box：背景从padding区域向外裁剪，超过padding区域的背景将被裁剪掉；3、context-box：背景从con
2016-03-12 22:56:07
749
转载 详解js闭包
包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量使用闭包有一个优点，
2016-02-22 15:09:13
225
转载 jquery双感叹号问题
他相当于三元运算符，返回boolean值。var ret = !!document.getElementByIdx_x等价于：var ret = document.getElementByIdx_x ? true : false; 当值是非空字符串和非零数字返回true，当值是空字符串、0或者null返回false。 复
2016-02-22 11:53:33
1876
转载 一个页面存多个tab
简洁的tab选项卡，一个页面中可重复使用多个tab丨芯晴网页特效丨CsrCode.Cnbody{ padding:0;font:12px "宋体"; }/*选项卡1*/#lib_Tab1{width:500px;margin:0px;padding:0px;margin-bottom:15px;}/*选项卡2*/#lib_Tab2{width:576px;margin
2016-02-22 11:50:50
759
转载 CSS3渐变——线性渐变
渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在通过样式应用到页面中。另外，在实际应用中可扩展性差，还直接影响页面性能。值得庆幸的是
2016-02-20 23:10:25
962
原创 在表格里加动态数据
点餐结帐单 .wrap{ width:1000px;margin-left:auto; margin-right:auto;} .table{ font-size: 12px;} .table tr{ height:30px; line-height: 30px;backgroun
2016-02-19 11:53:18
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人