js
关注
分享
扫一扫
文章平均质量分 53
5649498
这个作者很懒，什么都没留下…
展开
-
js事件传递流程与事件委托
一、js的事件传递流程js的事件传递流程有两个阶段第一个是事件捕获阶段，第二个是事件冒泡阶段事件捕获阶段是从上到下传递事件，事件冒泡阶段是从下到上传递事件。可以使用addEventListener第三个参数传入true就可鉴别到事件捕获阶段domObject.addEventListener(clickevent,function(),true)默认第三个参数是false，也就监听的...原创 2020-04-15 17:35:33 · 721 阅读 · 0 评论 -
js中关于this的指向和js原型的一些经验
关于this的指向，这是js的一个特点，我们需要了解。首先，我们要明确一点，this默认是指向window的我们还可以用以下方法来验证一下展开window对象查看到了name在window对象中由此可得到this默认是指向window的，但是可以使用new关键字来改变this的指向可以看到这时this指向的就是由test函数构造的test对象上了，而不是指向window对象了f.........原创 2020-03-20 01:48:20 · 515 阅读 · 0 评论 -
js的浅复制和深复制
1.来看一个例子(浅复制)var test={zcj:'isGood'}var test2=testtest.zcj='isLow'console.log(test2)console.log(test)发现我们候改了test2的zcj的值test的值也改变了,因为在复杂数据类型中，一个变量名指向的是一个地址，test2和test指向的都是同一个地址。修改的都是同一个地址所指向的...原创 2018-03-08 21:42:35 · 143 阅读 · 0 评论 -
dom的一些特性
前端说明发布时间：2018-02-28岗位要求：1.精通HTML5/CSS3/JavaScript等Web开发技术，熟练掌握ES6开发；2.了解主流JS框架并至少精通一个框架或库，如angularjs、Vue.js、React.js等；3.掌握webpack等前端构建工具并熟练应用，具备前端面向对象思想和组件化开发方式；4.二年以上web前端开发及调优经验，熟练掌握调试工具，git等；5.对Web标原创 2018-03-03 12:44:14 · 448 阅读 · 0 评论 -
关于fileReader的一个坑
在用fileReader做图片浏览时， 使用base64格式var file=this.$refs.resource.files[0]var reader = new FileReader();// 以DataURL的形式读取文件:reader.readAsDataURL(file);//读取后的回调js是多线程reader.onloadend=(e)=>{ }Javascript 本身是原创 2018-03-03 14:15:00 · 11761 阅读 · 1 评论 -
事件委拖
参考 子节点依靠冒泡把事件给父节点进行处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div id="box"> <input type="button" id="add" value="添加" />原创 2018-03-03 18:51:36 · 188 阅读 · 0 评论 -
js的面向对象总结
之前看过js高程3，但又有些忘计了，想想我以前写的js代码全是过程化，确实要换一种编程风格了。 大多数编程语言如php,java,c#,ts的面向对象都是类->实例但js却不是这样，js不区分类和实例，或者可以说js没有这种类的这种概念，只是通过原型来模拟一种面向对象编程。 在通过原型实现面向对象之前，要了解一个属性，_proto__,所有对象都会在其内部初始化一个属性，就是...原创 2018-01-14 17:29:15 · 287 阅读 · 0 评论 -
js中的正则表达式
1.小例子var str="123abc"//1.^为匹配字符串的开始位置//2.[0-9]匹配单个数字//3.+匹配一个或多个,例[0-9]+匹配多个或一个数字//4.$为匹配字符串的结束位置//以数字开头，并以abc结尾的字符串var patt1=/^[0-9]+abc$/console.log(str.match(patt1)[0])2.正则介绍 介绍：正则表达式是用来匹配字符原创 2018-03-06 23:29:13 · 168 阅读 · 0 评论 -
js 对象中的中括号与点在调用对象属性时的区别
一、调用属性 一般来说一个对象的属性的调用都是用一个 . 来调用,就像下面这个例子一样 var obj={ test:'wtf'}console.log(obj.test)输出了wtf但js还有另一个操作符调用对象的属性就是[ ]，例子如下var obj={ test:'wtf'}var index='test'console.log(obj[ind原创 2018-02-06 14:43:46 · 2071 阅读 · 0 评论 -
dcloud从入门到入坑
一、简介 dcloud是一个webapp云打包平台，你可以通过他扩展你的网页功能 官方叫他们的产品名字为HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。嗯，是一种基于HTML、JS、CSS编写的运行于手机端的App，那么具体是...原创 2018-02-11 13:09:52 · 24249 阅读 · 1 评论 -
关于得到用户的上一次的访问路径
相信大家都有这样的经历，一个页面中的一个操作需要登录，好你登录了，然后却找不到这个页面了，程序只是把你带到了登录界面照常登录，跳转到默认页。 但是，这样的体验实在是太差了，一般人们不可能访问一个网站就赶紧注册都是给逼的，你也不可能让用户进入你的网站就 要登录，这样的话估记绝大多数人就直接点了x，看你个破网站到还尼玛注册，尤其是电商网站，看了你产品加了购物车，查看购物车时才要登录，登录后还要跳回来...原创 2017-09-02 12:35:58 · 569 阅读 · 0 评论 -
js小知识点
在window下的对象可以不用写window.对象，直接拿来用，比如date啊，sessionsStorage，localStorage,直接用就行了date=new window.Datedate=new date;sessionStorage和localStorage的原型都是Storage.prototype原创 2018-01-21 13:15:56 · 171 阅读 · 0 评论 -
简头函数
//廖大教程的笔记，，，感谢,学学es6 //箭头函数只有一条语句的并接收一个参数的函数var fn=x=>x*x;多条语句只接收一个参数函数var fn2=x=>{ if(x>0){ return x*x; }else{ return 'hello world'; }}只有一条语句的间接收两个参数的函数原创 2018-01-14 12:34:24 · 196 阅读 · 0 评论 -
jq判断页面滚动到底部
var scrollTop = $(window).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(window).height(); console.log(scrollTop+原创 2018-01-31 13:00:12 · 462 阅读 · 0 评论 -
promise
在JavaScript的世界中，所有代码都是单线程执行的(相当于只有一个叫js线程的人在搬货，而不是很多js线程在搬货，搬货可以解释成运行代码，只有一个人在干活，而不是多个人)一个应用程序就是进程，进程又可以细分线程，线程还能划分线程，还有一个子进程，子进程和线程的区别就在于，进程跟子进程，是相同粒度的，举个例子，浏览器请求用world打开文件，这时world打开了文件，浏览器就是父进程，world原创 2018-01-15 15:45:55 · 267 阅读 · 0 评论 -
rem
我之前的移动端局方式是用流式布局法，就是定高不定宽，但是每个移端设备的像素都不一样，而且还存在缩放，缩放可以使用viewport标签来进行限制，但是总感觉有一些不好。 但是，rem布局的出现就很好的解决了这个问题。 rem是什么？ rem是一个单位，跟px、em。。。。等相对像素单位一样。 在了解rem之前先了解em em是一个相对于本身元素font-size属性值的单位，假如说一原创 2018-01-24 22:58:45 · 272 阅读 · 0 评论 -
关于a标签事件处理
套别人模板的时候，很皮，他的样式是写在a标签上的，我想对a标签做点击事件处理，代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <a href="javascript:void(0)">sdfds</a> <iframe src原创 2018-01-17 15:39:45 · 520 阅读 · 0 评论 -
把指定宽度设为浏览器的总宽度
有时候在移动端布局的时候，我们想让一个指定的px为所有设备的总宽度下面这个代码就可以使把所有设备的总宽度设置为360px<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>数据详情</title></head><body> <div id="app"></div></body><script>原创 2018-01-26 20:41:23 · 862 阅读 · 0 评论 -
javascript时间格式代码
/*如果当前月份或者当日期存在不是个位数或十位数情况，则需要更改截取的位置和结束点*/ function time(){ var time=//自定义格式化日期 new Date().toLocaleString().substring(0,4)+"年" +" "+ new Date().toLocaleString().substring(5,6)+"月"原创 2016-09-24 16:50:00 · 285 阅读 · 0 评论