- 博客(40)
- 资源 (3)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 js数字类型最大值怎么计算出来的
Javascript不详细区分整数类型、浮点数类型以及带符号的数字类型。Javascript使用双精度64位浮点数格式（IEEE 754）来表示数字，因此所有数字本质上都是浮点数。
2021-06-22 23:12:30
2173
原创 Vue 网格过渡之函数Array
在Vue网格过渡中，官网一段写数组的代码如下：cells:Array.apply(null, {length : 81}).map(function(_, index) { return { id: index, number : index % 9 + ...
2018-08-03 18:22:34
444
原创 React 事件处理笔记
需要注意的两点：1.需要在事件绑定的函数中获取事件对象 2.事件绑定函数中的this指向问题疑惑点：什么是public class fields语法一、事件对象作为参数传递事件绑定的函数没有传参function ActionLink() { function handleClick(e) { // 默认有一个事件对象参数，而且是经过包装的不会有兼容性问题 e.preventDefault(); console.log('The link was click
2020-11-25 10:16:38
124
原创 JavaScript中的任务队列-Macrotasks、Microtasks
JavaScript中的任务队列通过阅读Promise/A+规范，可以得知异步的实现可分为两个机制，分别是macro-task和micro-task。Macrotasks包括: script（整体代码）、setTimeout, setInterval, setImmediate, I/O, UI Rendering；Microtasks包括: process.nextTick, Pro...
2018-08-14 10:21:13
507
原创 this对象的自我理解
函数中的this是存在，就看这个this被绑定到哪个对象了当一个函数用作构造函数时（使用new关键字），它的this被绑定到正在构造的新对象。/* * 构造函数这样工作: * * function MyConstructor(){ * // 函数实体写在这里 * // 根据需要在this上创建属性，然后赋值给它们，比如： * this.fum = "nom"; ...
2018-07-27 14:57:00
154
原创 es6 函数参数作用域
函数的参数会形成一个单独的作用域//因为函数参数形成一个单独作用域，所以foo的参数x和匿名函数中的x是处于同一个作用域中。foo函数内部使用的x就是参数x，给x赋值为3，但是后边接着执行y(),修改x=2，所以最后输出2var x = 1;function foo(x, y = function() { x = 2; }) { x = 3; y(); console.log...
2018-07-26 12:00:36
369
原创 es6 正则 后行断言
1.认识后行断言//后行断言只关心后边的匹配，如果后边没有匹配项,前面的类似于懒惰，给了一个匹配项那就是贪婪，并且是从右向左的贪婪例一、后行断言的右侧没有匹配项，只有一个后行断言，此时后行断言就类似于懒惰匹配，仅仅匹配到2个数字‘1’ ‘0’/(?<=(\d+)(\d+))/.exec('1053'); //["", "1", "0"]例二、后行断言的右侧只给了一个 $ ,那么...
2018-07-24 11:41:19
777
原创 正则表达式圆括号和非捕获性圆括号
(x) 捕获性圆括号：匹配x，并捕获匹配项。(?:x) 非捕获性圆括号： 匹配x，但是不捕获匹配项。正则表达式一般情况下的匹配道德字符串称为分组0，按照匹配项中圆括号出现的顺序会获得分组1，分组2……等等例如：console.log(/([0-9])/.exec('3 + 4'));console.log(/(?:[0-9])/.exec('3 + 4'));console....
2018-07-23 13:37:41
1829
原创 es6 遇到正则表达式
模糊点：对于这个两个正则表达式不理解，读不懂let evalExpr = /<%=(.+?)%>/g;let expr = /<%([\s\S]+?)%>/g;首先是不明白正则表达式中 '?' 符号的含义，也就是懒惰匹配，其次是 [/s/S] 的意思不理解。另外在解决问题中发现自己对于正则表达式 ^ $ 理解不透彻，还有一个就是对于字符串方法replace的用法理解太模糊...
2018-07-13 18:05:16
840
原创 正则表达式lastIndex的理解
///****官方解释：The lastIndex is a read/write integer property of regular expression instances that specifies the index at which to start the next match.（lastIndex是正则表达式实例读/写的整数属性，指定开始下一个匹配的索引。）****正则...
2018-07-09 15:49:58
1269
原创 vue修饰符测试
用了vue还没有整体测试下它提供的修饰符，现在整理下***(1).stop测试，当不添加此修饰符是，a标签的父元素如存在点击事件也会被触发， ***注意此处在a标签添加prevent修饰符无法阻止冒泡，prevent修饰符只会阻止事件默认的效果，比如submit会刷新页面 <div id="box1"> <div class="stopBox" style="width:20...
2018-07-01 16:06:58
141
转载 Array.apply(arr,arguments) 的理解
var iAmArray = function(){ return arguments;};这里不用管this，下面是正常调用它的三种方式：//方便你复制到 Console 中测试，在此再写一遍var iAmArray = function(){ return arguments;};//普通写法iAmArray(1,2,3);/* [1, 2, 3]*/...
2018-04-15 09:55:15
6320
转载 mongodb复制集搭建
注：mongodb当前版本是3.4.31.准备三个虚拟机做服务器192.168.168.129：27017 192.168.168.130：27017 192.168.168.131：270172.在三台服务器上安装mongodb服务 详细请见linux安装mongodb（设置非root用户和开机启动）3.修改配置，在mongodb.conf增加replSet配置，然后启动服务即可三个服务器的mo...
2018-03-09 14:37:21
2117
转载 MongoDB索引使用详解
索引就像书的目录，如果查找某内容在没有目录的帮助下，只能全篇查找翻阅，这导致效率非常的低下；如果在借助目录情况下，就能很快的定位具体内容所在区域，效率会直线提高。索引简介首先打开命令行，输入mongo。默认mongodb会连接名为test的数据库。?12345➜ ~ mongoMongoDB shell version: 2.4.9connecting to: test> show coll...
2018-03-08 17:24:25
231
原创 es6 for of循环和for in循环的区别
let arr = [3, 5, 7];arr.foo = 'hello';for (let i in arr) { console.log(i); // "0", "1", "2", "foo"}for (let i of arr) { console.log(i); // "3", "5", "7"}如上例所示，for...in 循环只能获取
2018-03-08 09:54:33
653
转载 如何去掉html a标签之间的间距
标签产生间距的原因标签之间产生间距的原因不外乎这几种：代码换行、tab（制表符）、空格。接来下将用一个案列来说。新建一个html页面。如图：在html页面创建一个div标签，然后在div标签里创建5个a标签。如图：为了看得更加明显，我们将对新建的div标签、a标签设置样式，然后使用浏览器打开html页面，发现a标签之间是存在间距的。如图：解决方案一：把a标签的代码显示为一行，然后再html页面刷新
2018-01-02 16:04:43
8842
原创 构造函数的方法和属性会复制给实例，但是原型中的方法和属性都不存在于实例中
function Person(){ var home = 'zfg'; this.tt = 'xjh';}Person.prototype.name = 'ysx';Person.prototype.sayname = function(){ alert(this.tt);}var person1 = new Person();person1.sayname();alert(
2017-10-26 19:46:48
481
转载 判断IE版本的HTML语句详解，如：[if lte IE 9]……[endif]
我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文： 除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及
2017-10-22 16:18:30
1581
原创 IE7 8兼容css background-size属性
background-size是css3提供的属性，在IE9+才支持该属性在IE 7 8下的兼容性写法：1.下载backgroundsize.min.htc文件2.css文件中添加属性.selector { background-size: cover; /* The url is relative to the document, not to the css file!
2017-09-24 10:33:29
1001
原创 读懂一个ajax表达式
function extractArgs(fn) { //angular 这里还加了注释、箭头函数的处理 var args = fn.toString().match(/^[^\(]*\(\s*([^\)]*)\)/m); return args[1].split(','); }正则表达式：/^[^\(]*\(\s*([^\)]*
2017-09-22 10:39:38
618
转载 css em
元素自身没有设置字号大小时，元素的width、height、line-height、margin、padding、border等值转换都按父元素的font-size来设置，如果自身有字号大小，那么元素的width、height、line-height、margin、padding、border等值转换要按照本身的font-size来设置1、浏览器的默认字体大小是16px
2017-09-02 15:32:13
231
转载 将HTMLCollection/NodeList/伪数组转换成数组
这里把符合以下条件的对象称为伪数组（ArrayLike）1，具有length属性2，按索引方式存储数据3，不具有数组的push,pop等方法如1，function内的arguments 。2，通过document.forms，Form.elements，document.styleSheets, Select.options，document.getElementsBy
2017-08-25 14:18:20
1802
转载 mongoDB——安装和启动
下载MongoDB安装包：http://www.mongodb.org/downloads mongodb服务器端安装和启动步骤： 1. 在磁盘创建文件夹 d:\mongodb d:\mongodb\db 数据库目录 d:\mongodb\log 日志存放目录 d:\mongodb\log\mong
2017-08-02 09:28:58
210
原创 js 异步和事件的执行问题
代码： test 123aaaaaasdasdsadsadsadsadsadassssssssssssssssdasdasdasdasdasdddddddddddddd 444555 window.onload = function(){ var box = document.getElementById('aa'); addEvent(box,'
2017-05-01 10:17:11
1723
原创 js 作用域问题
1.js中的作用域问题window.onload = function(){ var box = document.getElementById('aa'); box.onclick = function(){ alert(this); //返回[object HTMLDivElement],此时的this代表着box（因为是被box的事件绑定的） toBlue();
2017-04-28 17:26:24
344
原创 js事件流冒泡
html test 123aaaaaasdasdsadsadsadsadsadassssssssssssssssdasdasdasdasdasdddddddddddddd 444555 js代码window.onload = function(){ //以下代码会从ee开始冒泡执行 document.onclick = function(){
2017-04-28 15:09:44
237
原创 js 绑定时间后，浏览器会根据函数的参数传递一个事件
window.onload = function(){ function box(){ alert(arguments.length); //输出0 } box(); function box(a){ alert(arguments.length); //输出1 } box(3);
2017-04-28 15:09:05
423
原创 bootstrap 预定义类clearfix和visible-xs-block
1.没使用预定义类的效果 bootstrap test .col-xs-6 .col-sm-3Resize your viewport or check it out on your phone for an example. .col-xs-6 .col-sm-3 .col-xs-6 .col-sm-3 .col-xs-6 .col-sm-3
2017-04-10 10:09:33
4864
原创 bootstrap 预定义类 clearfix visible-xs-block的作用
直接上代码效果图比较：1.不使用clearfix和visible-xs-block bootstrap test .col-xs-6 .col-sm-3Resize your viewport or check it out on your phone for an example. .col-xs-6 .col-sm-3 .col-xs-6 .co
2017-04-10 10:00:15
3944
转载 html5 canvas 的transform
HTML5 canvas transform与矩阵 首先，我们看一下w3school上的例子： Javascript语法：context.transform( a , b , c , d , e , f );定义与用法：画布上的每个对象都拥有一个当前的变换矩阵。而transform则是用来定义一个新的矩阵，来替换原来的变换矩阵。六个参数，对应的矩阵就是： 在这里
2017-03-26 13:41:20
765
原创 html 5 createPattern(）函数，必须在服务器环境中才生效？
今天在本地直接写了一个html文件，测试createPattern函数，但是规定路径中的图片就是不显示，最后放在本地的Apache服务器上就可以了代码： Your browser does not support the HTML5 canvas tag.var c=document.getElementById("myCanvas");var ctx=c.getC
2017-03-24 15:54:38
802
1
原创 html5 rect()、fillrect()、strokeRect()的区别
1.rect() 方法是单纯的画出一个矩形框例如： canvas test your browser does not support HTML5 canvas tag! var c = document.getElementById('mytest'); var ctx = c.getContext('2d'); ctx.rect(
2017-03-24 14:10:06
9582
转载 js setInterval函数和setTimeOut函数的区别
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。区别：window.setTimeout("fun
2017-03-24 13:17:26
576
原创 织梦两个后台使用同一个数据库问题
一、修改data文件夹下的数据库配置文件，两个后台调用同一个数据库二、复制一份后台配置文件1.在数据库找到表dede_sysconfig（如果改了前缀自己换啊），把这张表复制一份并且重命名为dede_sysconfigm（名字随便起，同样注意前缀）2.把网站文件全部批量替换（notepad++可以在文件夹中批量替换，其他工具也可以），sysconfig --> sysconfigm
2017-03-16 14:39:12
6955
5
原创 css 实现图片切换效果
1、html 标题1 标题2 标题3 2.、css*{margin:0;padding:0;} ul li{list-style-type:none;
2017-03-13 17:33:42
1656
原创 css 实现新闻列表鼠标悬浮时显示图片和内容简介
1.css 代码*{margin:0;padding:0;}.content{width:980px;margin:0 auto;}.content .ee .tx p{display:block;}.content .ee li p{overflow:auto;display:none;}.content img{display:block;float:left;width:120p
2017-03-13 13:45:20
2058
原创 为什么css绝对定位是必须让父divrelative？
绝对定位：position:absolute,定位既然是绝对的那么就要有参照，要不然程序怎么知道你的left、top、right、bottom都是什么意思，所以div绝对定位默认的是以body标签为参照，而且无论你的绝对定位的div外面有几层父div，但是当你把其中一个父div设置成position:relative;那么被绝对定位的div就会以这个div为参照，自己总结的，有错误大家随时指出
2017-02-27 15:31:54
487
转载 <meta name="viewport" content="width=device-width,initial-scale=1>
网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> width - viewport的宽度 height - viewport的高度 initial-scale - 初始
2017-02-27 13:50:03
3933
转载 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />解释
解释：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容http-equiv="Content-Type" 表示描述文档类型content="text/HTML; 文档类型，这里为html,如果JS就是text/javascript，charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8
2017-02-27 13:17:21
4351
es6 中函数参数独立作用域
2018-07-26
空间中的网站怎么开启GZIP压缩
2015-03-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人