- 博客(43)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 整理面经·JS·Vue·ES6
JS方面1.浏览器的缓存机制（强缓存和协商缓存）答：浏览器在加载资源的时候会根据这个资源的一些http header 判断是否命中强缓存 如果命中 那个浏览器将不会去请求服务器，而是直接从缓存中加载这个资源。如果强缓存没有命中 浏览器会发送一个请求到服务器 浏览器依据资源的另一些 http header 验证是否命中协商缓存。 如果未命中，则向服务器发送请求，加载数据。总结：...
2019-12-16 09:49:41
477
原创 性能优化一条龙
first paint 白屏时间，如果是fp时间过长，就要从网络层面进行优化，现在普遍的都是http1.1的请求方式，就要去考虑要不要升级到http2，采用一种多路复用的能力，或者再上一层，可以考虑dns解析的速度是否过慢，可以考虑是否用dns缓存或者dns预解析去解决问题，然后做一些预加载的过程。就是当你进行请求的时候，服务器会把你的域名解析成ip，这个过程就是dns的解析过程，优化dns过慢的问题，可以通过cdn服务进行dns负载均衡，或者进行dns缓存，dns预解析，都能提高速度。
2023-12-07 15:54:28
728
原创 Web前端监控的方案
整篇文章侧重于性能监控方面，关于用户行为监控可能更多的需要和产品经理探讨，根据监控数据改变业务策略，来不断提升用户的留存和转化。性能监控，涉及的面比较广、链路比较长，针对前端开发要掌握常见的监控指标，理解监控的整个链路。
2023-12-03 17:26:47
1310
原创 八股文随笔3
http2多路复用，slice深拷贝，变量提升和函数提升，preload和prefetch是有什么区别？为什么template里只能有一个div
2022-11-11 15:15:54
446
1
原创 八股文随笔2
页面错误码，强缓存和协商缓存，v-for中key的作用，call和apply，hash模式和histroy模式区别？，promise
2022-11-09 00:08:14
194
转载 CommonJS和ES6模块的区别
参考链接：CommonJS和ES6模块的区别 - 掘金背景我们都知道JS模块化的演变经历了一个漫长的过程，从最初的CommonJS ，到后来的AMD和CMD，再到今天的ES6模块化方案。优胜劣汰，对于JS这门语言来说，主要用于Node端的模块化方案CommonJS 活了下来，而ES6推出的模块化方案更是赢得了大家的认可，大有可能成为未来JS的主要的模块化方案。相信大家都可能产生过这样的疑问：既然两个模块化方案都能被大家使用和认可，那么它们到底有什么优势？两个模块化方案有什么差异？带着疑问我也看了一些
2022-05-31 11:48:17
115
原创 html2canvas：将html的dom变成图片，并保存
如何将HTML页面保存为图片？将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data url。 使用HtmlCanvas2实现话不多说，直接上代码.......1.npm下载 和html2canvas：npm install html2canvas2.引入 html2canvas：import html2canvas from 'html2canvas'3.调用方法 基于html2canvas.js可将一...
2020-10-14 22:22:09
1888
原创 Vue复制到剪贴板
1.需求背景有些业务需求需要点击按钮复制链接，本文就是记录该如何实现应用中间件vue-clipboard22.实现方法 1）先下载vue-clipboard2 npm install vue-clipboard2 --save 2）引入安装包1、 脚手架搭建的用户import Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use( VueClipboard )2...
2020-07-15 17:55:47
3262
原创 谈谈vue中的$nextTick
Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got .
2020-05-11 18:02:18
330
原创 Git常见命令大全（高端）
Git现在是很多人都会用到的管理工具，对于刚进入企业的毕业小白来说，很多公司都会要求会用git去操作，因为用过的人才知道，用git命令行确实方便，而且最重要的，是帅！！！一、 Git 命令初识在正式介绍Git命令之前，先介绍一下Git 的基本命令和操作，对Git命令有一个总体的认识示例：从Git 版本库的初始化，通常有两种方式：1）git clone：这是一种较为简单的初始...
2020-04-07 10:52:26
218
转载 vue 移动端适配
一、方法一：rem 布局在主入口：index.html，<head> 标签内添加如下JS 代码：（实现在标准 375px宽度适配下，100px = 1rem。） <script> (function () { // 在标准 375px 适配下，100px = 1rem; var baseFontSize = 100; ...
2020-03-30 17:43:18
8711
6
原创 简单谈谈浏览器从输入URL到页面渲染的过程
简单谈谈浏览器从输入URL到页面渲染的过程这也是一个经典的面试题，无论前端还是后端都可能都会遇到，知识点相对来说也比较多，考察得比较全面的。最近也看了很多浏览器相关的文章，结合起来，在这里简单梳理总结下。同时，感谢浏览器这个伟大的发明。知识点罗列下面是我简单粗糙画的一张流程图：过程分为下方几个流程：DNS解析：把域名解析成IP地址 TCP 建立连接...
2019-12-19 16:13:16
638
转载 前端面经（七）
什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系...
2019-12-05 16:50:45
125
原创 前端面经（六）
面经 20191203 未完待续....1. foreach forin forof 的区别1）for 和 for...in 是针对数组下标的遍历 通常遍历json 和 数组 按下标获取元素2）forEach 及 for...of 遍历的是数组中的元素 通常遍历数组，取出数据每个元素 遍历json报错3）for...in 在遍历数组的时候 对于 ,, 未定义元素 会跳过...
2019-12-05 14:34:31
116
原创 前端面经（五）
面经 20191130 ES 未完待续....1. less 的一些应用语法：1）复制2）定义样式class3）嵌套 父 套 子4）嵌套 冒泡5）延迟加载2.vue中的 is 属性 ：is 是用来绑定组件 <li is = " 组件名 " > 除此以外 还可以绑定属性:is <component :is = " data 属性...
2019-12-05 11:27:08
452
原创 前端面试（四）
面经 20191129 未完待续...1. 伪类选择器first-of-type last-of-type only-of-type only-childnth-child nth-last-child nth-of-type nth-last-of-type enable disable checked not selection2. 事件委托，使用事件委托有什么好处？...
2019-12-05 11:19:15
74
原创 前端面试（三）
面经 2019/11/28 未完待续...1、如何判断变量类型？typeof、instance of、constructor、Object.prototype.toString.call()。只用前2个会有局限性typeof：在判断变量类型的时候比较适合用来处理基本数据类型，如果是引用类型的值 typeof恐怕就心有余而力不足了。instanceof：会根据_proto_一层层往...
2019-12-05 11:02:38
135
原创 前端面经（二）
面经 2019/11/261.什么是 JSONP2.局部里怎么调用全局的this3. localStorage 和 sessionStorage 的区别 和 用法1.两者和cookie都是本地存储 cookie 存储大小是 4k localStorage 大小是 5M2.localstorage 保存在 本地 永久有效3.sessionStorage 关闭页面就...
2019-12-05 10:57:49
101
原创 前端面经（一）
面经 2019/11/14 未完待续...1.浏览器的缓存机制（强缓存和协商缓存）答：浏览器在加载资源的时候会根据这个资源的一些http header 判断是否命中强缓存 如果命中 那个浏览器将不会去请求服务器，而是直接从缓存中加载这个资源。如果强缓存没有命中 浏览器会发送一个请求到服务器 浏览器依据资源的另一些 http header 验证是否命中协商缓存...
2019-12-05 10:56:29
123
原创 云服务器如何安装xampp
先下载 linux版本的xampp 下载链接xampp-linux-x64-7.3.9-0-installer.run修改权限： chmod +x 文件名 格式./文件名 安装由于是默认安装 xampp将默认安装到 /opt/lampp/lampp 目录下云服务器 xampp 开启命令/opt/lampp/l...
2019-09-30 11:48:56
593
原创 正则表达式知识点
正则的知识点：1.创建实例：var reg = new RegExp(pattern, flag) ("/\d+/", g)2.flag 标识符1. i ： 忽略大小写匹配2. m：多行匹配3. g: 全局匹配（应用与所有， 而不是找到第一个就停止）3. 第一段知识点1. [] [xyz] xyz中任意一个字符 等价于[x-z]2. [^] [^xyz] 匹配任...
2019-09-05 19:42:42
279
原创 JQuery常用知识点
Jquery知识点：jQuery定义：jQuery 就是一个简单高效的 js 库jq 封装的 是 js dom 的 部分不需要考虑兼容问题带 min ： 压缩版本 删除了注释 换行 提高网页加载效率 上线使用不带 min ： 无压缩1.多库共存在多个js库应用于同一个项目中时， $ 符 会存在冲突的情况 为了防止这种现在发生，var jq = jQuery.n...
2019-09-05 19:42:02
109
原创 js跳槽的面试点（一）
js跳槽的面试点：渲染机制 JS运行机制 页面性能 错误监控1.渲染机制 ： 浏览器怎么渲染页面2.JS 运行机制 ： 了解 JS 引擎 和 浏览器与 JS之间是怎么完成交互的3.页面性能： 卡不卡 页面卡不卡 用什么方法能保证写出来的页面是流畅的4.错误监控： 通过线上的错误收集 即 监听客户端在使用时的错误问题1.渲染机制：1）什么是DOCTYPE及作用2...
2019-08-07 14:31:25
82
原创 CSS Javascript基础知识（2）
第四周周报：http://note.youdao.com/noteshare?id=5904e5046343047a17c745c53b35f8c4&sub=D7570A572FB845DB900239831AF0D3ABFirstDay：1. 了解 js 中的 运算符var z3 = 2;var xyz3 = ++z3+"1"+z3++; // 313var...
2019-07-29 15:16:47
144
原创 CSS Javascript基础知识（1）
第三周周报：1.字间距：letter-spacing ： xpx；2.input 里面的文字 placeholder ；3.在加 3D 的时候 要在 3D效果的 父元素上 加上 transform-style : preserve-3d;4.perspective : 2000px 视距 距离越远 3D效果越不明显 合适的距离 1000px5.解决方法:由于c...
2019-07-29 15:15:00
65
原创 实现简单的轮播图
参考网站：http://sjnml.top:8080/Lanou/secondweek/10test.html链接：https://pan.baidu.com/s/1vpo1YnQP_KAYusyXYWRzew提取码：shgu链接：https://pan.baidu.com/s/1GP8xdHocpQAqi8y0SomVkg提取码：rqt51.导入两个js的库 jquer...
2019-07-11 19:57:45
200
原创 HTML 基础知识大全
1.清除浮动的方法：在父亲的div上加overflow：hidden；2.table标签使border边框变为单实线：CSS: table, th,td{ border: 1px solid black; border-collapse:collapse ;}3.table 的 colspan 和 rowspan：colspan：占据两列,横向占据了...
2019-07-10 17:58:32
170
原创 HTML页面滚动出现TOP，按下回到页面顶部
简介：在HTML的制作中，在向下滚动以后，屏幕右下角出现TOP按钮，按下后页面回到顶部。思考：1.最开始的时候应该默认TOP按钮为hidden (因为最开始页面并没有滚动)2.在js中获取到当前页面的高度3.按下TOP按钮后，回到顶部。4.用js实现滚动回去，而不是瞬间回去1.TOP按钮的定义方法：#top { visibil...
2019-07-09 19:33:24
1575
转载 CSS选择器优先级
CSS选择器优先级总结CSS三大特性——继承、 优先级和层叠。继承：即子类元素继承父类的样式;优先级：是指不同类别样式的权重比较;层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如：body,div,p,ul,li) 2.类选择器(如：class="head",cla...
2019-07-08 08:36:47
102
转载 vue中父元素，子元素点击事件遇到的问题和vue常见方法
点击子元素触发父元素<div class="fu" @click="fu()"><a class="zi" @click="zi()">点击</a><h1>这是父元素里面的其他内容</h1></div>methods:{fu(){console.log('这是...
2019-05-29 17:46:52
10114
原创 IDEA怎么在新建文件时设置初始代码
很多小伙伴在学习各种框架的时候，总会新建一些文件，那么在idea这个软件里，当我们新学一个框架并且使用时，在你新建文件的时候，是不会有任何代码的，所以就需要一个初始的模板来方便我们使用，下面是方法：1.ctrl + alt + s 进入 Setting：2.找到File and Code Templates3.找到你要用的语言 在右侧写上代码即可， apply 应用 保存。...
2019-05-10 10:53:48
2037
原创 正则表达式 之 正则返回情况
正则表达式：http://note.youdao.com/noteshare?id=7cdf9384670627c849cf30a99b4513fb&sub=C6EB1D235DDD4F038FD6460E50922999这里有我不断更新的关于正则的知识3.正则返回情况使用正则表达式EDI正则表达式可以被用于RegExp的exec和test方法以及String的mat...
2019-05-10 10:35:37
2568
原创 正则表达式 之 /g /m /i 的区别
正则表达式：http://note.youdao.com/noteshare?id=7cdf9384670627c849cf30a99b4513fb&sub=C6EB1D235DDD4F038FD6460E50922999这里有我不断更新的关于正则的知识2. /g /m /i 的区别1，/g 表示该表达式将用来在输入字符串中查找所有可能的匹配，返回的结果可以是多个。如果不加...
2019-05-10 10:34:20
7103
原创 正则表达式 之 正则\1\2和\\1的理解
正则表达式：http://note.youdao.com/noteshare?id=7cdf9384670627c849cf30a99b4513fb&sub=C6EB1D235DDD4F038FD6460E50922999这里有我不断更新的关于正则的知识1.正则\1\2和\\1的理解正则表达式中‘\1’ 匹配的是 字符 ‘\1’ 。 (因为 ‘\’ 匹配字符...
2019-05-10 10:33:09
1450
原创 vue全家桶+Koa开发之nuxt安装过程
1.安装webpack的问题：webpack坑系列--安装webpack-cli2.vue-cli脚手架 npm install -g vue-cli 全局安装 （在保证系统安装node的情况下 node -v）1. nuxt项目初始化报错下面是使用 koa 模板方法初始化一个项目，使用该方法需要将 nuxt 的版本降至1.4.2； 官方https://zh.nuxtjs.or...
2019-05-09 12:04:18
773
原创 连续因子
#include<stdlib.h> #include<stdio.h>#include<math.h> int main() { int n,i,j,a=0,s=0,sum,f=0,t=0; scanf("%d",&n); for(i=2;i<=sqrt(n);i++) { sum=1;...
2018-03-27 18:28:28
311
1
原创 5.合并排序数组
因为是排序整数数组，即从头比较，先建一个m+n的数组，比较值小者插入，至一方为空，再把另一个数组按顺序插入代码如下：class Solution {public: /* * @param A: sorted integer array A which has m elements, but size of A is m+n * @param m: An integer ...
2018-02-12 10:30:06
221
原创 4.两数之和
代码如下：class Solution {public: /* * @param numbers: An array of Integer * @param target: target = numbers[index1] + numbers[index2] * @return: [index1 + 1, index2 + 1] (index1 < index2...
2018-02-12 10:14:47
138
apache-tomcat-7.0.93.tar.gz
2019-08-14
Xftp-6.0.0119p.zip
2019-08-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人