- 博客(48)
- 收藏
- 关注
RSS订阅原创 常用git命令
1、git初始化$ git init // 初始化项目，产生.git文件2、提交文件$ git add file // 提交指定文件到本地暂存区$ git add . // 提交所有修改的文件$ git commit -m '提交代码的备注信息' // 将代码提交到本地仓库【在提交代码时不加`-m`会报错】$ git push // 提交代码到远程仓库$ git push origin HEAD:refs/for/[branch-name] // 将代码提交到一个临时评审区3
2020-07-01 23:19:33
154
原创 let、const、var的区别
在JavaScript中，常见的声明变量的方式有var、let、const；其中，let和const是ES6中出现的新的声明变量的方式。1、let let用来声明变量，用法类似于 var，只不过使用let声明的变量，只在其所在的块级作用域中有效，在该作用域之外无效； let声明的变量在一个作用域中只能声明一次，如果重复声明多次，会报错如下：Uncaught SyntaxError: ...
2020-04-05 17:41:27
153
原创 上中下布局【不满一屏，footer固定在底部，满一屏，footer随页面滚动】
【要求】 上中下布局：当页面高度不满一屏的时候，footer固定在页面的底部；当页面高度满一屏的时候，footer随着页面内容滚动。【code实现-普通布局方式】// html结构<body> <div class='header'></div> <div class='content'></div> &...
2020-04-05 17:39:13
785
1
原创 vue错误整理
1、全局组件的注册 【问题】：Failed to mount component: template or render function not defined. 【错误原因】：在注册全局组件时，没有在new Vue()之前注册，导致上述错误。 【正确做法】：// 创建一个组件Button.vue...Button组件// 在main.js中引入Button.vue并注册，...
2019-05-07 22:38:17
179
原创 VUEX：状态管理
最近在优化项目，发现有很多公用的方法和属性，所以计划把这些公用的状态提取出来，所以选择VueX，将公用状态分发给多个组件复用，使得状态管理更为清晰，方便项目的维护。1、目录结构的设计- store：目录名称 - index.js：状态管理实例的创建 - state.js：公共管理的状态 - mutation.js：用于状态值的修改 - mutationType.js：mutatio...
2019-05-07 22:19:14
159
翻译 简述函数防抖和节流
1、函数防抖 事件触发之后，函数在n秒内只执行一次，如果在n秒内又触发了一次，则会重新计算函数的执行时间。 函数防抖适用于用户输入、提交按钮的点击事件等；函数防抖的核心就是：在用户不触发事件的时候，才触发行为，并且抑制了本来在事件中的行为。【代码实现】// fn：表示需要防抖的函数，wait表示间隔的时间，immediate表示是否立即执行let debounce = functio...
2019-04-15 21:29:25
805
原创 Cookie详解
1、HTTP Cookie HTTP cookie又叫web cookie或者浏览器cookie，是服务器发送到浏览器并保存在本地的一小块数据，会附着在http上，他会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。 cookie可以携带用户信息，当服务器检查cookie的时候，便可以获取客户端的状态。 通常，cookie用于告知服务器端两个请求是否来自同一浏览器，如保持用...
2019-04-15 20:34:06
209
原创 跨域方法整理
一、跨域的产生背景1、什么是同源策略？同源，指的是两个页面的协议、端口和域名都相同，则两个页面具有相同的源。同源策略限制了从同一个源加载的文档或者脚本如何与来自另一个源的资源进行交互。同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。只有同一个源的脚本赋予dom、读写cookie、session和ajax等操作的权限。2、为什么src属性加...
2019-04-15 20:03:05
249
原创 HTTP缓存
1、缓存 缓存是一种保存资源副本，并且在下次请求时直接使用该副本的一项技术。 当WEB缓存发现请求的资源已经被存储，他会拦截请求，返回该资源的拷贝，而不会去服务器重新下载请求。 对于网站来说，缓存时达到高性能的重要组成部分。缓存需要合理的配置，并不是所有的资源都是永久不变的，不能缓存过期的资源，资源的生命周期应该截止到资源下一次改变之前。 http缓存不是必须的，但是重用缓存的资源...
2019-04-14 23:04:24
155
原创 对象的创建方式-简单整理
1、工厂模式用函数封装，以特定的接口创建对象。如下所示：显示的创建一个Object对象，然后返回该对象即可；1-1、具体实现function createPerson (name) { var obj = new Object();// 实例话一个Object对象 obj.name = name; obj.getName = () => { ...
2019-02-21 15:49:42
172
原创 【前端算法】折半查找
1、折半查找的原理 折半查找用于对排好序的数组进行查找。其原理是：从数组的中间元素开始，与要查找的元素进行比较，如果相等，则中间元素为查找元素；如果大于中间元素，则在大于中间元素的那半部分数组中进行查找；如果小于中间元素，则在另一半数组中查找，如果没有，则跳出查找过程，并返回提示信息。2、实现function binarySearch (arr) { var len = arr.l...
2018-12-26 20:59:54
468
转载 【前端CSS部分】伪类与伪元素
1、伪选择器伪选择器主要包含两部分：伪类和伪元素2、伪类希望在特定状态下，给元素呈现特定的样式。比如：超链接，在链接被点击之后，呈现特定的样式，我们就可以使用:visited这个伪类给超链接添加特定的样式。伪类的前缀是一个冒号:– 分类–2-1、状态伪类选择器示例说明:linka:link选择所有未访问的链接:visiteda:visit...
2018-12-26 19:46:14
504
原创 初探事件循环-Event Loop
最近面试遇到这样一道面试题：console.log(1);setTimeout(()=> { console.log(2);},1000);setTimeout(() => { console.log(3);},0);new Promise((resolve, reject) => { console.log(4); resolve...
2018-12-15 21:23:51
166
原创 【前端CSS3】CSS3实现进度条
1、使用keyframe实现// html结构&amp;amp;lt;div class=&amp;quot;progress&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;progress-bar&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&
2018-12-12 20:06:25
3476
原创 【前端CSS部分】重新认识浮动float
写作背景： 经历了一次大厂的面试之后，发现自己之前所学的知识都只是皮毛，仅仅停留在会用的层面，未曾深入地了解过其原理，借此机会，打算从基础开始，重新学习，今天就先从面试最常问到的浮动开始…1、浮动产生的原因 为什么会出现浮动呢？ 浮动的本质只是为了让文字环绕图片。在实际的工作中，我们经常会出现类似这样的需求：将多个块级元素并列拍成一行。通常的方案都是使用float：left来实现。...
2018-12-08 17:24:25
235
原创 【前端面试之HTML】行内元素和块级元素
1、元素类型的定义1-1、行内元素行内元素主要是指strong或span之类的元素，该元素不会在元素之前或者元素之后生成“行分隔符”；行内元素会水平排列成一行；行内元素又分为置换元素和非置换元素；1-2、 块级元素块级元素主要是指div或者标题之类的元素，这些元素独占一行，多个块级元素在正常流中垂直排列。2、元素分类行内置换元素：img、input、textarea、se...
2018-12-07 23:19:09
243
原创 NodeJS简单爬虫-资源下载
1、需求扒取当前网页的请求资源，包括：js、css、2、环境及使用工具NodeJS puppeteer Gulp3、环境的搭建3-1、安装nodejs为了支持async和await，我们需要安装较高版本的node,具体安装过程查看官网：(https://nodejs.org/zh-cn/download/)3-2、安装puppetee...
2018-08-25 15:06:12
620
原创 Linux文件编辑命令
1、插入文本i：从光标前插入字符a：从光标后插入字符I：从行首插入字符A：从行尾插入字符o：在当前行的下一行插入字符O：在当前行的上一行插入字符2、翻页Crtl + b：向后滚动一屏Ctrl + f：向前滚动一屏Ctrl + u：向后滚动半屏Ctrl + d：向前滚动半屏Ctrl + y：上移一行Ctrl + e：下移一行3、移动光标h：...
2018-08-14 20:20:45
2945
原创 Linux命令整理
1、文件操作ls：查看文件目录，只显示文档目录ls -l：查看文件目录，显示文件大小、创建时间等ls -a：查看文件目录，显示所有文件，包含隐藏文件open 文件名：打开文件mkdir 文件名：创建文件夹vi/vim 文件名：编辑文件cp source target：复制文件mv source target：重命名文件rm -rf 文件名：强制删除文件；-r(递归删除) -f(强制删除)cat 文...
2018-04-28 22:55:36
153
原创 git操作之初始化
1、git连接$ git config --global user.email "git注册的账号"$ git config --global user.name "git的注册用户名"$ git config --list----查看用户信息$ ssh-keygen -t rsa -C 'git注册账户'----创建SSHkey$ ssh -T [email protected]...
2018-02-08 14:23:00
290
原创 git错误整理
1、push代码时，报错如下： 出现上述错误的原因是.git文件不对，我们可以重新pull一下代码，然后用pull之后的.git文件来替换之前已经存在的.git文件，即可重新push代码2、push代码时报错如下： 出现上述错误：push的master权限为protected，无法向分支提交代码，需要管理员修改此权限才可以继续push代码 参考地址：https:...
2017-12-27 16:22:56
254
原创 常见HTTP状态码
100：客户端继续发送请求200：表示请求已经发送成功，响应头信息会随着响应返回201：请求已经实现，资源建立202：服务器已经接收请求304：Not Modified，表示设置了缓存（参考链接：http://blog.csdn.net/gfangxiong/article/details/7420691）400：a、语义有误，表示当前请求无法被服务器理解；b、表示请求参数有误404：表
2017-11-13 19:09:58
437
转载 数组操作函数封装
1、数组去重//普通的数组去重操作function removeRepeatItem(arr) { if(arr.length){ for(var i = 0; i < arr.length; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i] == arr[j
2017-11-07 18:27:40
791
原创 JavaScript中delete的用法
1、删除没有使用var定义的变量var name = "qwe";age = 21;delete name;delete age;console.log(age);//age is undefinedconsole.log(name);//qwe2、删除对象的属性var obj = {"name":"wxm","age":21};delete obj.name;console.log(
2017-11-07 17:22:37
932
原创 JavaScript-事件模型
这次主要是向大家介绍一下浏览器的事件模型，主要分为两类：DOM第0级事件模型和DOM第2级事件模型。 DOM第0级事件模型：在特定的DOM元素上的任何一个事件类型都只能有一个监听器； DOM第2级事件模型：一个事件类型可以有多个监听器 代码如下：1、DOM第0级事件模型1> 第一种方式<div id="div1" onclick="test"></div>//直接将事件绑定在元素
2017-10-19 21:53:25
472
原创 windows下搭建VUE开发环境
在实际开发中，我们应该如何搭建一个VUE开发环境呢？自我实践之后的操作如下：1、首先安装node 安装成功的标志： 2、安装淘宝镜像 安装cnpm,安装命令如下： npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装全局的vue-cli 安装命令如下：cnpm install -g v
2017-10-12 17:18:53
304
原创 前端面试-JavaScript篇
三、JavaScript篇1、JavaScript的typeof返回哪些数据类型？2、3种强制类型转换和2种隐式类型转换?3、数组中常见的方法？4、ajax请求的时候，post方法和get方法的区别？5、call和apply的区别？6、ajax请求时，如何解析json数据？7、什么是事件委托？8、什么是闭包？有什么特性？对页面有什么影
2017-10-12 13:02:29
458
原创 【前端面试之HTML】
一、HTML篇1、XHTML和HTML的区别2、前端页面由哪几部分构成，分别是什么？作用是什么？3、什么是语义化的HTML？4、浏览器的内核是什么？5、HTML5 为什么只需要写 !DOCTYPE HTML？6、Doctype作用？标准模式与兼容模式各有什么区别?7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容
2017-09-29 13:37:30
508
原创 git 操作之代码的获取与提交
最近开始使用git命令操作时，经常使用到的一些操作，之后还会陆续更新…… git log：显示提交的记录 git log -p：标记文件的哪个部分发生了改变 git log –name-status：显示被修改的文件的名字（需要注意的是：name前边一定是两个中划线- -） git status：查看当前修改的文件的状态 git add 文 件路径：添加相应的文件到远程分...
2017-09-21 15:37:51
1604
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人