首页
学习
活动
专区
工具
TVP
发布

前端真相

关注那些真正应该掌握的前端知识,并用这些知识探索有趣好玩的世界。
专栏作者
110
文章
125067
阅读量
40
订阅数
IE错误汇总
出错背景:vue-cli结合webpack搭建的项目,在IE11运行报错,报错信息会指出错误出处,比如:“app.js (5164,1)”。已安装es6转换es5的依赖包,webpack-dev-server版本换成2.6.1或者2.11.2还是同样的错误。
城市中的游牧民族
2019-02-21
3K0
JavaScript 引用类型
关联数组:数组下标可以自定义,{}。length属性:无。for key in arr遍历。
城市中的游牧民族
2019-02-21
8670
CSS之图片
scroll 默认值, 会随着滚动条的滚动而滚动 fixed 不会随着滚动条的滚动而滚动 快捷键: ba background-attachment:;
城市中的游牧民族
2019-02-21
1.2K0
前端面试题汇总
(1) vue.js 兄弟组件通信 生命周期 vue router vuex 原理 (2) angular (3) react (4) 开发依赖的框架、库、环境对比
城市中的游牧民族
2019-02-21
9920
Virtual DOM
DOM操作太消耗浏览器计算资源,diff算法才有其存在的意义。 DOM操作为什么慢? 1.直观感受:在浏览器控制台,用for循环遍历div属性,会看到有很多属性输出。对于浏览器渲染引擎而言,一个HTML元素就是一个占用内存的数据结构,因此元素的属性越多理论上占用的内存越多,就越消耗性能。再从另外一个角度分析,页面渲染也是图形化的过程,玩游戏的朋友应该知道网络稍微不好,游戏页面就很卡,也就是说图形化是很消耗硬件资源的。 浏览器渲染:DOM操作会引起浏览器repaint和reflow。 如何减少DOM操作? 先隐藏需要操作的DOM:display:none,再显示:display:block。 离线操作DOM:我们先将元素脱离文档流,然后对元素进行操作,最后再把操作后的元素放回文档流。 可以cloneNode,将DOM操作变成纯粹的内存操作 createDocumentFragment 操作完成之后替换原来的DOM元素。如果是添加多个节点,将所有DOM节点都在内存中拼装完成之后再append到DOM中。 replaceChild appendChild 2.为什么用JavaScript模拟DOM结构?
城市中的游牧民族
2019-02-21
3930
为什么数组下标是从0开始?
语言出现顺序从早到晚C、Java、JavaScript。 C语言数组下标是从0开始->Java也是->JavaScript也是。 降低额外的学习和理解成本。
城市中的游牧民族
2019-02-21
8500
命名空间及模块化
Java用package来达到命名空间同样的效果。 C++就有对应关键字:using namespace。 JavaScript库用对象来封装命名空间。
城市中的游牧民族
2019-02-21
5870
webpack、npm 相关错误汇总
使用webstorm搭建vue项目,报如上错误。 本地node版本为10。 原因: 版本10 fs.promises的API是实验性的,webstorm不允许使用。 解决:卸载掉原有node.js,重新安装node.js 8版本。
城市中的游牧民族
2019-02-21
2.3K0
NPM怎么玩?
npm install -g cnpm --registry=https://registry.npm.taobao.org
城市中的游牧民族
2019-02-21
4580
为什么数组下标是从0开始?
数组寻址——arr[i] = base_address + i * type_size(1)
城市中的游牧民族
2018-10-29
3.2K0
如何发布自己的NPM包(模块)?
按照提示填写初始化信息,我的模块名称为:finitxu-npm-test,初始版本号:v1.0.0。
城市中的游牧民族
2018-09-10
3.2K0
前端编码规范
JavaScript Style Guide(http://contribute.jquery.org/style-guide/js/#full-file-closures) 1. Spacing(间距) * 不要在块作用域中声明函数 2. 建议 * 除了特意声明的全局变量,使用var声明变量 * 块级作用域中哪怕只有一行代码,也要用{}括起来 Google JavaScript Style Guide(http://google.github.io/styleguid
城市中的游牧民族
2018-05-22
9100
js基础(5)
1. Error所有错误类型的父类型 * EvalError * RangeError:参数范围异常,toFix(num), 0=<num<=100(最新Chrome) * ReferenceError:找不到对象 * SyntaxError:语法错误 * TypeError:类型错误或者类型方法错误 * URIError:URI错误 2. 错误处理 * * try包裹的范围尽可能小;finally释放对象;finally可有可无:,大
城市中的游牧民族
2018-05-22
8400
js基础(4)
1. 如果变量同名,局部变量优先级高于全局变量。 2. 内存模型、作用域 * fun()//作用域环境栈,调用的时候出栈,其中的局部变量的生命周期和其所在方法一致 * 全局变量和网页(window对象)一致 * 栈和堆中的变量的生命周期完全不一样。 * 考虑内存 * 全局作用域被销毁:例如浏览器退出、系统关闭 3. 关联数组:数组下标可以自定义,{}。length属性:无。for key in arr遍历。 * JavaScript的对象本质就是一个关联数
城市中的游牧民族
2018-05-22
6740
JavaScript基础(3)
1. JavaScript函数声明方式 * 函数声明方式声明的函数会被解析器通过函数声明提升的过程即function declaration hoisting置于原代码数的顶部,所以即使在函数前调用该函数也可以正常使用; * 而函数表达式方式除了不能在声明前调用外,与函数声明方式一样; * 函数对象方法可以直观地理解“函数是对象,函数名是指针”这个概念,但是它会造成解析器两次解析,一次是普通的ECMAScript代码,一次是解析传入Function构造函数里的字符串,会影响js引擎
城市中的游牧民族
2018-05-22
8050
JavaScript 五种基本数据类型(下)
上篇文章 JavaScript 五种基本数据类型(上)的子妹篇。 如未作出特殊说明,本文例子均在Chrome控制台进行测试。 三、类型转换 显式(强制)类型转换 定义:主要指使用Number、Boolean、String、toString、parseInt、parseFloat将各种数据类型与String、Number、Boolean三种基本数据类型进行相互转换。 转换 (1)Number、parseInt、parseFloat,参数为Object对象、字符串、布尔类型、数组对象: parse
城市中的游牧民族
2018-05-22
4570
JavaScript 五种基本数据类型(上)
如未作出特殊说明,本文例子均在Chrome控制台进行测试。 一、哪五种基本数据类型? null、undefined、number、boolean、string。 二、如何判断变量的数据类型? 使用 typeof 运算符,Chrome控制台结果: typeof "1"; "string" typeof 1; "number" typeof 1.1 //浮点数类型也为number "number" typeof true; "boolean" typeof null; //表示空对象指针 "obj
城市中的游牧民族
2018-05-22
3970
邂逅seajs 和spm
一些前端工具和平台介绍 Kissy: 由淘宝前端工程师们发起创建的一个开源 JS 类库。GitHub上可以下载; Alice:  是支付宝的前端css解决方案, 是arale的子集; seajs( 现在由淘宝和腾讯的人在维护这个项目.seajs简单来说, 就是类似与labjs, requirejs, labjs是可以动态载入js文件, 然后延迟将js功能加载到内存的工具); 简单的说 Node.js 就是运行在服务端的 JavaScript。node.js 是一个基于Chrome JavaScrip
城市中的游牧民族
2018-05-22
8420
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档