自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 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 29067 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 1605

翻译 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 280

原创 随手写个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 312

翻译 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 504

原创 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 2751 2

原创 linux安装node/npm

linux中node、npm安装

2017-09-10 19:17:59 323

原创 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 3408

原创 正则表达式(简单整理)

正则表达式两种写法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 1750

原创 前端测试工具-摩卡(简单了解)

关于摩卡 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 1634

原创 三大框架路由

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关注的人

提示
确定要删除当前文章?
取消 删除