基础
luzhongk
这个作者很懒,什么都没留下…
展开
-
js兼容问题
1)滚动条:document.documentElement.scrollTop||document.body.scrollTop2) 获取样式兼容function getStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[styleName]:getComputedStyle(d原创 2017-03-21 14:04:01 · 227 阅读 · 0 评论 -
什么是闭包
js中变量的作用域 了解闭包首要要了解js变量的作用域 * 函数内部可以直接读取全局变量 * 在函数外部自然无法读取函数内的局部变量function f1(){ var n=a; }alert(a); // undefind父对象的所有变量,对子对象都是可见的 function f1(){ var n=1; function f2(){翻译 2017-05-14 09:02:50 · 512 阅读 · 0 评论 -
面向对象选项卡(回头写个简单的小案例)
我对面向对象的理解: 面向对象(oop)是一种编程的思想,它的优点便于管理,代码可维护性好;方便继承;适合封装,重功能,不重过程。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2017-05-17 00:52:35 · 478 阅读 · 0 评论 -
前端开发中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 · 401 阅读 · 0 评论 -
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 · 914 阅读 · 0 评论 -
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 · 470 阅读 · 0 评论 -
微信禁止微信自带浏览器变化字体
IOS禁止微信调整字体大小 css给全局样式body设置如下:body { -webkit-text-size-adjust: 100% !important;}android禁止微信调整字体大小 js在页面加载时候调用下边的方法(react在componentDidmount中调用方法)function () { if (typeof WeixinJSBridge == "翻译 2017-07-11 16:44:27 · 3400 阅读 · 0 评论 -
正则表达式(简单整理)
正则表达式两种写法var re = new RegExp(“a”);2 var re = /a/;常用符号 \s : 空格 \S : 非空格 \d : 数字 \D : 非数字 \w : 字符 ( 字母 ,数字,下划线_ ) \W : 非字符例子:是否有不是数字的字符 \b : 独立的部分 ( 起始,结束,空格 ) \B : 非独立的部分 |原创 2017-07-05 11:42:41 · 224 阅读 · 0 评论 -
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 阅读 · 0 评论 -
localStorage、sessionStorage、jquery_cookie
html4时候:cookiescookies存储只有4kb;利用http来进行传输,受带宽影响很大正确设置cookies时间很麻烦的事情h5引入了web storage存储机制 ——sessionStorage/localStorage(5M):两种存储机制localStorage:永久存储,只要不销毁就一直存在;sessionStorage原创 2017-03-22 14:31:20 · 333 阅读 · 0 评论 -
canvas
简介在js中进行图片的绘制往往用于全屏类的动画和小游戏的制作和图标的绘制基本语法var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");canvas和其他dom元素一样都拥有自己的方法canvas常用方法ctx.beginPa原创 2017-03-21 14:04:59 · 392 阅读 · 0 评论 -
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 · 501 阅读 · 0 评论 -
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 · 566 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
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 · 374 阅读 · 0 评论 -
锚点全屏滚动(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 · 1153 阅读 · 0 评论 -
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 · 1746 阅读 · 0 评论 -
两种好用的占位图
快速生成两个640x320的占位图640x320是长宽,x是英文字母x;第一个颜色是背景,后边一个颜色是字体颜色,后边颜色可以不写原创 2017-04-07 20:27:15 · 1744 阅读 · 0 评论 -
块元素万能居中
/*简单的居中方法*/#parent{display:table-cell;text-align:center;vertical-align:middle;}#chilren{display:inline-block;}/*已知元素的高宽*/#children{background-color:#6699FF;width:200p原创 2017-03-16 13:36:00 · 434 阅读 · 0 评论 -
外边距重叠:margin-collapse。
外边距重叠:margin-collapse。在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,原创 2017-03-27 09:06:35 · 451 阅读 · 0 评论 -
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 · 281 阅读 · 0 评论 -
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 · 1465 阅读 · 0 评论 -
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 · 1986 阅读 · 0 评论 -
react
react框架是由facebook开发的,主旨是解决数据交互频繁,以及组件复用的大型pc项目。react是一个典型的mvc框架,但它仅仅是一个典型的mvc的view层react默认是单向数据流,以组件为核心向四周扩散构建项目react是一种未来的语言,是一种未来的方向react的特性和优点明式设计,采用声明范式高效,使用虚拟dom进行渲染灵活,仅仅是一个view层的框架原创 2017-05-01 10:26:28 · 582 阅读 · 0 评论 -
微信小程序
关于微信小程序微信小程序是由微信团队开发的搭建在微信平台的一种应用其原理就是app不放在本地,放在微信平台上他可以随扫随用,不用取消微信小程序不仅仅是一个‘小程序’,他完全可以构建成一个完整的项目(原本是想起名应用号,后来ios不同意,改名小程序)。更早的应用:轻应用(百度)、流应用(dcloud)没有成功的原因:1、网速的原因 2、html5的性能小程原创 2017-05-01 10:23:43 · 1448 阅读 · 0 评论 -
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 · 325 阅读 · 0 评论 -
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 · 538 阅读 · 0 评论 -
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 · 796 阅读 · 1 评论 -
手写简单瀑布流
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;原创 2017-05-03 10:24:14 · 597 阅读 · 0 评论 -
数组最简单去重-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 · 932 阅读 · 0 评论 -
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 · 2084 阅读 · 0 评论 -
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 · 353 阅读 · 0 评论 -
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 · 28876 阅读 · 5 评论