- 博客(42)
- 收藏
- 关注
RSS订阅原创 js 驼峰命名和下划线互换
// 下划线转换驼峰function toHump(name) { return name.replace(/\_(\w)/g, function(all, letter){ return letter.toUpperCase(); });}// 驼峰转换下划线function toLine(name) { return name.replace(/([A
2017-12-28 09:34:59
29072
5
原创 node获取代理ip
很久前在网上看到获取node代理ip的例子，写了之后很不稳定，重写一下const fs = require('fs');const cheerio = require('cheerio');const HttpsProxyAgent = require('https-proxy-agent');const fetch = require('node-fetch');const url = '
2017-12-11 14:25:08
1606
翻译 js工具类
<来自https://mp.weixin.qq.com/s/HytDNo6rbp1oxEguaHP0mA>cookiefunction getCookie(name) { var arr = document.cookie.replace(/\s/g, "").split(';'); for (var i = 0; i < arr.length; i++) { var tempAr
2017-12-07 22:27:23
380
原创 在webstorm使用scp/ssh
一、安装git后，在gitbash中可以使用linux的命令，ssh/scp等二、将webstorm的终端设置为启动gitbash，这样在webstorm中就可以直接使用linux的命令了。setting->tools->Terminal路径设置为启动gitbash三、打开webstorm就可以使用gitbash了
2017-11-05 22:02:45
1386
转载 canvas (flower）
运行后会发现…<script> let b = document.body; let c = document.createElement('canvas'); b.appendChild(c); let a = c.getContext('2d'); document.body.clientWidth; with (m = Math) C = cos, S = sin,
2017-10-30 11:55:18
281
原创 随手写个node爬虫
以下案例是用node爬取百度传课，获取免费视频课程信息，并下载展示图片const fs = require('fs');const fetch = require('node-fetch');const cheerio = require('cheerio');const URL = require('url');const url = 'https://chuanke.baidu.com
2017-10-27 16:34:05
313
翻译 js计算精度
来自 https://segmentfault.com/q/1010000005641246 引入插件numbers.js、math.js、decimal.js(比较影响编译速度) 以下是加减乘除解决方案Number.prototype.add = function (arg) { return accAdd(this, arg);};Number.prototype.su
2017-10-27 10:02:15
505
原创 async/await && promise
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function test(num) { return new Promise((resove, reject) => { setT
2017-10-23 13:51:14
187
原创 css小图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> div { font-size: 30px; } div:first-child:after { conte
2017-10-12 12:44:37
572
原创 小程序Video的坑
隐藏Video 使用一下方法 1、display:none 2、marign-top: 1000 以上方法电脑微信开发工具可以播放，Video手机端不可以播放后来使用width:1;hegiht:1设置样式后video手机端正常播放
2017-09-29 02:58:52
2755
2
原创 cannot find module 'internal/fs'
cannot find module ‘internal/fs’ 在window10重装node后出现的问题 （后来用下边的方法解决）卸载node删除C:\Users\Administrator\AppData\Roaming下边的npm、npm-cache重新安装node
2017-07-17 09:36:30
2088
翻译 微信禁止微信自带浏览器变化字体
IOS禁止微信调整字体大小 css给全局样式body设置如下：body { -webkit-text-size-adjust: 100% !important;}android禁止微信调整字体大小 js在页面加载时候调用下边的方法（react在componentDidmount中调用方法）function () { if (typeof WeixinJSBridge == "
2017-07-11 16:44:27
3410
原创 正则表达式（简单整理）
正则表达式两种写法var re = new RegExp(“a”);2 var re = /a/;常用符号 \s : 空格 \S : 非空格 \d : 数字 \D : 非数字 \w : 字符 ( 字母 ，数字，下划线_ ) \W : 非字符例子：是否有不是数字的字符 \b : 独立的部分 （ 起始，结束，空格 ） \B : 非独立的部分 |
2017-07-05 11:42:41
229
原创 html5新标签和兼容处理
新特性：语义化标签：article>aside>footer>header>nav>section>hgroup>表单控件：calendar>date>time>email>url>search>画布：canvas媒体：video/audio新增储存方式：localStorage/sessi
2017-05-20 02:28:52
477
原创 iScroll下拉刷新上拉加载（简洁易懂版本）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;
2017-05-20 02:12:19
921
转载 前端开发中js小技巧
oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键 < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table < body onselectstart=”return false”> 取消选取、防止复制 onpaste=”return false” 不准
2017-05-17 10:30:40
404
原创 面向对象选项卡（回头写个简单的小案例）
我对面向对象的理解： 面向对象（oop）是一种编程的思想，它的优点便于管理，代码可维护性好；方便继承；适合封装，重功能，不重过程。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
2017-05-17 00:52:35
500
翻译 什么是闭包
js中变量的作用域 了解闭包首要要了解js变量的作用域 * 函数内部可以直接读取全局变量 * 在函数外部自然无法读取函数内的局部变量function f1(){ var n=a; }alert(a); // undefind父对象的所有变量，对子对象都是可见的 function f1(){ var n=1; function f2(){
2017-05-14 09:02:50
517
翻译 prototype、_proto_和constructor的关系
构造函数创建对象function Person() {}var person = new Person();person.name = 'name';console.log(person.name) // nameprototype 每一个函数都有一个prototyp属性function Person() {}// prototype是函数才会有的属性Person.prototype.
2017-05-12 23:43:49
356
原创 js获取dom下标（回头写个小案例）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul id="list"> <li>0</li> <li>1</li> <li>2</l
2017-05-12 23:42:54
2090
原创 锚点全屏滚动（jQuery）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;
2017-05-08 00:22:35
1157
原创 js控制滚动条（简单插件手写）
<head> <meta charset="UTF-8"> <title></title> <style> body { height: 5000px; } input{position:fixed;top:100px;} </style></head><body> <input id
2017-05-07 10:55:57
1751
原创 前端测试工具-摩卡（简单了解）
关于摩卡 mocha 2011年是目前现在最流行的javaScript测试框架。 测试框架就是运行测试的工具通过一系列的方法对javaScript应用进行测试保证代码的质量。安装项目目录全局安装 npm install mocha -g npm initnpm install mocha –save-devnpm install chai –save-dev(断言库)m
2017-05-05 16:16:22
1635
原创 三大框架路由
vue中的路由引入vue-routerimport Router from 'vue-router'配置路由new VueRouter({ routes: [ { path: '/', component: Hello } ]})触发路由<router-link to="/a">跳转页面</router-link><router-vie
2017-05-04 19:50:57
274
原创 手写简单瀑布流
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;
2017-05-03 10:24:14
602
原创 数组最简单去重-Set
<script type="text/javascript"> var arr = [1,2,3,3,2,1,3,5,4,11,1,1] function newArr(arr){ return Array.from(new Set(arr)) } alert(newArr(arr))</script>
2017-05-03 09:35:32
933
原创 gulp自动化管理精灵图
安装 npm install gulp –save-dev npm install gulp.spritesmith –save-devvar gulp = require('gulp');var spritesmith = require('gulp.spritesmith');gulp.task('autoSprite', function () { gulp.src('./s
2017-05-03 09:12:39
802
1
原创 react
react框架是由facebook开发的，主旨是解决数据交互频繁，以及组件复用的大型pc项目。react是一个典型的mvc框架，但它仅仅是一个典型的mvc的view层react默认是单向数据流，以组件为核心向四周扩散构建项目react是一种未来的语言，是一种未来的方向react的特性和优点明式设计，采用声明范式高效，使用虚拟dom进行渲染灵活，仅仅是一个view层的框架
2017-05-01 10:26:28
584
原创 微信小程序
关于微信小程序微信小程序是由微信团队开发的搭建在微信平台的一种应用其原理就是app不放在本地，放在微信平台上他可以随扫随用，不用取消微信小程序不仅仅是一个‘小程序’，他完全可以构建成一个完整的项目（原本是想起名应用号，后来ios不同意，改名小程序）。更早的应用：轻应用（百度）、流应用（dcloud）没有成功的原因：1、网速的原因 2、html5的性能小程
2017-05-01 10:23:43
1452
翻译 bootstrap
网址： bootstrap中文网 菜鸟教程css部分默认容器container/container-fluid 网格系统 col：列；row：行 * 超小屏幕：.col-xs- * 小型屏幕：.col-sm- * 中型屏幕：.col-md- * 大型屏幕：.col-lg-列偏移.col-md-offset-标题 bootstrap重新定义了标题标签
2017-05-01 10:18:13
329
原创 Vue语法
后来添加<div :style={'obj'}></div><div v-show="isShow"></div><div>{{msg}}</div>实例化vuevar vm = new Vue({ el:"#demo", data:{ msg:"郑州欢迎你们", dataList:[1,2,3,4] }})v-for 遍历<li v-f
2017-05-01 10:17:17
543
原创 win7局域网共享文件夹
一、设置二、设置共享文件夹三、常见问题1、网络发现无法打开分别启动以下服务， Function Discovery Resource Publication SSDP Discovery UPnP Device Host如发现启动类型为禁用时，右键--属性--启动类型 设置为自动或手动即可四、访问共享
2017-04-29 14:45:49
393
原创 js手写日历插件
table{text-align: center;border-collapse:collapse;}.active{color:deeppink;}//获取时间var date = new Date();var y = date.getFullYear();var _m = date.getMonth();var d = date.getDate(
2017-04-14 19:39:57
1989
原创 node将目录下所有文件生成json数据，并批量重命名
var fs = require('fs');var path = 'img';fs.readdir(path,function(err,files){//获取目录所有图片，并生成文件//console.log(files);var msg = JSON.stringify(files);console.log(msg)fs.writeFile("img/图片名字.js
2017-04-14 14:47:08
1469
原创 两种好用的占位图
快速生成两个640x320的占位图640x320是长宽，x是英文字母x；第一个颜色是背景，后边一个颜色是字体颜色，后边颜色可以不写
2017-04-07 20:27:15
1752
原创 git命令行
git基础git是分布式，svn是集中式mkdir + 文件名字：创建文件夹rm + 文件名字：删除文件git rm + 文件名字：删除版本库文件git rm _rf：删除版本库中全部的文件ls -all/ls -a列出当前文件git init：初始化git仓库git add 文件名字/*/.：将文件追加到gi
2017-03-27 09:19:57
283
原创 外边距重叠：margin-collapse。
外边距重叠：margin-collapse。在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，
2017-03-27 09:06:35
455
原创 localStorage、sessionStorage、jquery_cookie
html4时候：cookiescookies存储只有4kb；利用http来进行传输，受带宽影响很大正确设置cookies时间很麻烦的事情h5引入了web storage存储机制 ——sessionStorage/localStorage(5M)：两种存储机制localStorage：永久存储，只要不销毁就一直存在；sessionStorage
2017-03-22 14:31:20
338
原创 canvas
简介在js中进行图片的绘制往往用于全屏类的动画和小游戏的制作和图标的绘制基本语法var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");canvas和其他dom元素一样都拥有自己的方法canvas常用方法ctx.beginPa
2017-03-21 14:04:59
399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人