ZhenqiLi' Blog

生命不止,折腾不息!

Sass学习笔记

"记录对Sass学习"

sass学习笔记 Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器 #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; ...

webpack-dev-server热更新失败

"关于 Vue webpack-dev-server热更新失败"

vue webpack-dev-server热更新失败 今天踩了一个坑,就是webpack-dev-server热更新失效 或者说vue-cli脚手架热更新失效,记录一下。 错误原因: 在页面中引入一个组件,然后把组件的父级目录名开头字母写成大写(原本是小写的),但是没有报引入失败,但是webpack监听不了文件的更新。如下: // 正确引入方法 import ComA from '@/...

git 分支命令

"关于git 分支操作几个命令"

记录关于git 分支操作几个命令 查看分支:git branch 创建分支:git branch <name> 切换分支:git checkout <name> 创建+切换分支:git checkout -b <name> 合并某分支到当前分支:git merge <name> 删除分支:git branch -d <name...

输入url到页面展示过程

"关于输入url到页面展示过程"

一 DNS域名解析 我们在浏览器输入网址,其实就是要向服务器请求我们想要的页面内容,所有浏览器首先要确认的是域名所对应的服务器在哪里。将域名解析成对应的服务器IP地址这项工作,是由DNS服务器来完成的。 客户端收到你输入的域名地址后,它首先去找本地的hosts文件,检查在该文件中是否有相应的域名、IP对应关系,如果有,则向其IP地址发送请求,如果没有,再去找DNS服务器。一般用户很少去编...

学习方法

"关于学习方法"

谈一下学习方法 学习是一个老生常谈的问题,尤其是在如今互联网技术迭代越来越快,竞争压力越来越大的背景之下,学习已成为社会生态中“物竞天择,避免淘汰”的必备技能。虽然学习讲究方法论,但并没有一套适合所有人的学习方法,真正有效的学习方法因人而异,适合自己的才是最好的。 曾看过一篇关于分享高效学习的文章,其中介绍了快速学习四步法,从中受益匪浅。本文结合个人学习心得,在其基础上又做了细化,将学习过...

Web前端性能优化

"关于Web前端性能优化"

Web前端性能优化 性能优化 优化原则 多使用内存、缓存或其他方法 多使用CPU计算,减少网络请求 入手方面: 加载页面和资源 资源压缩合并 使用CDN 静态资源缓存 使用SSR后台渲染,数据直接渲染成HTML 页面渲染 CS...

JavaScript一个通用于代理和不代理的绑定事件函数

"关于JavaScript一个通用于代理和不代理的绑定事件函数"

这篇文章主要关于js一个通用的绑定事件函数。绑定事件在我们开发的过程中会经常用到。写一个通用的函数是很必要的。 这里先讲一下代理。如一下代码,ul中有很多个li,而且li还有可能增加。如果要为每个li添加一个点击事件,操作起来将比较麻烦,代码量大不简洁,占内存。这时可以将事件代理到ul上,当点击li时,由于事件冒泡,ul上也起作用,之后再判断是点击那个li即可。 <ul id="ui...

JavaScript异步和单线程经典的例子setTimeout

"JavaScript异步和单线程经典的例子setTimeout"

这篇文章主要讲一下js的异步和单线程以及一个经典例子。 JavaScript是单线程和异步执行的。单线程的意思是一次只干一件事,所有要执行的任务都是排队一个个来。异步和同步是相对的,同步是说执行任务时要阻塞,上一个任务没有执行完,下一个任务不会执行。而异步会有所不同,当上一个任务需要等待时,会把该任务暂存起来,不会立即执行,等到所有程序执行完,处于空闲状态时,会立即查看有没有暂存的任务执行...

Vue学习笔记

"关于Vue的一些学习"

Vue 学习笔记 关于 vue.js 关于 watch 和 computed 尽可能不要修改 wacth 和 computed 的值,避免造成死循环。 wacth 想监听对象内部属性变化时,可以使用 deep:true 或者 换成字符串格式监听:obj.a -> ‘obj.a’,推荐使用后者 当 app 里面的任意属性发生变化时,template 会重新渲染。当 t...

《HTTP图解》读书笔记之响应状态码

"关于HTTP的响应状态码"

HTTP 响应状态码 本篇文章主要记录一下HTTP的响应状态码。 总共有五大类,如下表: Code 类别 原因短语 1XX Informational(信息性状态码) 接收的请求正在处理 2XX Success (成功状态码...