- 博客(67)
- 收藏
- 关注
RSS订阅
原创 Work线程
在平时的运行的javascript脚本都在主线程中执行，如果当前脚本包含复杂的、耗时的代码。那么JavaScript脚本的执行将会被阻塞，甚至整个刘看齐都是提示失去响应。浏览器久久未响应，一篇空白。最后过来七八秒全部崩出来。Worker启动的子线程找到质数之后，并不能之间把找到的质数更新在页面上显示，必须通过postMessage(n)发送消息给前台JavaScript通信。假设程序需要计算、收集1~9999的之间所有质数，不采用后台线程，而是之间是使用JavaScript前台线程的计算、收集质数。
2023-03-28 10:57:50
195
原创 一些挂载到全局的方法
1、时间格式化2、地址取参3、判断是否为IOS4、使用自适应vw5、数字查过万显示万vue项目在全局挂载方法：假设方法都书写在utils/utils文件下export const vw = (px) => {…}export const formatDate = (fmt, date) => {…}…export default {vw ,formatDate …}在utils/index.js中引入...
2022-06-15 16:49:16
512
原创 Map和Obeject对比及实现自己的HashMap
Map 是一个键值对的集合，和 Object 类似。 Map 做为构造函数，可以通过全局对象获取到。需要通过 new 操作创建实例对象，直接调用会报错。 Map 构造函数接收一个 iterable 类型的参数，用来初始化 Map 。和Object的差异·Object 的 key 只能是字符串类型和 Symbol 类型， Map 的 key 可以是任意 javascript 类型·Map 的 key 是有序的，迭代时按照插入 key 的顺序, Object 的 key 是无序的。es6 以后，Obj
2022-06-13 13:03:46
188
原创 ES6解构赋值
ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构var [a,b,c] = [1,2,3] //a=1.b=2.c=3这种写法属于‘模式匹配’，只要等号两边的模式相同，左边的变量就会被赋予对应地值let [aa, [[bb], cc] = [1, [[2], 3]] //aa=1, bb=2, cc=3let [x, …y] = [1,2,3,4] //x=1,y=[2,3,4]let [aaa,bbb] = [11] //aaa=11, bbb=undefi
2022-06-11 00:20:47
428
原创 vue学习之应用层问题
1.nextTick（）作用dom更新之后延迟回调如A组件中调用B组件，要在A中获取B中的某个元素（this.refs.b.dn()）必须得B加载完毕=>nextTick(){this.refs.b.dn()}2.单页应用（SPA）与多页应用：单页面应用：只有一个主页面的应用，如vue。浏览器一开始就要加载所有的html，css，js组件=》页面片段页面跳转=》局部刷新场景=》多用于pc端优点：体验好，一次性加载，快。 改动不用一次性加载整个页面。前后端分离。效果可以很炫酷缺点：不利
2022-06-10 19:56:19
114
原创 vue学习之原理层
虚拟dom是什么a.vue2.x才有虚拟domb.本质是js对象=》拥有跨平台特质虚拟dom在vue中做什么a.vue渲染过程b.将真实的dom转化为虚拟dom（js对象），更新的时候做对比虚拟dom如何提高渲染效率：不需要摧毁整个dom，只更新差异项vue两大核心：组件化。数据驱动diff算法中的patch（）...
2022-06-10 19:38:35
110
原创 vue学习之应用层
MVC的全名是Model View Controller，是模型(Model)－视图(view)－控制器(controller)的缩写MVC缺点：前后端无法分离，必须等待后端出接口后才可以开发前端没有自己的数据中心，太过依赖后台MVVM全称Model-View-ViewModel是基于MVC和MVP体系结构模式的改进，MVVM就是MVC模式中的View的状态和行为抽象化，将视图UI和业务逻辑分开，更清楚地将用户界面UI的开发与应用程序中业务逻辑和行为的开发区分开来MVP是把MVC中的Controlle
2022-06-10 16:28:21
181
原创 js闭包 && vue中data()为什么是函数
闭包定义：方法里面返回另一个方法闭包意义：延长变量的生命周期创建私有环境AO->artitude object目标对象 程序运行时会生成一个ao用于保存所有的方法和局部变量，全局变量不在ao里面作用域链：闭包会常驻内存->慎用闭包提问：为什么Vue中的data()是一个函数其实这为闭包的设计。Vue是一个单一的应用，Vue中有很多的组件，每个组件都有data（）.通过闭包为每一个组件建立一个私有域空间，保证各个组件之间的data相互不影响，每个组件都有一块私有的作用域...
2022-06-10 15:02:15
472
原创 Vue原理之侦听器实现
监听对象变化，让对象中的数据变得可观测：Object.defineProperty 劫持对象属性进行监听但上述代码只能对某一个属性进行监听，若需对多个数据进行监听则需写多个，麻烦解决：使用观测类
2022-06-10 14:13:22
155
转载 【无标题】vue数据更新步骤既vue.$ nextTick的使用场景
我用#CSDN#这个app发现了有技术含量的博客，小伙伴们求同去《this.$nextTick()的原理与使用场景》, 一起来围观吧 https://blog.csdn.net/ych6666/article/details/112428797?utm_source=app&app_version=5.3.1&code=app_1562916241&uLinkId=usr1mkqgl919blen...
2022-05-14 10:30:38
65
原创 HTML5 Geolocation地理定位
HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。使用 getCurrentPosition() 方法来获得用户的位置：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body&g
2022-04-24 22:33:02
241
转载 值传递，地址传递，引用传递的本质和内存分析
值传递，指针传递（其实本质还是值传递），引用传递的区别值传递：形参是实参的拷贝，改变形参的值并不会影响外部实参的值。从被调用函数的角度来说，值传递是单向的（实参->形参），参数的值只能传入，不能传出。当函数内部需要修改参数，并且不希望这个改变影响调用者时，采用值传递。function(int y) //定义int xfunction(x)这里y为函数体内局部变量，且为x值的副本，函数体内改变y值并不影响x值指针传递：形参为指向实参地址的指针，当对形参的指向操作时，就相当于对实参
2022-04-10 12:41:46
813
转载 编译型和解释型、动态语言和静态语言区别
编译型和解释型的区别先来看看编译型语言定义：编译型语言首先是将源代码编译生成机器指令，再由机器运行机器码 (二进制)。再来看看解释型语言的定义：解释型语言的源代码不是直接翻译成机器指令，而是先翻译成中间代码，再由解释器对中间代码进行解释运行。咋看一眼，还是一脸懵逼。下面打个比方：编译型相当于用中英文词典（翻译器）将一本英文书一次性翻译（编译）成一本中文书。以后查看直接就是中文了。可想而知，以后读书（运行）会非常非常方便。而解释型相当于用中英文词典（翻译器）将一本英文书读一段翻译一段（解
2022-04-10 11:14:50
263
原创 js刷题ing--------2
PS:本文承接上一篇博客“js刷题ing--------1”.文章大体趋势为由易到难，若觉得前面的比较简单可从后面的看起将函数 fn 的执行上下文改为 obj 对象输入：function () {return this.greeting + ', ’ + this.name + ‘!!!’;}, {greeting: ‘Hello’, name: ‘Rebecca’}输出：Hello, Rebecca!!!实现函数 functionFunction，调用之后满足如下条件：1、返回值为一个函数 f
2022-04-07 11:01:26
898
原创 JS高级---杂烩
XMLHttpRequest Level2新特性：旧版XMLHttpRequest缺点：1、只支持文本数据的传输，无法用来读取和上传文件2、传送和接收数据时没有进度信息，只提示有没有完成Level3的新功能：1、可以设置http请求的时限 xhr.timeout=3000 / xhr.timeout=function(){ alert(‘此函数为前面语句的配套，当等待时间超过3000毫秒就自动停止请求并调用此回调函数’)}2、可以使用FormData对象管理表单数据3、可以上传文件
2022-04-05 14:16:06
448
原创 js刷题ing---------1
直角三角形描述请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下：***<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <div class='triangle'></div>
2022-04-02 23:59:30
1431
原创 react学习
什么是reactreact是一个用于构建用户界面的js库react主要用来写html页面，或构建web应用如果从MVC角度来看，React仅仅是视图层（V），也就是只负责视图的渲染，并非提供了完整的M和C功能react特点1.声明式你只需描述ui{html}看起来是什么样子的，就跟写html一样。react只负责渲染ui，并在数据变化时更新uiconst jsx=<div class="msg"> <h1>hello react！动态变化的数据：{count}<
2022-04-01 23:53:55
692
原创 校验手机号、校验姓名
校验手机号 checkPhone(val) { var pattern = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if (pattern.test(val)) { return true; } else { return false; } }校验姓名checkName(val) { var pattern = /^[\u4e00-\u9fa
2022-02-28 12:48:34
316
原创 判断是否微信打开、判断是否是iponeX
判断是否微信打开isWx() { function getIsWxClient() { //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型 var ua = navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua中是否含有MicroMessenger字符串
2022-02-28 12:29:40
324
原创 格式化日期、时间戳，倒计时格式化
格式化日期formatDate(time, Delimiter) { Delimiter = Delimiter || '-'; var now = new Date(time); var year = now.getFullYear() + ''; var month = now.getMonth() + 1 + ''; var date = now.getDate() + ''; var hour = n
2022-02-28 10:46:07
259
转载 document.body.scrollTop用法
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.b
2022-02-27 22:08:19
748
转载 Vue3全局挂载使用axios
在vue2中会习惯性的把axios挂载到全局，以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype，在全局挂载方法和属性时，需要使用官方提供的globalPropertiesAPI。一、全局挂载在vue2项目中，入口文件main.js配置Vue.prototype挂载全局方法对象：import Vue from 'vue'import router from '@/router'import store from '@vuex'import
2022-02-21 16:08:18
7082
2
原创 Vue发送Ajax请求之Axios
1）vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。2） axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护。1、安装axios并引入1）npm的方式： $ npm install axios -S2）bower的方式：$ bower install axios3）cdn的方式：。。。。参考博客...
2022-02-20 10:19:48
1294
原创 前端面试题汇总
1、cookies，sessionStorage和 localStorage的区别？cookie是网站为了标示用户身份而储存在用户本地终端上的数据；cookie数据始终在同源的http请求中携带（即使不需要），也会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存；存储大小：cookie数据大小不能超过4ksessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。有
2022-01-01 23:45:55
467
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人