![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 51
花村大地主
javascript终实粉
展开
-
关于javascript原型链上的属性
//创建一个构造函数function P() { this.name="lishi"; this.age=18; }//给P这个构造函数指定一个原型对象P.prototype={ get_age:function(){ console.log(this.age) }, long:"1.4m", men原创 2016-12-14 18:31:28 · 2866 阅读 · 1 评论 -
javascript当中的无限分类递归树,今天来重写一下
为了防止标题党,先上tree函数,在写分析记录//javascript 树形结构function toTree(data) { // 删除 所有 children,以防止多次调用 data.forEach(function (item) { delete item.children; }); // 将数据存储为原创 2017-04-01 15:35:30 · 24988 阅读 · 19 评论 -
[记录]javascript常用的正则表达式
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的转载 2017-04-13 18:24:34 · 3167 阅读 · 0 评论 -
js 图片浏览插件原生
预览效果图 完整版的实例放在在git上面: https://github.com/keyus/keyus_gallary, 唯一的难点就是缩略图scrollleft位置的计算..,搞懂了就非常好办了。 兼容:ie9以上版本,google,firefox,360,qq等html dom结构<style> *{ margin: 0;padding原创 2017-04-06 11:39:17 · 5216 阅读 · 0 评论 -
js 抢购倒计时,豪秒级变动
上面是效果图,开始时间:获取当前new Date()时间结束时间:一般通过后端获取:格式 2017-08-25 24:00:00时 间 差 : 需要计算出时间差使用setInterval重复计算,每100毫秒变动一次倒计时对象!(function () { 'use strict'; var Countdown ; Countdo原创 2017-05-16 16:27:09 · 3296 阅读 · 0 评论 -
vue 自定义指令 focus 条件聚焦 时,在与v-if共存时需要处理的问题
关于vue中,比如下面一段代码, 需要在isEdit的时候,实现input聚焦, 而input出现的时机是 也是isEdit 为真时,自定义指令也生效了。就是不聚焦。<ul v-cloak v-if="list"> <li v-for="it of list"> <span :id="it.id" @click="edit(it)">{{i原创 2017-07-18 14:33:41 · 23799 阅读 · 0 评论 -
windows下使用nvm,以及切换nvm下载源
nvm一个nodejs的多版本管理切换工具,也许你会用得上,反正我就得必须使它的。。。妹妹的。1.下载nvm https://github.com/coreybutler/nvm-windows/releases我选择的是 nvm-setup.zip 版,也就是安装版。安装目录随便你自己选,放在C盘。占不了什么空间,测式是否安装成功,打开cmd 运行nvm v,显示版本号。即可2.安装完,原创 2017-07-17 18:32:51 · 10003 阅读 · 0 评论 -
javascript virtual DOM
关于virtual Dom 一、createElement(): 用 JavaScript对象(虚拟树) 描述 真实DOM对象(真实树) 二、diff(oldNode, newNode) : 对比新旧两个虚拟树的区别,收集差异 三、patch() : 将差异应用到真实DOM树或者 Javascript DOM模型树(VTree),类似文档节点树(DOM) 2.DOM原创 2017-09-06 16:07:39 · 522 阅读 · 0 评论 -
什么是尾递归?javascript 尾递归优化
尾递归和一般的递归不同在对内存的占用,普通递归创建stack累积而后计算收缩,尾递归只会占用恒量的内存(和迭代一样)。 递归是指函数直接或间接地调用自己。(普通递归) :function f(x) { if (x === 1) return 1; return 1 + f(x-1);} 尾递归的判断标准是函数运行【最后一步】是否调用自身,而不是是否在函数的【最后一行】原创 2017-10-27 15:00:17 · 2839 阅读 · 0 评论 -
dom 事件对象中target与currentTarget区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="m10"> <a href="javascript:;">1</a></div><script> document.getElementById('m原创 2017-10-23 10:42:27 · 1347 阅读 · 0 评论 -
cordova 打包器的一些记录
cordova platform add android@3.7.0 –save’ => 从npm中检索版本为3.7.0的android平台,将其添加到项目中,然后更新config.xml。常用命令cordova platform update <platform[@<version>] | directory | git_url> --save...原创 2018-05-26 10:46:56 · 359 阅读 · 0 评论 -
【转记录】正则表达式转言
正则表达式零宽断言(?=,?<=,?!, ?<, ?< !)1.基本概念零宽断言正如它的名字一样,是一种零宽度的匹配,它匹配到的内容不会保存到匹配结果中去,最终匹配结果只是一个位置而已。作用是给指定位置添加一个限定条件,用来规定此位置之前或者之后的字符必须满足限定条件才能使正则中的字表达式匹配成功。注意:这里所说的子表达式并非只有用小括号括起来的表达式,而是正...转载 2018-08-25 14:36:14 · 368 阅读 · 0 评论 -
moment时区设置 moment-timezone
使用设置时区import moment from 'moment-timezone'// console.log(moment.tz.guess()) 如果你不知道你自己当前所在地的时区,请使用此代码查看.moment.tz.setDefault("Asia/Shanghai");moment(val).format('YYYY-MM-DD HH:mm:ss')packag...原创 2019-04-01 20:13:15 · 23782 阅读 · 0 评论 -
js 查找数组重复元素方法
var arr = [1,2,4,4,3,3,1,5,3];第1种方法,利用sort排序找出MDN上给出的解释是,sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。 尼玛,有点蒙蔽 语法: arr.sort() arr.sort(compareFunction)也就是先进行第一轮排序,排完之后的结果,就是1,1,2,3,3,3,4,4,5。如果是这样的数组中找重复原创 2017-03-13 13:42:28 · 30415 阅读 · 1 评论 -
weex 可用样式,与唯一布局方式flex
Weex 布局模型基于 CSS Flexbox,Flexbox 是默认且唯一的布局模型,所以你不需要手动为元素添加 display: flex; 属性。对于刚开始接触 weex想把它当html5,css3使用的我,在没看文档的情况下也是蒙蔽了, 比如以级css样式,暂不支持简写 border:1px solid #fff 或者background :#ff4fe00; 以及line原创 2017-01-12 17:30:23 · 10187 阅读 · 0 评论 -
js 懒加载 getBoundingClientRect
首先熟悉一下es5的一个APIRange.getBoundingClientRect()参考MDN兼容性: 返回一个 ClientRect 对象,该对象限定了选定的文档对象的内容,该方法返回了一个矩形,这个矩形包围了该文档对象中所有元素的边界矩形集合 比如一个html元素直接调用此API会得到这样的结果ClientRect{bottom:3669,height: 523,left: 8,原创 2016-12-13 16:43:16 · 1283 阅读 · 0 评论 -
字符串转换成JSON
JS的字符串转换成JSON对象好吧实际讲的是cookie字符串转换成json,原理都一样要实现这一功能,首先,JS的字符串比如是这样的,querystring字符串.也就是有规律的吧,我在做xss,cookie管理平台的时候,碰到的一个问题就是需要把document.cookie收集的字符串,重新转换成JSON格式,然后拿到edit this cookie中去。避免一个一个的粘贴。下面是一个简单的c原创 2016-12-08 15:53:15 · 3988 阅读 · 0 评论 -
setTimeout的“异步”,执行顺序
都说故事是有起因的,果然不假。因为今天公司的一道年终考试题 ……… 对的没错,公司的年终考试,前后端都有直接上题目,以下代码的输出顺序…..(function () { console.log(1); setTimeout(function () { console.log(2); }, 100); console.原创 2016-12-16 16:09:35 · 4381 阅读 · 0 评论 -
js变量提升,scope作用域
之所以想起再来温习一遍js的作用域,及js变量解析方式,是因为今天的公司下面的这道题,很显示我挂掉了。好逮也是老前端了 ,不称职。上代码//6. What will be written to the console for the following code snippet?(function () { var a = [1]; function bar() {原创 2016-12-16 16:55:33 · 1401 阅读 · 0 评论 -
select下位菜单触发mouseout,mouseleave事件bug
引用一下这位兄台的博客今天无意中看到的,我写这篇博客,真的只是简单测试一下。爬虫。请不要误会我的初终 http://blog.csdn.net/ShanaMaid/article/details/52594879//这是一个简单的cur函数。就用这函数吧function GetData($url, $cookie="") { $ch = curl_init(); curl_s原创 2016-12-21 17:40:41 · 6246 阅读 · 0 评论 -
javascript 对象原型,原型链,属性枚举
以我自己的理解来阐述一下javascript的对象,原型,原型链,属性枚举javascript的对象,通常是string,array,number,function,Date,null…等等,这是我在使用javascript中经常接触到的.这些都可以看作对象。从javascript的继承及原型来看javascript只有一种结构就是对象。原型与原型链从javascript中的原型应该是null了吧,原创 2016-12-15 17:31:34 · 1683 阅读 · 0 评论 -
jquery length与size
length为属性,(推荐) size();为方法jquery 1.8之后取消了size()方法 <div class="test"> <ul> <li><a href="/zh-CN/docs/Web/HTML">HTML</a></li> <li><a href="/zh-CN/docs/Web/CSS">原创 2016-12-26 12:04:27 · 4645 阅读 · 0 评论 -
jquery 轮播图,左右切换
jquery插件 自己尝试以面向对象的方式写了一个,还有许多值得改进的地方.使用 $(‘selector’).slide()html dom结构<div class="slide"> <div class="slide-item"> <div class="slide-anima"> <a href="#"><img s原创 2016-12-26 17:07:53 · 6235 阅读 · 0 评论 -
js原生扩展addClass,removeClass,hasClass
参考了jquery对应的方法 首先要给原生的dom元素加入addClass等方法.先要知道加在哪个原型上面引用一下MDN的APIElement Element(元素)接口是 Document的一个对象. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性。 这些继承自Element并且增加了一些额外功能的接口描述了具体的行为. 例如, HTMLElement 接口是所有HTML元素原创 2016-12-19 16:31:43 · 2584 阅读 · 0 评论 -
js点击任意区域弹出层消失
采用jquery element.parents();判断点击区域是否在弹出层上面或者在,按钮上面,否则让弹出层消失完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><pre> parent > child 在给定原创 2016-12-27 13:57:22 · 8392 阅读 · 3 评论 -
js return与stopPropagation阻止事件冒泡区别以及addEventListener
事件冒泡 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件)。引用的百度百科,但好像跟我想要理解的事件冒泡还是有些不原创 2016-12-27 18:16:57 · 6792 阅读 · 0 评论 -
js 原生判断内容区域是否滚动到底部
逻辑判断内容滚动到底需要知道的信息内容区域的真实高度(也就是滚动区域)滚动条距离顶部的位置内容区域的可见高度分别对应下面的三个API。element.scrollHeight 获取元素内容高度,,,【只读属性】 element.scrollTop 可以获取或者设置元素的偏移值,常用于,计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认原创 2016-12-20 10:51:38 · 19740 阅读 · 0 评论 -
爬虫编码获取不同编码接口解决
解决办法直接用 iconv-lite 模块进行转码。iconv-lite 是一个进行编码转换的模块(node 默认编码 utf-8)。需要 decode 的编码必须是 Buffer 类型。###使用axiosconst iconv = require("iconv-lite");const axios = require("axios");axios.get(`url`, { resp...转载 2019-04-23 16:42:33 · 645 阅读 · 1 评论