
学习笔记
文章平均质量分 83
BY彡阿长
暂时还没想好
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
一个网络请求如何进行
页面的请求过程当我们打开某个网站的页面时,浏览器会发起网络请求来获取页面的资源,我们可以从控制台network面板查看在 Network 面板里,我们能看到所有浏览器发起的网络请求,包括页面、图片、CSS 文件、XHR 请求等,还能看到请求的状态(200 成功、404 找不到、缓存、重定向等等)、耗时、请求头和内容、返回头和内容等。图中第一个就是网站页面的请求,返回页面。接下来,浏览器会加载页面,同时页面中涉及的外部资源也会根据需要,在特定的时机触发请求下载,包括我们看到的 PNG 图片、Java原创 2021-08-12 16:53:31 · 601 阅读 · 1 评论 -
JavaScript为什么是单线程-JS异步与回调详解
JavaScript为什么是单线程JavaScript 最初被设计为浏览器脚本语言,主要用途包括对页面的操作、与浏览器的交互、与用户的交互、页面逻辑处理等。如果将 JavaScript 设计为多线程,那当多个线程同时对同一个 DOM 节点进行操作时,线程间的同步问题会变得很复杂。同步任务与异步任务同步任务:在主线程上排队执行的任务,前一个任务完整地执行完成后,后一个任务才会被执行。异步任务:不会阻塞主线程,在其任务执行完成之后,会再根据一定的规则去执行相关的回调。同步任务与函数调用栈原创 2021-08-10 21:56:20 · 840 阅读 · 0 评论 -
JavaScript 引擎如何执行 JavaScript 代码
JavaScript 引擎如何执行 JavaScript 代码JavaScript 代码运行的各个阶段JavaScript是弱类型语言,在运行时才能确定变量类型JavaScript 引擎在执行 JavaScript 代码时,也会从上到下进行词法分析、语法分析、语义分析等处理,并在代码解析完成后生成 AST(抽象语法树),最终根据 AST 生成 CPU 可以执行的机器码并执行。这个过程,我们后面统一描述为语法分析阶段。除了语法分析阶段,JavaScript 引擎在执行代码时还会进行其他的处理。以 V8原创 2021-08-09 22:47:14 · 357 阅读 · 0 评论 -
深入理解JavaScript原型与闭包
说明本文为作者学习记录相关笔记及理解,如有不妥之处,请各位读者积极指出,虽然标题是深入理解,但可能存在许多不够深入的地方,请各位小伙伴不吝赐教一切都是对象一切引用类型都是对象,对象是属性的集合值类型就不是对象函数和对象的关系对象都是通过函数创建的对象是若干属性的集合,一切引用类型都是对象var obj = {name: 'zs', age: 20};//等价于var obj = new Object();obj.name = 'zs';obj.age = 20;每个函数都有原创 2021-08-09 22:11:56 · 2101 阅读 · 15 评论 -
前端-剖析浏览器渲染页面的过程
剖析浏览器渲染页面的过程浏览器的内部结构从结构上来看,浏览器主要包括8个子系统用户界面浏览器引擎渲染引擎网络子系统JavaScript解释器XML解释器显示后端数据持久化子系统这些子系统组合构成了我们的浏览器。页面的加载和渲染过程,离不开网络子系统、渲染引擎、JavaScript 解释器和浏览器引擎。以前端开发最常使用的 Chrome 浏览器为例, Chrome 浏览器是使用多进程架构的方式来管理这些子系统。Chrome 多进程架构Chrome 浏览器采用的多进程架构,主要原创 2021-08-07 23:50:21 · 682 阅读 · 2 评论 -
JavaScript原型和闭包
原型和闭包每个函数都有一个属性prototype,其属性值是一个对象,默认只有一个叫constructor的属性,指向这个函数本身每个对象都有一个隐藏的__proto__属性,指向创建这个对象的函数的prototypeObject.prototype.__proto__ ===null函数也是对象,也有__proto__ Object.__proto__===Function.prototypeFunction也是一个函数,是一种对象,有__proto__ 属性,它一定是被Function创建,原创 2021-08-02 23:22:36 · 275 阅读 · 1 评论 -
JavaScript节流
JavaScript节流可以减少一段时间内事件的触发频率不使用节流实现鼠标跟随效果<script> $(function () { // 1.获取图片 let img = $("#img"); // 2.绑定mousemove事件 $(document).on("mousemove", function (e) { // 3.设置图片的位置 $(img).css("top", e.pageY + 'px').css("原创 2021-07-30 16:53:25 · 277 阅读 · 0 评论 -
多图演示MySQL的安装与启动
安装MySQL下载MySQL安装包官网下载:MySQL :: Download MySQL Community Server清华大学开源软件镜像:Index of /mysql/downloads/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror可自行选择需要的版本演示使用5.5.62-winx64版本下载链接https://mirrors.tuna.tsinghua.edu.cn/mysql/downloads/MySQL-5.5/my原创 2020-10-23 15:28:37 · 272 阅读 · 0 评论 -
微信小程序开发实战-第六周
第六周加入缓存系统获取期刊时先到缓存中查找,如果能找到就读取,不能就向服务器发送请求,然后再次写入缓存中所有期刊在缓存有一个key,确定key,代表一个期刊和表示是哪一期期刊定义一个私有方法_fullKey来生成key_fullKey(partKey) { // 自定义key规则 let key = this.prefix + '-' + partKe...原创 2020-04-24 11:32:18 · 491 阅读 · 0 评论 -
微信小程序开发实战-第五周
第五周navi组件新建navi导航组件导入相应的图片素材文件设置组件属性列表title:当前期刊标题first:指定当前期刊是否为第一期latest指定当前期刊是否为最后一期设置图片urldisLeftSrc: 'images/triangle.dis@left.png',highLeftSrc: 'images/triangle@left.png'组件骨架<vie...原创 2020-04-24 11:31:28 · 334 阅读 · 2 评论 -
微信小程序开发实战-第四周
第四周什么是“剥夺“函数return能力使用回调函数的方式无法return点赞数据提交在page\classic\classic.js中定义onLike函数onLike: function (event) { console.log(event) let behavior = event.detail.behavior }拿到当前like组件的状态向服务器提交状...原创 2020-04-08 17:28:05 · 468 阅读 · 0 评论 -
微信小程序开发实战-第三周
第三周3.项目开发阶段组件化开发优点组件复用代码分离3.3 生命周期函数官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.htmlonload:监听页面加载,最先被触发onReady:监听页面初次渲染完成onShow:监听页面显示on...原创 2020-04-08 17:26:59 · 403 阅读 · 0 评论 -
微信小程序开发实战-第二周
第二周2. flex弹性布局作图工具https://www.processon.com/2.1 了解弹性布局Flex 是 Flexible Box 的缩写,意为"弹性布局",可以轻松的控制元素排列、对齐和顺序的控制。现在的终端类型非常多,使用弹性盒模型可以让元素在不同尺寸终端控制尺寸。主轴,交叉轴justify-content主轴的对齐方式align-items交叉轴的对齐方式声...原创 2020-04-08 17:25:21 · 523 阅读 · 0 评论 -
【Visual Studio Code】Visual Studio Code设置Ctrl +鼠标滚轮调节字符代码大小
Visual Studio Code设置Ctrl +鼠标滚轮调节字符代码大小首先打开vscode ,点击左下角设置图标,选择setting然后打开setting.json在这里加上这一行代码"editor.mouseWheelZoom": true,然后保存,关闭,配置完成。...原创 2019-03-15 23:04:22 · 3847 阅读 · 0 评论 -
Node.js安装(NPM 使用介绍)
下载 打开https://nodejs.org下载安装包并打开全部按照默认点击下一步然后打开cmd输入 node --version新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入"npm --version"来测试是否成功安装。命令如下,出现版本提示表示安装成功:输入以下命令进行升级npm install...原创 2019-04-20 20:09:52 · 558 阅读 · 0 评论 -
sql server 2012 enterprise edition安装教程
Sql Sserver 2012 Enterprise Edition安装教程1.下载 微云网盘下载 个人上传的文件 MSDN下载 正版资源,纯净无毒2.安装 下载好安装包之后,先解压出来,双击打开setup.exe启动安装程序选择左侧的安装,在右侧选择第一个“...原创 2019-04-13 22:09:50 · 1309 阅读 · 0 评论 -
Vue CLI安装
关于旧版本Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。Node 版本要求 Vue CLI 需要Node.js8.9 或更高版本 (推荐 8.11.0...原创 2019-04-17 20:13:36 · 257 阅读 · 0 评论 -
C语言-strcpy
C语言-strcpy char a[10] = "abcde"; char b[5] = "XYZ"; strcpy(a,b); printf("%c",a[2]);执行strcpy后,a的前4个元素被复制为b的元素,剩余部分保持不变strcpy(a,b);把b的值复制到a, b的元素个数小于a,则复制b的元素到a中,包括 \...原创 2019-06-15 14:29:21 · 1853 阅读 · 0 评论 -
C语言-strcpy
C语言-strcpy char a[10] = "abcde"; char b[5] = "XYZ"; strcpy(a,b); printf("%c",a[2]);执行strcpy后,a的前4个元素被复制为b的元素,剩余部分保持不变strcpy(a,b);把b的值复制到a, b的元素个数小于a,则复制b的元素到a中,包括 \0 , char a[10] = "ab...原创 2019-06-16 18:54:20 · 1358 阅读 · 1 评论 -
C语言求最小公倍数和最大公约数三种算法(经典)
C语言求最小公倍数和最大公约数三种算法(经典)最小公倍数:数论中的一种概念,两个整数公有的倍数成为他们的公倍数,其中一个最小的公倍数是他们的最小公倍数,同样地,若干个整数公有的倍数中最小的正整数称为它们的最小公倍数,维基百科:定义点击打开链接求最小公倍数算法:最小公倍数=两整数的乘积÷最大公约数求最大公约数算法:(1)辗转相除法有两整数a和b:① a%b得余数c② 若c=0,则b即...转载 2019-06-16 19:22:18 · 29039 阅读 · 6 评论