齐丶先丶森的博客_前端面试秘籍,java,vue总结原创(8)

Vue篇(008)-写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

参考答案：key 是给每一个 vnode（虚拟节点）的唯一 id, 可以依靠 key, 更准确, 更快的拿到 oldVnode 中对应的 vnode 节点。更准确因为带 key 就不是就地复用了，在 sameNode 函数 a.key === b.key 对比中可以避免就地复用的情况。所以会更加准确。

react.js

vue.js

javascript

复用

原创 2021-09-16 17:27:39 110 阅读

JS篇(037)-发布订阅设计模式

参考答案：发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。解析：发布订阅模式的构成最常见的发布订阅模式就是咱们DOM事件，仔细回想一下我们要给一个按钮，绑定一个事件

javascript

html

发布订阅

javascript开发

一对多

原创 2021-09-16 17:26:18 190 阅读

JS篇(028)-你对松散类型的理解

JS篇(028)-你对松散类型的理解。

javascript

松散类型

引用类型

基本类型

键值

原创 2021-09-16 15:05:29 88 阅读

JS篇(034)-null/undefined 的区别

javascript

初始化

对象指针

原创 2021-09-16 15:04:58 138 阅读

JS篇(031)-JS 单线程还是多线程，如何显示异步操作

JS篇(031)-JS 单线程还是多线程，如何显示异步操作。

javascript

html

html5

主线程

回调函数

原创 2021-09-16 13:33:14 155 阅读

Git 设置网络代理

git config 命令，查看如下图所示公司内网 git 访问外网需要设置代理，而一般网上给出的设置方法是 git config --global http.proxy 192.168.40.12:8080。这个是一个全局配置，对所有的提交行为都生效。git config --local http.proxy 192.168.40.12:8080。只对当前项目生效。...

git

外网

内网

原创 2021-08-30 16:27:56 1064 阅读

CSS的px值转rem值的Sublime Text3自动完成插件

参考链接：https://github.com/flashlizi/cssrem

css

github

其他

原创 2021-08-20 09:13:16 73 阅读

史上最全最新的前端面试宝典，将持续更新...

请见：Github地址，欢迎Star！也欢迎小伙伴们拍板砖！

前端面试

web前端面试

前端面试题

面试题

前端面试技巧

原创 2021-08-19 13:02:20 112 阅读

比较好的学习网站

搜外网 http://www.seowhy.com/

外网

web开发

ide

github

原创 2021-08-05 17:44:10 149 阅读

npm全局安装默认路径

C:\Users\xxx\AppData\Roaming\npm

npm

vue

原创 2021-08-05 14:44:17 473 阅读

Sass入门篇

Sass入门篇个人github：https://github.com/qiilee 欢迎follow 第1章 Sass简介 1-1 什么是 CSS 预处理器？定义： CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通...

css

嵌套

选择器

字符串

预处理

原创 2021-08-02 15:24:05 311 阅读

import与@import的区别

前端面试秘籍,欢迎star!script中的import是js的语法, 是在js中去引用css文件style中的@import是stylus的语法(没用过stylus, 不知道引用文件是不是@import) 也就是在css中引用css文件, 就像saas那样理论上效果都是一样的, 都是将依赖的文件在打包的时候一块打包进去...

vue

import

css

原创 2021-08-02 15:23:51 1167 阅读

devDependencies和dependencies的区别

前端面试秘籍,欢迎star!devDependencies和dependencies的区别我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：--save-dev--save在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的插件，被写入到 devDepende...

vue

package.json

json

单元测试

正常运行

原创 2021-08-02 15:23:25 956 阅读

transform的兼容性写法

个人github：https://github.com/qiilee 欢迎followtransform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: transl...

github

chrome

safari

firefox

原创 2021-08-02 15:23:01 1424 阅读

百度SEO一本通

前端面试秘籍：https://github.com/yisainan/web-interview 欢迎star1、推广==竞价，只是称谓不同2、推广就是花钱在搜索引擎上买广告位3、推广的，谁交的钱多，谁的网站排在前面4、右侧的推广链接，也是广告位5、通过SEO做的是自然排名，不可能把花钱的挤到后面6、一般做SEO问你网站的排名，指的是自然排名7、推广：排名提升速度快，耗钱 ...

seo

百度

搜索引擎

外链

搜索

原创 2021-08-02 15:22:45 209 阅读

如何显示遮罩层时禁止底层页面滑动

前端面试秘籍,欢迎star!在touchmove时禁用浏览器默认事件，document.addEventListener('touchmove', function (event) { event.preventDefault(); })我只需要在遮罩弹出时禁用，遮罩关闭时释放，于是我改了下代码：var aBtn=$('#a1'); ...

遮罩层

ide

css

微信

chrome

原创 2021-08-02 15:21:32 280 阅读

JS判断UA

script> var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident

UA

ios

android

css

ipad

原创 2021-08-02 15:21:14 755 阅读

vue项目main.js引入less文件一直报错

问题如图：解决如图：在build->utils.js中，图中位置加入javascriptEnabled: true // <- enable this option 最后！！别忘了npm run dev 重启项目哦！！

less

重启

javascript

原创 2021-08-02 15:21:03 684 阅读

Java中的快捷键大全

1. 常用快捷键(1)Ctrl+Space说明:内容助理。提供对方法,变量,参数,javadoc等得提示,应运在多种场合,总之需要提示的时候可先按此快捷键。注:避免输入法的切换设置与此设置冲突(2)Ctrl+Shift+Space说明:变量提示(3)Ctrl+/说明:添加/消除//注释,在eclipse2.0中,消除注释为Ctrl+\(4)Ctrl+Shift+/

Java

快捷键

java

作用域

文本编辑器

原创 2021-08-02 15:20:54 703 阅读

移动开发js库Zepto.js使用中的一些注意点

前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。但是在开发

zepto

jquery

选择器

css

官网

原创 2021-08-02 15:20:45 195 阅读

如何让浮动的元素垂直居中

如何让浮动的元素垂直居中个人github：https://github.com/qiilee 欢迎follow一：解释：我们可以通过子绝父相的定位方式让子元素的left和top都移动50%，这个时候是整个元素移动到了父元素一半的位置，并不是两个元素的中线对齐，所以我们需要让子元素再向反方向移动一半的位置，我们可以利用margin-left和margin-top分别移动子元素宽高...

居中

垂直居中

宽高

github

css3

原创 2021-08-02 15:20:27 1009 阅读

面向对象06

一、沙箱模式1、沙箱模式也就是一个独立的环境，只有函数才能创建一个独立的环境。2、沙箱模式模型：（function(){}）();二、函数的四种调用模式因为this的指向不同所有分为四种调用模式：1、函数调用模式如果一个函数，直接调用（作为函数调用）此时就是函数调用模式This就是指的window 2、方法调用模式如果一函数作为对象的属性调用，

面向对象

函数调用

数组

方法调用

数组类型

原创 2021-08-02 15:20:16 101 阅读

git clone时，提示warning: remote HEAD refers to nonexistent ref, unable to checkout.

个人github：https://github.com/qiilee 欢迎follow问题描述：采用的是Git管理代码，从github上克隆代码：git clone 我的项目名提示：warning: remote HEAD refers to nonexistent ref, unable to checkout.并且只显示.git文件解决方法：原因是.git目...

git

github

d3

解决方法

重命名

原创 2021-08-02 15:20:07 3834 阅读

前端基础笔记01

1.http的url格式： http://192.168.2.1:8080/index.html 平常上网见到的是域名，通过DNS转换成ip，返回浏览器再次请求没有端口号是因为默认为 802、http:xt ctrl+e 生成结果代码 ctrl+shift+d 快速复制一整行 ctrl+shift+k 快

url

前端

a标签

当前页

删除线

原创 2021-08-02 15:19:58 162 阅读

前端基础笔记03

1.html:5 Tab 补全h5结构如： Document2.html中的空格合并现象 html中对缩进空格换行不敏感不管有多少空格缩进换行浏览器只会当做一个空格来解析占得是一个汉字的长度，是空格的两倍空格占得是半个汉字的长度3.如何

前端

基础

选择器

css

html

原创 2021-08-02 15:19:44 236 阅读

前端基础笔记05

一、伪类与类选择器相似，但是又有所不同 a:link{} a:visited{} a:hover{} a:active{} 设置a标签被激活（被点击）的样式 a 注意：使用时顺序不可变 lv的包 ha哈哈 b 有些锚点类除了可以作用在a标签上，还可以作用在其他标签 :li

前端

基础

a标签

垂直居中

宽高

原创 2021-08-02 15:19:35 106 阅读

前端基础笔记06

1.sublime多行编辑：shift+鼠标右键下拉2.list-style：none ；作用就是去li前的小点3.最新文章练习总结： *{margin：0；padding：0 }的重要性 li标签中嵌套a标签，设置字体要在li选择器中设置4.alt+放大镜：缩小二、补充 1 行高是可以继承的，如下123123会

前端

基础

a标签

默认大小

html

原创 2021-08-02 15:19:24 150 阅读

前端基础笔记10

1、逻辑运算符的优先级：！>&& > || 而不是从左向右运算的2 转为NumberA、prompt 接受的数据类型是 string 可以用Number转换 1var a = Number（"abc"） //除了数字的其他字符得到NaN 2var b = Number(""); //得到0

前端

基础

取整

字符串

数据类型

原创 2021-08-02 15:19:10 98 阅读

前端基础笔记07

一、清除浮动浮动对页面的影响：如果一个父盒子中有一个子盒子，父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0，下面的元素会自动补位，所以这个时候要清除浮动一个标签清除浮动：核心：clear:both; 1.使用额外标签法（不推荐使用）

前端

基础

标签名

绝对定位

相对定位

原创 2021-08-02 15:19:00 118 阅读

前端基础笔记08

浮动时使用text-align：center 没效果而display：inline-block；时使用有效15网站的底部.foot ul{ text-align:center;}.foot li { display:inline-block;}一、定位定位中的z-index：作用：设置页面中元素的层级关系取值：正整数

前端

基础

块级元素

行内元素

背景图片

原创 2021-08-02 15:18:51 122 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

11543470

Vue篇(008)-写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

JS篇(037)-发布订阅设计模式

JS篇(028)-你对松散类型的理解

JS篇(034)-null/undefined 的区别

JS篇(031)-JS 单线程还是多线程，如何显示异步操作

Git 设置网络代理

CSS的px值转rem值的Sublime Text3自动完成插件

史上最全最新的前端面试宝典，将持续更新...

比较好的学习网站

npm全局安装默认路径

Sass入门篇

import与@import的区别

devDependencies和dependencies的区别

transform的兼容性写法

百度SEO一本通

如何显示遮罩层时禁止底层页面滑动

JS判断UA

vue项目main.js引入less文件一直报错

Java中的快捷键大全

移动开发js库Zepto.js使用中的一些注意点

如何让浮动的元素垂直居中

面向对象06

git clone时，提示warning: remote HEAD refers to nonexistent ref, unable to checkout.

前端基础笔记01

前端基础笔记03

前端基础笔记05

前端基础笔记06

前端基础笔记10

前端基础笔记07

前端基础笔记08

欢迎