- 博客(34)
- 收藏
- 关注
RSS订阅原创 初识Vue框架
1.Vue概念整体思想 1 Vue.js是一套用于构建用户页面的渐进式框架,有自己显著地特点。它的设计采用可以自底向上逐层应用。它的核心库只关注图层，不仅使得开发者更容易上手，而且便于与第三方库和已有项目进行整合。另一方面，与现代化工具链以及各种支持类库进行相结合时，Vue能够为复杂的页面提供驱动。2.Vue一些指令的使用 &n
2021-11-19 22:48:12
296
原创 剖析webpack打包
1.webpack基本打包原理 1.1什么是webpack? webpack 是一个 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处
2021-11-14 23:06:02
953
原创 ES6之模块化发展历程
1.什么是模块化? 模块化是一个JS文件，它实现了一部分功能，并且隐藏自己的内部实现，同时提供一些接口供其它模块使用，模块主要有两个核心要素隐藏和暴露，隐藏主要是将自己的内部功能进行隐藏，暴露体现在对外抛出一些接口。也可以提高代码复用率，方便进行代码的管理。2.CommonJS模块化 &nbs
2021-11-11 23:46:36
486
原创 普通函数与箭头函数
1.箭头函数的基本语法 在ES6语法中允许使用箭头=>来定义函数，具体语法和书写规则如下，看一个简单的例子：// 箭头函数let fun = (name) => { // 函数体 return `Hello ${name} !`;};// 等同于之前的函数let fun = function (name) { // 函数体
2021-11-07 21:20:47
502
原创 如何理解移动端的单击穿透
1.单击穿透原理 1 其一是单击穿透情况：单击蒙层(mask)上面的 “ 关闭 ” 按钮，如果蒙层消失，一定是触发了 按钮下面元素的click事件，让蒙层消失。 2.其二是页面单击穿透情况：如果按钮下面恰好是一个有 href 属性的a标签，也就是存在a标签，那么页面就会发生跳转。 &
2021-11-04 19:41:11
476
原创 面试题之for·····of与for······in两个遍历方法
1.两个方法的区别 1.1 for······of方法 1.可以避免for·····in循环中的陷阱 &
2021-10-31 22:08:26
331
原创 面试题之Object内存循环及引用机制
1.总体概述 1.1 当使用new,alloc和copy方法创建一个对象时，该对象的保留计数器值为1。当不再使用该对象时，你需要向该对象发送一条release或autorelese消息。 1.2 当任何通过其它方法获得一个对象时，则假设该对象的保留计数器值为1，而且已经被
2021-10-30 22:22:52
198
1
原创 面试题之严格模式与混搭模式
1.严格模式（standards） 1.1 含义：是在标准模式的情况下，浏览器按照w3c标准解析代码。 1.2 触发方式： &n
2021-10-28 23:49:49
264
原创 面试题之Less和SaSS的原理和用法
1.原理 1.1 Less定义：是一种动态的样式语言,使CSS变成一种动态的语言特性，如变量、继承、运算、函数。Less既
2021-10-27 23:25:10
7253
原创 node.js里的http、fs、url三个模块之响应不同页面
1.http模块 1.1 在node.js里面有自带的http模块，直接引入就行，它可以给我们创建一个服务器。 1.2 引入方式：const http = require(“http”)。 1.3 作用：
2021-10-24 19:20:17
422
原创 V8引擎垃圾回收机制与node.js模块基础应用
1.原理 程序在使用过程中会使用到很多数据，这些数据分为原始数据和对象类型数据。对于原始数据都是由自身来控制的，所以回收指的是堆区里面的对象类型数据,而且V8采用分代回收的思想，主要讲内存分为新生代和老生代，针对不同分代采用不同的GC算法。2.新生代回收机制 新生代回收机制指的是存活时间较短的
2021-10-21 23:56:55
90
原创 初识Node.js
1.什么是Node.js? Node.js不是一种新的语言，也不是一个JavaScript框架，Node.js是基于Chrome 的 V8JavaScripe 引擎构建的JavaScript运行的，它采用事件驱动、异步编程、为网络服务而设计,实现了诸如文件系统、模块、文件、包、操作系统API，网络通信等Core JavaScript 没有或者不完善的功能。 2.Node.js的优缺点.
2021-10-20 23:08:35
90
原创 模拟Promise() 源码
1.模拟all()方法 在Promise函数中的 all() 方法里面，能够实现在多个Promise对象里面，如果状态全部为resolve的话，则all() 方法返回的结果是resolve，并将所有的Promise对象放到一个数组里面；如果有一个状态为reject的话，则all()方法返回的结果是reject,将第一个出现reject对象的下标作为PromiseResult的值。演示代码如下总体代码如下：const MyPromise = (...
2021-10-19 23:12:22
176
原创 反射和代理
反射： 1.Reflect概念：是属于js内置对象，它可以提供一系列的方法，开发者能调用这些方法，访问js底层的相应功能。 2.作用：使用Reflect 能够实现函数的调用，对象的取值赋值以及属性是否存在等一系列的底层方法和功能。 3.整体思想：...
2021-10-18 19:22:38
64
原创 Promise关键字async、await以及迭代器和生成器
1.async关键字使用 将async当成函数修饰符来使用，放在函数的开始位置，并且被async修饰的函数会返回一个Promise对象 注意点：1.如果async有错误的时候，可以使用try... catch 来捕获错误 2.自己返回的Promise,以自己的为主 写法和使用方法: <script> function xunwen(txname){ retur...
2021-10-16 10:49:12
263
原创 ES6之Promise应用
1.Promise循环、all()方法的使用 <script> // 创建一个询问函数 function xunwen(txname){ return new Promise(resolve =>{ setTimeout(() =>{ if(Math.random() < 0.2){ resolve
2021-10-13 23:42:21
478
原创 探索ES6一些知识点
1.in关键字 作用：检测属性是否存在对象中，可以使用in关键字来检测当前对象是否某个属性const person = { name: '小爱', salary: 23 };console.log('salary' in person); // trueconsole.log('sex' in person); // false2.['key name'] 作用:使用['key name']来设置对象的属性const dyn = 'flavour';var it...
2021-10-12 20:53:13
89
原创 ES6中new.target和相关API
1.new.target见解 作用：new.target属性是用来检测函数或者构造方法是否是通过new关键字被调用的。 注意：在通过new关键字被初始化的函数或者构造方法中，new.target返回的是一个指向构造方法或函数的引用。 在普通函数调用中，new.target的值是undefined。// ES6方法,new.target 进行判断是否使用new关键字来调用 function...
2021-10-11 23:10:56
221
原创 弹性布局display:flex与bind源码
1.display:flex 1.1 flex:1涉及三个层面的设置 1） flex-grow 根据弹性盒子元素所设置的扩展因子作为比率来扩展空间 flex-grow:数值(2、3等) 2） flex-shrink 根据弹性盒子元素所设置的收缩因子作为比率来收缩空间 flex-shrink 的默认值为1,即 flex-shrink:1 ...
2021-10-09 23:23:56
91
原创 分享AjAx小方面的知识点
注意：AjAx不是一门新的语言，它是JS、XML、JSON等多种网络技术的一种编程模型AjAx使用GET请求流程//1.创建对象var xhr;if (window.XMLHttpRequest){//普通浏览器 xhr=new XMLHttpRequest();}else{ xhr=new ActiveXObject("Microsoft.XMLHTTP");}//3.监听服务器响应xhr.onreadystatechange=function(){ if(xhr
2021-10-08 23:07:27
103
原创 HTTP三次握手、四次挥手
1.三次握手 第一次握手：客户端向服务端发送请求。这时候客户端什么都不知道，服务端知道客户端发送正常，自己接收正常。 第二次握手：服务端向客户端响应。这时候客户端知道自己和服务端收/发正常，服务端知道客户端发送正常，自己接收正常。 第三次握手：客户端向服务端响应。这时候客户端知道自己和服务端收/发正常，服务端也知道自己和客户端收/发正常官方解释：第一次握手：客户端向服务端发出连接请求，将标志位SYN置为1，随机产生一个值seq=...
2021-10-07 19:20:22
613
原创 网络知识方面的拓展
1.网络的划分 1.1 局域网 是指在一定的局部地理范围内(比如学校，公司，工厂等),将各种计算机、外部设备和数据库等互联网连接起来组成的计算机通信网，简称LAN.它可以通过数据通信网或专用数据电路，与远方的局域网、数据库或处理中心相连接，构成一个大范围的信息处理系统。 1.2 城域网城域网(Metropolitan Area Network)是在一个城市范围内所建立的计算机通信，简称MAN。属宽带局域网。由于采用具有有源交换元件的局域网技术，网...
2021-10-05 22:17:26
137
原创 Bootstrap知识
1.Bootstrap框架优点 Ⅰ.对html和css编写代码进行了规范，也将它们标准化了 Ⅱ.为开发者提供了一套简洁、直观、和强悍的代码 Ⅲ.有自己的生态圈，不断地完善自己的功能，尽量去满足市场需求，即更新迭代速度快 Ⅳ.使开发更简单，提高了开发者的开发效率。2.Bootstrap 版本问题 第一版本:2.0.0，已经停止维护,虽然兼容性好,但是代码不够简洁，功能不够完善。 第二版本：3.0.0，目...
2021-10-05 00:01:45
432
原创 Bootstrap 框架栅格系统的嵌套
1.列嵌套在一个列中嵌套一个或多个行。每一行依然遵守最大是12行的规则，多的另外起一行，在某一行中你可以占满12列也可以不占满12列，但不管怎样都遵守行规则。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列嵌套</title> <link rel="stylesheet" href="css/bootst
2021-10-03 22:10:15
1041
原创 解析js高级部分当中的时间线原理，重绘，回流
js时间线原理：自己总结出主要分为三个过程1.开始解析页面:开始的状态为 document.readyState="loading",当遇到外部的js(也就是异步加载写了defer/async)、css、img进行创建线程加载，同步的js浏览器加载阻塞正在执行的js，继续解析文档。2.文档解析完成：状态变为document.readyState="interactive",会触发DOMContentLoaded事件，按照顺序去执行defer脚本，等待资源加载完成。3.文档加载完成：状态变为doc
2021-10-02 22:02:32
286
原创 基本的Bootstrap框架，可以适用于响应式布局，比如星巴克
1.对布局的四个容器的范围划分 Ⅰ. 超小屏(100% ) Ⅱ. 小屏（ >= 768px） 宽度定为750px Ⅲ. 中屏 ( >= 992px) 宽度定为970px Ⅳ. 大屏 ( >= 1200px) 宽度定位1170px2.最核心的栅格系统 1.通过一系列的行(row)和一系列的列(column)这种相互组合的方式来布局和创建页面的 2.一般情况下...
2021-10-01 22:44:53
605
原创 近几天做京东首页移动端
京东首页:欢迎各位点评html部分 <div class="top"> <ul class="clearfix"> <li> <img src="jidongimg/close.png" alt=""> </li> <li> <img src="jidongimg/lo.
2021-09-26 00:19:47
127
原创 2021-09-16
一、模拟jquery里面on方法源码的实现 jQuery.prototype.myOn = function(type,handle){ for(var i = 0 ;i < this.length;i++){ //创建一个事件存储空间 this.cacheEvent // 如果没有事件存储空间则创建 if(!this[i].cacheEve
2021-09-16 20:56:26
53
原创 又菜又爱写打卡，js一些知识点的总结
1.this关键字的理解 this存在在作用域内 作用域 -> 1.1 全局作用域 这时候的this应该指向window 1.2 函数作用域 1.2.1 直接调用的话。例如fn();this指向window 1.2.2 对象调用的话.function fn(){};var obj = {};...
2021-09-04 17:05:00
44
原创 dom一些知识汇总
一、dom2获取对象方式1.document.getElementById() 通过id属性获取元素节点，单一元素2.document.getElementByClassName() 通过class属性获取元素特点，返回值是类数组3.document.getElementByName() 通过name属性获取元素节点，返回值是类数组4.document.getElementByTagName() 通过标签名获取元素节点，返回值是类数组...
2021-08-15 16:49:01
127
原创 其中练习的一道题目
随意切换栏目，栏目里面的内容也会有相应的变化，再写的的时候因为是用循环绑定，所以有一个小bug卡了蛮久，但是最终解决了。<style> *{ margin: 0; padding: 0; } .container{ width: 390px; height: 655px; margin: 0 auto;
2021-08-15 15:38:40
75
原创 2021-08-07
js标准库（内置对象）一些基础的对象如下一：Math()Math.abs() 求一个数的绝对 Math.ceil() 对该数进行向上取，如果是负数，可以借助坐标轴 Math.floor() 对数进行向下取整 Math.max() 对一系列的数据求最大值，如果没有参数，得到一个-infinity,负无穷二：Date() *设置时间的方法setFullYear() 根据本地时间为一个日期对象设置年份 setMonth()...
2021-08-07 15:29:10
51
原创 2021-08-04
改变单选按钮样式代码片段html部分代码: <div class="body_bb"> <ul> <li> <input type="radio" name="rd" id="rd_a" value="按热门排序" checked> <label
2021-08-04 18:43:54
40
原创 2021-07-28
菜鸟第一天打卡,哈···哈····哈·回忆一下今天学到的js知识1.编译型语言和解释型语言 编译型语言：将文件通篇翻译之后，再去执行。 优点：执行起来速度非常快。缺点：不能够跨平台，而且比较繁琐。 有哪些语言：C、C++、c# 解释型语言：翻译一行执行一行。 优点:可以跨平台。缺点：执行速度较慢 有哪些语言:js、php2.运算符 按数量区分:一元运算符、...
2021-07-28 19:59:36
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人