- 博客(18)
- 收藏
- 关注
原创 移动端 禁止/开启页面上下滑动
1、首先定义函数:function bodyScroll(event){ event.preventDefault();}2、禁止滑动调用:document.body.addEventListener('touchmove',bodyScroll,false);document.body.style.position='fixed';document.body....
2019-03-11 14:55:52
3471
原创 js对url进行编码和解码(三种方式区别)
*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字,才能不经过编码直接用于 URL。***例如:搜索的中文关键字,复制网址之后再粘贴就会发现该URL已经被转码。1、escape 和 unescape原理:对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。编码:escape('http:/...
2018-08-21 17:27:08
2801
原创 nodejs -- string-random生成随机数
JS Core只提供了Math.random() 用于生成随机数字,但是并未提供生成字符串的函数,要自己写生成随机字符串逻辑需要费一番周折。string-random库专门用于快速生成随机字符串,并且可以根据需求制定字符串长度以及包含的字符。const stringRandom = require('string-random');// 生成长度为8,包含大小写字母和数字的随机字符串r...
2018-08-20 16:32:00
8608
原创 CSS清除浮动最佳实践
方法一:直接上代码!兼容全部浏览器.wrap:before,.wrap:after { display: table; content: " ";}.wrap:after { clear: both;}.wrap{ *zoom: 1;}.wrap为浮动元素的父元素 方法二:BFC方式(有局限).wrap{overflow:hidden;}在做下拉菜单...
2018-05-28 15:41:53
246
原创 阻止事件冒泡
//得到事件function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.co...
2018-05-14 14:08:21
160
翻译 H5本地存储
H5本地存储有两个API,一个是Web Storage,还有一个是Web SQL。不管是哪一个,都是基于JavaScript语言来使用,接下来我就教你怎么使用H5本地存储,本文篇幅较大,JS代码较多,请耐心阅读。一、Web Storage教程1、概述:对于Web Storage来说,实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web Storage就会用,如果你从来没用过没...
2018-05-08 12:05:27
2868
原创 hummer.js的使用
转自:http://www.uedsc.com/hammerjs-api.htmlHammerJS是一个优秀的、轻量级的触屏设备手势库,现在已经更新到2.04版本,跟1.0版本有点天壤地别了,毕竟改写了事件名并新增了许多方法,允许同时监听多个手势、自定义识别器,也可以识别滑动方向。不过对于新版本的hammerJS却及其匮乏中文指引文档,就着这一点我还是上官网翻译下英文文档,写一篇跟大家分享吧(其实...
2018-04-24 15:27:48
920
原创 JavaScript 中的 undefined和null 的区别
1、概述: 在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined? 有人说这两个返回值,没有什么区别,只是历史遗留问题罢了,其实还是有一点区别的。2、null和undefined的发展史: 大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,...
2018-03-30 15:58:36
136
原创 关于Ajax寄己封装方法 和 使用jqurey方法对比
最近项目需要from表单无刷新提交,根据返回值改变页面参数 这种事交给ajax无疑是最佳的直接撸代码吧!首先是原生JavaScript封装ajax: function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); ...
2018-03-28 15:46:32
293
原创 关于H5 Firefox火狐浏览器的“event is not defined”解决方案 记录一下
最近项目过程中需要用JS获取事件源 event.target 但是Firefox并不认得event.target,报“event is not defined”的错误,多次尝试更改,均无法解决,上网搜索了一下,发现原因是因为在Firefox中使用了不同的事件对象模型,不同于Google Chrome Dom,用的是W3C Dom。Firefox DOM中并无event,故可以尝试用如下方法解决:...
2018-03-26 16:02:29
878
原创 CSS选择器
CSS选择器用于选择你想要的元素的样式的模式。"CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有<p>元素1element,elementdiv,p选择所有&l...
2018-03-22 10:48:26
151
转载 移动web页面头部书写
HTTP 标题信息(http-equiv) 和页面描述信息(name)http-equiv:该枚举的属性定义,可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于Content-Type了,设置编码类型。如<meta http-equiv="Content-Type" content="text/html; cha...
2018-03-20 10:41:34
492
转载 node.js移植可能出现的错误
最近系统崩溃,亏得有备份,将备份重新拷贝运行出错,现总结问题如下:1,首先查看nodejs 版本是否一致,原项目运行的nodejs版本还有后天服务框架,我用的是express框架2,运行node程序时如果出现ERROR in Missing binding H:\myWork\lvlvPro\lvlvPro\node_modules\node-sass\vendor\win32-ia32-48\b...
2018-03-16 14:30:11
651
转载 nodejs中的Promise
0x0 前言有了前面的《使用Promise解决多层异步调用的简单学习》和《如何使用Nodejs进行批量下载》两篇文章的基础。在《如何使用Nodejs进行批量下载》中我们看到,Nodejs中的http下载充斥着各种异步回调,我们必须小心的组织这些回调才能使代码清晰可读,以免陷入回调地狱。而Promise这一机制的出现就是致力于解决多层异步回调的,那么我们能轻易就能想到,为什么不用Promise来重构...
2018-03-15 11:58:45
1326
原创 深入理解 CSS3 弹性盒布局模型
深入理解 CSS3 弹性盒布局模型Web 应用的样式设计中,布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局,从而改变组件的尺寸和位置, 以达到最佳的显示效果。这也使得布局的逻辑变得更加复杂。本文介绍的是 CSS3 规范中引入的...
2018-03-13 11:33:22
175
转载 express-session 解析
目录引言sessionsession 是什么session 生命周期session 特点session 技术方案session 使用流程express-session 的分析express-session 位置问题解决方案库选择方案总结nodejs模块学习: express-session 解析nodejs 发展很快,从 npm 上面的包托管数量就可以看出来。不过从另一方面来看,也是反映了 nod...
2018-03-13 10:30:04
458
转载 nodejs 重定向
[javascript] view plain copyvar express = require('express'); var app = express(); app.get('/', function (req, res) { //res.redirect('hello'); //res.redirect('www.baidu.com'); res.redirect(302, '...
2018-03-13 10:08:36
4677
转载 node.js中的http.request方法使用说明_node.js
方法说明:函数的功能室作为客户端向HTTP服务器发起请求。语法:复制代码 代码如下:http.get(options, callback)由于该方法属于http模块,使用前需要引入http模块(var http= require(“http”) )接收参数:option 数组对象,包含以下参数: host: 表示请求网站的域名或IP地址(请求的地址)。 ...
2018-03-09 17:20:21
1632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人