- 博客(22)
- 收藏
- 关注
RSS订阅原创 JS的类型转化
对象转原始类型对象在转换类型的时候，会调用内置的[[ToPrimitive]]函数，对于该函数来说，算法逻辑一般来说如下：如果已经是原始类型了，那就不需要转换了调用x.valueOf()，如果转换为基础类型，就返回转换的值调用x.toString()，如果转换为基础类型，就返回转换的值如果都没有返回原始类型，就会报错...
2020-10-19 09:51:11
93
原创 js倒计时
<h1 id="show">仅剩<span></span>:<span></span>:<span></span></h1><script> // var show = document.getElementById("show").getElementsByTagName("span"); var show = document.queryS...
2020-07-16 19:34:37
130
原创 数组的迭代选择器
ES5为数组对象定义了5个迭代方法(即递归，简单的说就是自己可以调用自己)。每个方法接收两个参数：要在每一项上运行的函数（接收3个参数：数组项的值，该项在数组中的位置，数组对象本身）和（可选的）运行该函数的作用域对象——影响this的值。以下是这5个迭代方法的作用：every()对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true ;filter()对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组 ;forEach()对数组中的每一项运行给定函数，这个
2020-07-13 20:04:28
384
原创 js鼠标事件汇总
js鼠标事件汇总onmousedown 鼠标按下事件onmousemove 鼠标移动事件onmouseout 鼠标移出事件onmouseover 鼠标指针移动到元素（被选元素或其子元素）上时触发常与onmouseout一起用onmousenter 只有在鼠标指针穿过被选元素时，才会触发，常与onmouseleave一起使用onmouseleave 鼠标移出事件onmouseup 鼠标抬起事件onclick 单击事件（相继触发mousedown与mouseup事件）ondbclick 双击事
2020-07-13 19:49:44
392
原创 常见HTML头部标签解析
作为一名 Web 开发者，对头部标签必须要了解，本篇着重介绍一些我们容易忽视和用错的头部标签，特别是 iOS 等针对移动设备的一些标签。了解这些标签的意义，写出满足自己需求的 head 头标签，是本文的目的。本文以一丝的文章和 FEX 的 HTML head 头标签为基础，介绍常用的 head 中各个标签、元素的意义。DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。...
2020-07-09 23:17:20
1377
原创 作用域与执行上下文的区别
区别1：全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了。而不是在函数调用时全局执行上下文环境是在全局作用域确定之后, js代码马上执行之前创建函数执行上下文是在调用函数时, 函数体代码执行之前创建区别2：作用域是静态的, 只要函数定义好了就一直存在, 且不会再变化执行上下文是动态的, 调用函数时创建, 函数调用结束时就会自动释放联系：执行上下文(对象)是从属于所在的作用域全局上下文环境==>全局作用域函数上下文环境==>对应的函数使用域...
2020-07-06 19:52:56
454
原创 闭包，作用域，作用域链，内存的关系
闭包，作用域，作用域链，内存的关系闭包就是函数中return返回一个人函数，其优点是可以从外部访问内部函数的变量，保护内部函数不被污染。缺点是变量不能释放导致内存泄漏。外部变量可以访问内部变量是因为闭包形成是产生了一个作用域链，外部变量可以通过作用域链找到内部变量。因为外部变量需要引用内部变量，所以AO里的变量不会销毁，而是一直存在内存里。使用过多的闭包就会导致内存泄漏，但我们可以通过Js的垃圾回收机制去销毁内存的值。找到引用完内部函数的变量。给他赋值为null。这样函数就没有被调用，AO里的数据会被销毁
2020-07-03 22:01:13
204
原创 原型
prototype 原型属性：是函数特有的–》可以给构造函数的圆形对象 ；廷加api 或者静态b proto 原型对象。js中任何对象都有原型对象–》【构造函数f】中【原型对象a】下api,可以被new 的实力【对象b】直接访问，改变对象 也是new实例–>a同时也是构造函数的原形对象f是b的构造函数–>b的原型对象为a b的 proto 为A f.prototype = a function Animal(){ th.spical = '动物
2020-07-03 19:38:16
125
原创 对象分类
函数对象 function foo(){} var bar = new Function() var foo1 = function(){}普通对象：原型对象，构造对象… var obj =new Object(); var f = new foo()函数对象有prtotype ------>函数对象的原型对象普通对象没有prototype 只有 proto 属性 -------->普通对象的原形对象Function的原型对象为函数对象
2020-07-03 19:35:55
593
原创 不一样的深拷贝
var data = [{name:‘ya’,list:[{name:‘dddd’}]}]JSON 是对象 作用处理json格式的数据 其实就是数组和对象JSON.stringify 将数据或者对象，变为 json 字符串 并【返回字符串】var dataStr = JSON.stringify(data)console.log(dataStr)console.log(typeof dataStr)console.log(dataStr.slice) JSON.parse()
2020-07-03 19:30:38
86
原创 函数总结
语句条件语句1: if else应用：在不同条件下输出不同结果时候。 难点【如何根据条件写表达式】代码块中变量 是【全局变量】如果执行满足一个条件的代码块。其他条件下代码块不会执行if() () 必须是 【true】才能执行 if 中代码框。 【true来’源】1 直接 true 2：表达式返回值 3：直接使用变量，变量的值【转化】为布尔类型2：三元运算符? 左边 【条件】? 右边 中间 满足条件的 if 语句：右边 else 语句： 右边 如果为条件 则是 else i
2020-07-03 19:28:42
107
原创 this原理
原理一 与函数调用结合 当一个函数在执行的时候：会创建一个上下文对象，会产生局部作用域 上下文对象中，函数是被谁调用的；在哪调用的；参数是什么等信息 this 就是记录一个属性 ：在函数被调用时候产生 函数调用有几种方式 new 对象调用 事件调用 call,apply或bind原理二:结合作用域看this 问题：为什么return 返回 伪对象 数组 函数 this就不指向new 实例化的对象 原理：函数在执行时候会创建
2020-07-03 19:26:12
123
原创 闭包
function foo(){var num = 0;return function(){num++console.log(‘闭包’)}}闭包什么是闭包？ 闭包的优点 缺点函数中return返回一个函数优点：外部函数可以访问内部函数的变量缺点；变量不能释放导致内存泄漏怎么实现外部访问内部；存a函数指针，实际上还是a访问f00变量 foo执行一次；形成一个闭包；闭包之间互不干扰 因为foo 每次执行胡初始化AO 对象 多个AO 多个地址...
2020-07-03 19:24:09
77
原创 计时器
计时器 setInterval() 每隔多少秒执行一次 回调函数 无限循环的执行 出口： var x = 0; var timer = setInterval(function () { x++; console.log(x) if(x>3){ clearInterval(timer); } 清空计时器，如果不清空，导致页面性能下降for
2020-07-03 19:19:51
169
原创 js数组去重
var arr = [1,2,2,3,4,4,5,6];var res = []//保证res中数据不是重复的var flag = false //表示res中是否有这个数据for(var i = 0;i<arr.length;i++){//让arr中每一项与res中比较，然后填加不重复的数据for(var j = 0; j<=res.length;j++){if(arr[i]!==res[j]){res.push(arr[i])}if(arr[i]==res[j]){fla
2020-07-03 19:16:29
56
原创 回调地狱
function foo(callback1){console.log(‘foo’)callback(function(callbcak3){console.log(‘callBack的回调函数’)})}foo(function(callBack2){console.log(‘foo的回调函数’)callBack()})1.回调函数本来就是异步程序2.回调地狱：最难的就是不知道 方法体中 callback执行时哪一个程序3.console,log(callback)看一下执行到底是
2020-07-03 19:13:32
74
原创 JavaScript遍历数组
for遍历var arr = [1, 2, 3, 4];for (var i = 0; i < arr.length; i++) {console.log(arr[i]);}forEach遍历var arr = [1, 2, 3, 4];arr.forEach(function(val, index) {console.log(val, index);});for-in遍历var arr = [1, 2, 3, 4];for (var i in arr) {console.l
2020-07-03 19:09:59
108
原创 配置git
Git 从0 配置远程步骤码云为例子：第一步：配置本地ssh$ ssh-keygen -t rsa -C “youremail@example.com”第二部：查看公钥：cat ~/.ssh/id_rsa.pub第四部：生成远程公钥将本地公钥复制到远程公钥中成功标志第五步： 配置本地与远程公钥链接ssh -T git@gitee.com成功：第六步：创建远程仓库：其实就是在码云中创建一个放项目的文件夹创建成功第七步： 本地仓库链接到远程仓库 new上git remote se
2020-07-02 23:23:41
73
原创 如何利用github学习
怎么github学习 查看优秀代码如何玩转github很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。开源项目的组成部分在讲清楚之前呢，我们先来了解一下一个开源项目有哪些组成部分：name: 项目名description: 项目的简要描述
2020-07-02 23:05:15
1477
原创 逻辑运算符练习
&&运算规律 && 运算符的 运算顾虑 1；从左往右依次运算，第一个是true 进行下一个；遇到第一个false 时候；返回false 如果一直都没有false； 最后一个是表达式；返回 表达式运算结果； 左后一个如果是js 数据直接返回数据 var res = 2>1 && null==null && 2-1 console.log(res) res2
2020-06-19 17:23:02
823
原创 rem设计方案
找到最大尺寸 720px考虑问题 屏幕缩小是=时尺寸的问题：让HTML的font-size是一个动态值(function (window, document) { var viewWidth = 750; var pick = viewWidth / 100; var mode = "resize"; function change() { var view = document.documentElement.clientWidth || window
2020-06-09 22:35:28
314
原创 CSS适配iPhoneX
CSS 网页适配 iPhoneX，就是这么简单前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：适配之前需要了解的几个新知识安全区域安全区
2020-06-08 21:17:38
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人