javascript
文章平均质量分 68
xuyanquan
http://www.jianniupin.com
展开
-
前端如何引入vConsole
很多文章讲述不是很到位,就记录一下vconsole 的使用和注意点。为什么要使用 vconsole.js ?因为手机或者平板之类的客户端软件并没有控制台,前端开发想看log日志比较麻烦,如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。注意点vconsole 这个插件源码里面是依赖 html dom api 来实现的,如果你所使用的的环境不支持 dom,与原有...原创 2020-04-15 11:42:02 · 45561 阅读 · 0 评论 -
JS Uint8ClampedArray to Base64
var toBase64 = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h',...原创 2019-12-10 10:55:53 · 3356 阅读 · 0 评论 -
Vue2 使用总结
1.组件公用样式需要加载后,其它地方才能用。2.数组数据重新渲染不能检测到需要splice。3.click加上快捷键会同时引发click事件。4.每个文件需要引入sass公用配置的文件,采取相对路径,没有别名。5.生命周期中的beforeUpdate 不应该操作data数据,容易引起死循环。6.未初始化组件无法获取组件样式,必须放在m原创 2017-11-08 15:25:21 · 261 阅读 · 0 评论 -
webstorm mac 更新导致CPU过热过高
前端用webstorm ,经常出现CPU过热过高,卡慢的现象,主要由下面两种情况导致。1.npm依赖包被当做代码解析语法。需要去除依赖包目录。 Preferences --> Directories 展开右侧项目,点击需要解除解析的目录,再点击上方红色 Excluded 按钮,取消目录,点击右边 X 按钮。2.突然出现IDE插件的更新,导致cpu瞬间上原创 2017-11-06 17:43:37 · 4079 阅读 · 0 评论 -
ESlint 规则
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作转载 2018-01-11 19:47:07 · 970 阅读 · 0 评论 -
Axios 各种方法传递参数 Demo
Axios 各种方法传递参数 Demo (整理一下,总是忘记。) get 和 delete 方法较为不同 axios.get(url[, config])axios.delete(url[, config])axios.post(url[, data[, config]])axios.put(url[, data[, config]])axios.patch(ur...原创 2018-05-31 09:48:02 · 32813 阅读 · 5 评论 -
connect 中 res.json 返回 json数据
用了connect中间件之后,直接写路由,需要接口返回json数据。每次包装很麻烦。直接用个插件。 connect-json-middleware npm install connect-json-middlewarevar app = require('express')var connect = require('connect')var connectJs...原创 2018-10-15 13:00:57 · 1243 阅读 · 0 评论 -
搭建MarkDown文档整理对外展示网站
考虑到公司需要对外提供自己研发的文档供他人使用。而各个研发组织属于不同组,相当于开放平台一样。于是开发了一个网站专门用来展示整理MarkDown文件。项目github地址:doc-website展示如下:配置简单方便,和gitbook类似。部署运行方便。增加了右上角大分类,和左侧导航多级嵌套。也方便非研发人员进行编写文档。里面的示例文件和目录说明很清晰。只需要管理doc文件夹即...原创 2018-11-29 16:55:38 · 4985 阅读 · 5 评论 -
Node 代理与纯静态服务器ecstatic插件代码应用整理
第三个代理插件是基于第一个进行扩展。第二个是纯静态服务器插件。 // http-proxy codevar port = parseInt(process.argv[2]);var http = require('http');var httpProxy = require('http-proxy');var proxy = httpProxy.createProxyServ...原创 2019-01-21 09:45:29 · 648 阅读 · 0 评论 -
node 快速搭建express 服务器
node express 快速入门搭建目录原创 2017-10-13 10:42:34 · 337 阅读 · 0 评论 -
webpack取消严格模式打包use strict
有时候用webpack打包,引入的require文件中有报错,是由于严格模式引起的。es6自动打包成es5会加上严格模式。如何取消掉,直接在webpack配置文件中设置: var config = { entry: { home: buildBundle( 'home' ), }, output: { path: BUILD_DIR...原创 2017-07-25 11:19:10 · 15641 阅读 · 0 评论 -
搭建 JS SDK 环境结构入门举例
有时候公司需要大家开发某个js sdk对外提供服务,比如最简单的例子就是谷歌的统计代码,放在网站底部引入script就可以了,虽然这个不是sdk,但是和sdk类似。如果网站引入第三方sdk代码的话,就可以直接用第三方提供的API服务了。比如七牛云提供的sdk: https://developer.qiniu.com/sdk#official-sdk当我们需要开发一个类似的sdk,建立目原创 2017-07-02 18:53:33 · 2243 阅读 · 0 评论 -
javascript内部函数this指向问题
var name = "clever coder"; var person = {name : "foocoder",hello : function(sth){var sayhello = function(sth) {console.log(this.name + " says " + sth);}原创 2013-06-01 12:46:54 · 913 阅读 · 0 评论 -
腾讯的JS前端面试题
无意中看到这个题目,看完所有解答后,觉得还是不好,所以就写了一下。问题来自:http://www.codefans.net/jscss/code/3460.shtml题目的意思就是:有一组数字,从1到n,从中减少了3个数,顺序也被打乱,放在一个n-3的数组里,请找出丢失的数字,最好能有程序,最好算法比较快。假设n=10000。第一个人是这么写的:原创 2013-06-05 19:39:37 · 1027 阅读 · 0 评论 -
JS 判断浏览器类型,包括手机类型。
var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.inde翻译 2014-09-22 09:56:46 · 666 阅读 · 0 评论 -
javascript判断输入类型
v.Safe = /^[\-a-zA-Z0-9\u4e00-\u9fa5]+$/; v.Account = /^[a-z][a-z0-9]{3,15}$/; //v.UnSafe= /[@#\$%\^\*<>'=;\(\)\-;"/\\]+/; v.UserName = /^[A-Za-z0-9\u4e00-\u9fa5]{2,10}$/; v.UserRealNa原创 2014-09-22 18:42:07 · 557 阅读 · 0 评论 -
nodejs 批量编译less 文件为css
我们在用less时,有时会有很多less块,一个一个手动编译很麻烦,使用下面的代码,可以一次性递归编译 在项目less文件目录,新建个js文件。粘贴代码如下:转载 2014-11-14 14:15:18 · 2534 阅读 · 0 评论 -
odejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问题
最近在看《Node.js开发指南》,看到使用nodejs进行web开发的时候,准备创建ejs项目遇到问题了, 书上命令为: 1express -t ejs microblog可是执行后,仍旧创建的是jade项目。 原来,express3.x,express4.x中创建ejs命令更新为: express -e micro转载 2014-10-13 14:47:21 · 734 阅读 · 0 评论 -
js判断ie版本以及怪异模式,纯JS,可封装组件。
js判断ie版本以及怪异模式,纯JS,可封装组件。原创 2014-12-25 16:43:50 · 690 阅读 · 0 评论 -
Node 搭建简易 HTTP 静态资源服务器
有时候前端开发需要用到服务器,比如ajax请求之类的,会选择apache或者nginx或者tomcat,Jboss之类的,现在服务器太多,但是每次都需要配置环境下载之类的非常麻烦,也许我们只是想预览一下静态资源的效果,或者调试一下简单的逻辑代码而已。相信现在前端大多数都装有Node,而Node本身就可以搭建起本地服务器,从头开始写就比较费劲,整理好了一个文件给大家,文档也非常简便,使用也非常简原创 2017-07-02 18:34:20 · 2691 阅读 · 0 评论 -
JavaScript面向切面编程
很多人都知道java,spring里面有一个aop的切面编程,它利用了反射机制实现了。今天我们用js来实现一个模仿的,只是简单的实现,你可以自行再添加自己的条件和完善:function aop(obj,before,after,filter){for (var fun in obj)(function(){if (filter(fun))return;var _fun =原创 2013-06-01 09:52:50 · 919 阅读 · 0 评论