- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 前端如何引入vConsole
很多文章讲述不是很到位，就记录一下vconsole 的使用和注意点。为什么要使用 vconsole.js ?因为手机或者平板之类的客户端软件并没有控制台，前端开发想看log日志比较麻烦，如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。注意点vconsole 这个插件源码里面是依赖 html dom api 来实现的，如果你所使用的的环境不支持 dom，与原有...
2020-04-15 11:42:02
44991
原创 搭建MarkDown文档整理对外展示网站
考虑到公司需要对外提供自己研发的文档供他人使用。而各个研发组织属于不同组，相当于开放平台一样。于是开发了一个网站专门用来展示整理MarkDown文件。项目github地址：doc-website展示如下：配置简单方便，和gitbook类似。部署运行方便。增加了右上角大分类，和左侧导航多级嵌套。也方便非研发人员进行编写文档。里面的示例文件和目录说明很清晰。只需要管理doc文件夹即...
2018-11-29 16:55:38
4885
5
原创 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
32747
5
原创 Mac jdk 1.7 安装 下载
太郁闷，找半天，官网又慢，csdn上传也限制，其它下载还要积分，有蛮搞的。半天弄了一个，上传百度盘共享吧。 http://pan.baidu.com/s/1kVJujT9 Mac jdk 1.7 请关注公众号方便翻阅资料 ...
2017-07-29 18:54:50
15674
6
原创 sublime 快速打开跳转至关联文件
在下一枚web前端，最近在用sublime text2编辑器写前端。由于页面较多，项目较大，所以难免出现很多引用文件和一些js的teample模板。 问题：在Sublime Text编写代码过程中要寻找关联文件的链接需要ctrl+p调出寻找栏，而且如果有多个project.，则会在这些project中去寻找所有匹配文件，不是十分爽快。 由于在网上找半天，没找到一个好的插件，就自己编...
2015-06-08 14:59:52
17107
2
原创 杭州自己缴纳社保五险条件
百度信息越来越差，搜的也不知道可不可信，知道的不知道的都在回答。无语~。亲自到市民中心窗口询问，以2021年为标准，得到答案如下：以下情况之一都可以进行自己缴纳社保。自己缴纳只能交养老和医保。1. 本地户口。2. 外地户口需要社保已经缴纳满十年。其余情况，外地户口只能通过企业缴纳。如何自己缴纳？前往银行办理卡，自己划款，直接与银行人员说便会指引。工商银行，农村信用社是可以办理的。或者直接市民中心的自助机上办理。带身份证。...
2021-10-18 10:47:50
669
原创 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
3205
翻译 JavaScript ECMAScript 2019(ES2019)/ES10 有什么API变化？
谷歌浏览器 Version 72 对开发者开放ES10 新特性。1.Array.Flat()2.Array.flatMap()3.Object.fromEntries()4.String.trimStart() & String.trimEnd()5.Optional Catch Bindi...
2019-03-14 15:36:49
1458
翻译 react-router 官方入门教程（翻译）
翻译原文：react-router-tutorial全篇讲解使用react路由插件：react-router----------------------------------课程1：搭建项目git clone https://github.com/reactjs/react-router-tutorialcd react-router-tutorialcd lesso...
2019-03-14 14:27:46
306
原创 JS Toast组件实现
Toast本来是一个比较简单的组件，但是由于与一般组件不同，脱离本身DOM结构，渲染到最外层。所以在Vue或者React之类的渲染模板写出来会非常绕和吃力，而且不易理解。最近自己更贴近于原生js实现Toast，代码简单又少，也可以随意更改，也不影响模块封装。// Toast.jslet ToastWrap = nulllet count = 0function Toast...
2019-03-13 17:47:58
3413
原创 React+Redux 入门学习总结
最近几天学习React + Redux，还有Redux异步。React比较简单，它只是负责界面渲染而已，就如同Vue或者Angular一样。官网有初始项目工具：create-react-app。直接按照ReadMe就可以建立空项目进行React练习。React是单向数据流，从父组件传递到子组件，一般用props传递。每个组件的props不能更改，只能由父组件进行传值更改，所以称为单向数据...
2019-03-10 18:41:27
361
原创 Electorn 开发应用如何打包Mac桌面APP，并更改APP默认图标
1.首先安装打包工具 electron-builder。 github地址yarn add electron-builder --dev 2.在项目 package.json 文件中的 scripts 配置项加入一行脚本："pack": "electron-builder --dir"3.运行 打包命令。yarn run pack 桌面软件生成默认佩戴E...
2019-02-20 16:29:36
1315
原创 Mac Eclipse 免费下载安装地址
看到下载又要积分，共享一个百度盘下载地址。方便大家。 https://pan.baidu.com/s/1CD9HpKSTNdVHaUhLlGwKLQ 如何安装？下载下来，只管双击，自我选择。 关注微信公众号，更多资源。...
2019-02-18 10:46:01
3782
4
原创 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
626
原创 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
1203
转载 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
940
原创 Vue2 使用总结
1.组件公用样式需要加载后，其它地方才能用。2.数组数据重新渲染不能检测到需要splice。3.click加上快捷键会同时引发click事件。4.每个文件需要引入sass公用配置的文件，采取相对路径，没有别名。5.生命周期中的beforeUpdate 不应该操作data数据，容易引起死循环。6.未初始化组件无法获取组件样式，必须放在m
2017-11-08 15:25:21
241
原创 webstorm mac 更新导致CPU过热过高
前端用webstorm ，经常出现CPU过热过高，卡慢的现象，主要由下面两种情况导致。1.npm依赖包被当做代码解析语法。需要去除依赖包目录。 Preferences --> Directories 展开右侧项目，点击需要解除解析的目录，再点击上方红色 Excluded 按钮，取消目录，点击右边 X 按钮。2.突然出现IDE插件的更新，导致cpu瞬间上
2017-11-06 17:43:37
3906
原创 webpack取消严格模式打包use strict
有时候用webpack打包，引入的require文件中有报错，是由于严格模式引起的。es6自动打包成es5会加上严格模式。如何取消掉，直接在webpack配置文件中设置： var config = { entry: { home: buildBundle( 'home' ), }, output: { path: BUILD_DIR...
2017-07-25 11:19:10
15554
原创 搭建 JS SDK 环境结构入门举例
有时候公司需要大家开发某个js sdk对外提供服务，比如最简单的例子就是谷歌的统计代码，放在网站底部引入script就可以了，虽然这个不是sdk，但是和sdk类似。如果网站引入第三方sdk代码的话，就可以直接用第三方提供的API服务了。比如七牛云提供的sdk： https://developer.qiniu.com/sdk#official-sdk当我们需要开发一个类似的sdk，建立目
2017-07-02 18:53:33
2205
原创 Node 搭建简易 HTTP 静态资源服务器
有时候前端开发需要用到服务器，比如ajax请求之类的，会选择apache或者nginx或者tomcat，Jboss之类的，现在服务器太多，但是每次都需要配置环境下载之类的非常麻烦，也许我们只是想预览一下静态资源的效果，或者调试一下简单的逻辑代码而已。相信现在前端大多数都装有Node，而Node本身就可以搭建起本地服务器，从头开始写就比较费劲，整理好了一个文件给大家，文档也非常简便，使用也非常简
2017-07-02 18:34:20
2669
原创 Windows安装MongoDB全过程
MongoDB轻巧易用，移动性高。到官网http://www.mongodb.org/ 下载软件安装或者下载压缩文件夹解压到本地任何地方，即完成安装。如要使用MongoDB，进入安装目录，bin寻找mongod.exe 用 cmd 运行即可。 如果嫌麻烦，可以在环境变量中配置path中添加MongoDB安装目录的bin路径。这样一来，只要打开cmd输入mongod就可以用了
2015-06-08 15:32:56
577
转载 虚拟机上安装Ubuntu Server解决网络配置
NAT方式使用的VMNet8网卡，主要要知道Gateway、DNS两个重要的IP。第一个地址(192.168.10.1):静态地址，分配给了宿主机的VMware Network Adapter VMnet8适配器使用。第二个地址(192.168.10.2):静态地址，分配给了NAT设备使用。(192.168.83.3到192.168.10.127)静态地址，保留。(192.16
2015-06-02 12:14:11
738
转载 TTF文字文件在线转成base64代码格式网址
http://www.motobit.com/util/base64-decoder-encoder.asp
2014-12-10 16:13:48
20867
转载 nodejs 批量编译less 文件为css
我们在用less时，有时会有很多less块，一个一个手动编译很麻烦，使用下面的代码，可以一次性递归编译 在项目less文件目录，新建个js文件。粘贴代码如下:
2014-11-14 14:15:18
2500
转载 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
708
原创 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
527
翻译 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
636
原创 apache + php配置问题
PHP 5.3.28 (php-5.3.28-Win32-VC9-x86.zip) 和 Apache 2.2 比较融合。
2014-05-28 12:59:25
406
原创 腾讯的JS前端面试题
无意中看到这个题目，看完所有解答后，觉得还是不好，所以就写了一下。问题来自：http://www.codefans.net/jscss/code/3460.shtml题目的意思就是：有一组数字，从1到n，从中减少了3个数，顺序也被打乱，放在一个n-3的数组里，请找出丢失的数字，最好能有程序，最好算法比较快。假设n=10000。第一个人是这么写的：
2013-06-05 19:39:37
1008
原创 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
895
原创 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
895
原创 jQuery插件编写
/*Hello everybody,让我们来写个jQuery插件，不要一直用jquery，却连插件都不会写。哈哈哈，开玩笑啦。当你看到这篇日志，可以肯定的是，你是jQuery的粉丝哦。话说js是很随意的语言，很随便，想怎么写就怎么写。且看这段代码*/var jQuery = new Object();//或者var jQuery = {};jQuery.method
2013-05-26 12:37:47
581
原创 剖析jQuery源码
@description analyzing jquery.1.3.1.js@author yanquan.xu(Henry)@date 2013/5/11 19:19@place campus由于深爱着javascript语言，而对于业界的框架的层出不穷，我依然选择了jquery。并非因为其它框架不好，而是自然而然的选择和机缘的认识，所以一直用到现在，之后也会说它的不好。
2013-05-22 15:35:17
515
province.zip
2020-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人