- 博客(115)
- 收藏
- 关注
RSS订阅原创 小程序开发随记——生命周期
/ 自小程序基础库版本 2.2.3 起，组件的的生命周期也可以在 lifetimes 字段内进行声明（这是推荐的方式，其优先级最高）。（1）组件的生命周期（created、attached、ready、moved、detached）可做事情：这个生命周期很有用，绝大多数初始化工作可以在这个时机进行。触发时机：在组件完全初始化完毕、进入页面节点树后，退出一个页面时，如果组件还在页面节点树中，则。（2）组件所在页面的生命周期（show、hide、resize）触发时机：在组件离开页面节点树后，
2024-03-08 10:34:04
344
1
原创 常用GIT命令
2. 在回滚这一操作上看，效果差不多。因为git revert是用一次逆向的commit“中和”之前的提交，因此日后合并老的branch时，导致这部分改变不会再次出现，但是git reset是之间把某些commit在某个branch上删除，因而和老的branch再次merge时，这些被回滚的commit应该还会被引入。3. git reset 是把HEAD向后移动了一下，而git revert是HEAD继续前进，只是新的commit的内容和要revert的内容正好相反，能够抵消要被revert的内容。
2024-03-08 10:28:49
988
原创 进程和线程的区别与联系
总结来说，进程和线程都是计算机中执行任务的基本单位，它们在并发性和资源共享方面有着不同的特点。进程适合作为资源分配和调度的单位，而线程则适合作为轻量级的并发执行单元。中两个重要的概念，它们在操作系统中扮演着不同的角色，并有着不同的特点和用途。三类的运行环境，虽然它们在底层是基于不同的技术实现的，但是它们的启动流程大体上是相似的。因此，Android会比iOS多一个「小程序进程与Activity初始化」的节点。在iOS上启动小程序时，会复用与微信相同的一个进程；第二类是Android端 PC微信端，
2024-03-07 17:02:04
329
原创 CLI相关的一些好文章
如何写一个标准的前端脚手架 - 知乎为什么我们需要一套脚手架为什么我们需要一套脚手架，它能帮助我们解决哪些痛点问题。 前端项目配置越来越繁琐、耗时，重复无意义的工作项目结构不统一、不规范前端项目类型繁多，不同项目不同配置，管理成本高脚…https://zhuanlan.zhihu.com/p/105846231是时候复习下 Webpack 了别看了，有点长,还是收藏吧https://mp.weixin.qq.com/s/rUIXkPWXAn_N9aYRPNcaNQ掘金https://juejin.cn/po
2021-10-26 20:24:45
152
原创 哆啦A梦的口袋——微信小程序开发随记
前提：框架MPX2020.09.241、全局变量的设置与读取在 app.js 文件中的globalData 中可设置全局变量// app.js globalData: { userInfo: "sss", URL: 'https://www.ecare.xxx:xxxx' }在使用页面的 js 文件中可设置/添加/读取全局变量// 读取const app = getApp(); // 获取 app.js 文件const globalData = app.
2020-09-25 17:20:08
570
原创 【考前必看】查漏补缺（一）
一、JS1. 跨域原理（1）JSONP跨域原理：通常为了减轻 web 服务器的负载，我们把 JS、CSS、img 等静态资源分离到另一台独立域名的服务器上，在 html 页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许。JSONP 是通过动态 <script> 元素来使用的，使用时可以为 src 属性指定一个跨域 URL。这里的 <script...
2019-10-21 16:52:11
337
原创 【考前必看四】面试前夕知识点梳理之CSS（二）
【CSS】一、CSS 中可以实现继承的样式属性有哪些？继承使得网页开发者更加轻松，否则我们就要对所有的子孙元素指定属性，CSS文件大小将会大大增加，变得更难创建与维护，同时降低了下载速度。但并非所有的CSS属性都支持继承，如果每个CSS属性都继承，开发人员需要将子孙元素不需要的CSS属性一个一个地“关掉”。https://www.jianshu.com/p/fbfc6c751e34有继...
2019-10-09 10:30:48
188
原创 【考前必看一】面试前夕知识点梳理之JavaScript（三）
【JavaScript】一、防抖和节流1. 防抖函数的实现一个需要频繁触发的函数，在规定时间内只让最后一次生效，前面不生效。就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。<!DOCTYPE html><html><head> <title>防抖函数</title&...
2019-10-09 10:30:24
234
原创 【考前必看一】面试前夕知识点梳理之JavaScript（一）
【JavaScript】一、数据类型1. JavaScript 中共有两种数据类型，分别是基本数据类型和引用数据类型(Object类型)。基本数据类型：number、string、boolean、undefined、null、symbol(ES6新增)。引用数据类型：对象、数组、函数。symbol：http://es6.ruanyifeng.com/#docs/symbol...
2019-10-09 10:28:22
219
原创 【JS】第8章 BOM（浏览器对象模型）
一、window 对象在浏览器中，window 对象有双重角色，它既是通过 JS 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。这意味着在网页中定义的任意一个对象、变量和函数，都以window 作为其Global 对象。1. 全局作用域：全局变量不能通过 delete 操作符删除，而直接在 window 对象上定义的属性可以。 尝试访问未声明的...
2019-10-05 22:35:33
196
原创 【应用】两列布局 - 左边固定宽度，右边自适应
一、Flex 布局<!DOCTYPE html><html><head> <title>两列布局-左边固定宽度，右边自适应</title> <style> html,body{ margin: 0; padding: 0; } #main{ width: 100%; borde...
2019-10-05 15:31:16
230
原创 【应用】三列布局 - 两边固定宽度,中间自适应,高度一致
一、Flex 布局图1<!DOCTYPE html><html><head> <title>三列布局-两边固定宽度,中间自适应,高度一致</title> <style> html,body{ margin: 0; padding: 0; } #main{ width: 100%...
2019-10-05 12:08:04
1202
原创 【JS】第23章 离线应用与客户端缓存
一、离线检测navigation.onLine（H5的属性）、online、offline（H5的事件）二、应用缓存1. Appcache 是从浏览器的缓存中分出来的一块缓存区，要想在这个缓存中保存数据，可以使用一个描述文件（manifest file），列出要下载和缓存的资源。2. 查看应用缓存的状态：applicationCache 对象（JS的API）的 status 属性...
2019-10-04 17:18:59
203
原创 【JS】事件委托
什么是 EventUtil ？请参考：https://www.cnblogs.com/hykun/p/EventUtil.html<!DOCTYPE html><html><head> <title>事件委托</title> <style> #main{ width: 100%; height:...
2019-10-03 16:58:22
142
转载 【编程题】数组扁平化
一、递归function flatten(arr){ let res = []; for(let i=0; i<arr.length; i++){ if(Array.isArray(arr[i])){ res = res.concat(flatten(arr[i])); } else { r...
2019-09-11 01:48:01
220
转载 【JS】JQuery中的document ready方法和window onload方法的区别
1.执行时机window.onload方法是在网页中的所有的元素（包括元素的所有关联文件）都完全加载到浏览器之后才执行。而通过jQuery中的$(document).ready()方法注册的事件处理程序，只要在DOM完全就绪时，就可以调用了，比如一张图片只要<img>标签 完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等。2. 注册事件 jQuery中的$...
2019-09-11 01:00:06
187
转载 【JS】ES6 模块与 CommonJS 模块的差异
1. CommonJS 输出的是值的拷贝，即原来模块中的值改变不会影响已经加载的该值； ES6 静态分析，动态引用，输出的是值的引用，值改变，引用也改变，即原来模块中的值改变则该加载的值也改变。2. CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。3. CommonJS 加载的是整个模块，即将所有的接口全部加载进来，ES6 可以单独加载其中的某个接口（方法）。...
2019-09-11 00:41:42
176
原创 【考前必看五】面试前夕知识点梳理之HTML5
【HTML5】一、HTML5新增的特性有哪些？移除的元素有哪些？HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 中一些有趣的新特性： canvas 元素 video 和 audio 元素 对本地离线存储有更好的支持，比如 localStorage、sessionStorage 新的特殊内容元素，比如 article、footer、hea...
2019-09-08 20:55:09
194
原创 【考前必看二】面试前夕知识点梳理之ES6
【ES6】一、let、const 和 varlet 和const 定义的变量不会出现变量提升，而 var 定义的变量会提升。 let 和const 会出现暂时性死区，而 var 不会出现暂时性死区。 在相同作用域中，let 和 const 不允许重复声明，var 允许重复声明。 let 和const 在块级作用域内有效，而 var 在全局作用域有效。 const 声明变量时必...
2019-09-08 20:54:57
201
原创 【考前必看六】面试前夕知识点梳理之计算机网络
【计算机网络】一、常见的 HTTP 状态码HTTP协议状态码分类 1** 信息，服务器收到请求，需要请求者继续执行操作 2** 成功，操作被成功接收并处理 3** 重定向，需要进一步的操作以完成请求 4** 客户端错误，请求包含语法错...
2019-09-08 20:54:48
261
原创 【考前必看七】面试前夕知识点梳理之Vue
【VUE】一、vue 实例的生命周期四个过程：创建=>挂载=>更新=>销毁八个钩子函数：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed(1)通过 new Vue() 创建实例或组件，初始化事件和生命周期，执行beforeCreate钩...
2019-09-08 20:54:33
227
原创 【考前必看八】面试前夕知识点梳理之其他
【其他】一、杀掉进程的命令？（1）netstat -ano|findstr <指定的端口号>（2）taskkill /pid <占用的端口号> /f二、git 常用命令？ 命令 作用 git clone url 克隆远程仓库 git init ...
2019-09-08 20:54:23
164
原创 【考前必看一】面试前夕知识点梳理之JavaScript（二）
【JavaScript】一、构造函数构造函数是一种特殊的方法，主要用来创建对象时初始化对象，总与new运算符一起使用。二、new运算符new运算符会创建一个空对象，并且构造函数中的 this 指向这个空对象。 这个新对象会被执行[[原型]]连接，即连接构造函数的原型。 执行构造函数，将属性和方法添加到 this 引用的对象中，即创建的这个新对象。 如果构造函数中没有返回其它对象...
2019-09-08 20:54:13
914
3
原创 【考前必看四】面试前夕知识点梳理之CSS（一）
【CSS】一、CSS3新增的特性有哪些？移除的元素有哪些？新增的特性：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面移除的元素：(纯表现的元素) basefont，big，center，font，s，strike，tt，u二、选择器ID选择器（#id） 类选择器（.class）、属性选择器（E[attr]...）、伪类选择器（:） 元素选择...
2019-09-08 20:53:58
263
原创 【考前必看三】面试前夕知识点梳理之前端
【前端】一、前端性能优化策略减少 HTTP 请求 CSS 放在头部 JS 放在尾部 避免使用 CSS 表达式 精简 JS 使用外部 CSS和 JS 文件 删除重复脚本 压缩组件 避免重定向 使用缓存 使用 CDN 减少 CDN 查找CSS 放在头部，JS 放在尾部的原因：假设我们将CSS文件放在尾部，那么当浏览器开始渲染页面时，会采用一些初始样式（或者浏览器默...
2019-09-08 20:53:45
272
转载 【编程题】数组去重
测试数组：let arr = [ 1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN', 0, 0, 'a', 'a',{},{} ] ;一、ES6 Setlet newArr = Array.from(new Set(arr));// 或者 let n...
2019-09-04 23:15:10
456
转载 【CSS】display、position、float 三者的优先级
1. display 的值是 none如果 display 的值是 none，则 position 和 float 无效。否则，继续进行2。2. position的值是 absolute或 fixed如果 position的值是 absolute或 fixed，则浮动失效，并且 display 的值 按照 对应表 设置。否则，继续进行3。此时，元素的位置将由 ‘top’，’...
2019-08-29 14:51:57
1557
原创 【Vue】v-if 和 v-show 的区别及应用场景
相同点：v-if 与 v-show 都可以动态控制 DOM 元素的显示隐藏。不同点：1. 手段：v-if 是动态的向 DOM 树内添加或者删除 DOM 元素；v-show 是通过设置 DOM 元素的 display 样式属性控制显示隐藏，DOM 元素保留；2. 编译过程：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show 只是简单的...
2019-08-28 15:50:15
1026
原创 【笔试】编程题
1. 已知购买礼物的总金额，各礼品的单价-数组A和热度值-数组B，求礼物的最大热度值。（动态规划之01背包问题）JAVA实现：public static void solution(int total,int[] prices,int[] hots) { int[][] results = new int[prices.length+1][total+1]; ...
2019-08-27 11:40:44
928
原创 【笔试】选择题
1、下述程序创建了多少个新进程? （除去main这个进程自身）function main() { fork(); fork() && fork() || fork(); fork(); } 答案：1+（4+4）+ 10 = 19个 。详情：https://blog.csdn.net/wadfji/artic...
2019-08-26 22:55:38
447
原创 【CSS】CSS3 2D 和 3D 转换
CSS3转换，通过 transform，我们可以移动，旋转，缩放，和倾斜元素。2D 转换1. translate()根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 translateX 表示只在X轴(水平方向)移动。translateY 表示只在Y轴(水平方向)移动。 translate（50px，100px）是从左边移动50个像素，并从顶部移动100像素。2....
2019-08-26 16:50:18
217
原创 【CSS】CSS 预处理器 之 Sass 和 Less 的区别
一、CSS 预处理器CSS 预处理器是一种脚本语言，用一种专门的编程语言来进行 Web 页面样式设计，然后再转换为正常的 CSS 样式，进而实现构建动态 CSS 样式。CSS 预处理器为 CSS 增加了一些编程的特性，无需考虑浏览器的兼容性问题。Sass 和 Less 就是两种常见的 CSS 预处理器，我们可以把 Sass 和 Less 编辑的样式转换为正常的 CSS样式。他们引入了...
2019-08-26 16:10:55
541
原创 【Node】Node.js 入门知识点总结（二）
一、Node.js 工具模块序号 模块名 描述 1 OS 模块 提供基本的系统操作函数。 2 Path 模块 提供了处理和转换文件路径的工具。 3 Net 模块 用于底层的网络通信。提供了服务端和客户端的的操作。 4 DNS 模块 用于解析域名。 5 Domain 模块 简化异步代码的异常处理，可以捕捉...
2019-08-23 21:21:09
2454
原创 【前端】跨域解决方案及其原理
一、为什么要跨域？同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个IP地址，也非同源。常见的跨域场景(不允许通信)：（1）不同协议，同一域名：http://www.domain.com/a.js 和 h...
2019-08-14 18:12:00
1147
转载 【前端】防抖和节流
一、防抖防抖函数的作用防抖函数的作用就是控制函数在一定时间内的执行次数。防抖意味着 N 秒内函数只会被执行一次，如果 N 秒内再次被触发，则 重新 计算延迟时间。防抖函数的实现事件第一次触发时，timeout 是 null，调用 later()，若 immediate 为true，那么立即调用 func.apply(this, params)；如果 immediate 为 fals...
2019-08-12 00:15:25
165
原创 【JS】AMD和CMD的区别
AMD（Asynchronous Module Definition）即异步模块化定义，是 RequireJS 在推广过程中对模块定义的规范化产出。CMD（Common Moudle Definition）即通用模块定义，是 SeaJS 在推广过程中对模块定义的规范化产出。共同点：AMD和CMD都是 一种框架在推广的过程中对模块定义的规范化产出；而且它们都是异步加载模块。不同点：1...
2019-08-11 22:23:08
387
原创 【CSS】CSS3 动画
1. 动画属性：transition、animation(CSS3新增)。2. animation 可以通过 @keyframes (关键帧) 构建一些 transition 的动画效果。3. CSS3一共有八个子属性：animation-name、animation-duration、animation-timing-function、animation-delay、animation...
2019-08-09 22:36:48
148
转载 【CSS】对 BFC 规范的理解
常见的定位方案定位方案用于控制元素的布局，有三种常见方案:1）普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中的位置决定。2）浮动 (floa...
2019-08-09 17:25:56
404
原创 【计算机网络】常见的 Web 安全问题原理及防御
一、SQL 注入SQL注入是一种众所周知的攻击，可以通过简单的措施轻松阻止。1.SQL注入的原因SQL注入的原因，是将查询参数，直接拼接在 SQL 语句中，然后把用户输入的字符串，当作“SQL语句” 来执行。2.SQL注入的防御1）采用SQL语句预编译和绑定变量，是防御SQL注入的最佳方法。即让SQL引擎预先进行语法分析，产生语法树，生成执行计划；这样，无论你后面输入...
2019-08-08 20:32:10
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人