什么是原型语言 * 只有对象,没有类;对象继承对象,而不是类继承类。 * “原型对象”是核心概念。原型对象是新对象的模板，它将自身的属性共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性。 * 每一个对象都有自己的原型对象，所有对象构成一个树状的层级系统。root节点的顶层对象是一个语言原生的对象，只有它没有原型对象，其他所有对象都直接或间接继承它的属性。 原型语言创建有两个步骤 * 使用”原型对象”作为”模板”生成新对象 ：这个步骤是必要的，这是每个对象出生的唯一方式。以原型为模板创建对象，这也是”原型”(prototype)的原意。 * 初始化内部属性 ：这一步骤不是必要的。通俗点说，就是，对”复制品”不满意，我们可以”再加工”，使之获得不同于”模板”的”个性”。 所以在JavaScript的世界里，万物皆对象这个概念从一而终。 JS本地对象、内置对象、宿主对象 * 全局对象

编程范式 托马斯.库尔提出“科学的革命”的范式论后，Robert Floyd在1979年图灵奖的颁奖演说中使用了编程范式一词。编程范式一般包括三个方面，以OOP为例： 1，学科的逻辑体系——规则范式：如 类/对象、继承、动态绑定、方法改写、对象替换等等机制。 2，心理认知因素——心理范式：按照面向对象编程之父Alan Kay的观点，“计算就是模拟”。OO范式极其重视隐喻(metaphor)的价值，通过拟人化，按照自然的方式模拟自然。 3，自然观/世界观——观念范式：强调程序的组织技术，视程序为松散耦合的对象/类的组合，以继承机制将类组织成一个层次结构，把程序运行视为相互服务的对象之间的对话。 简单来说， 编程范式是程序员看待程序应该具有的观点，代表了程序设计者认为程序应该如何被构建和执行的看法。 常见的编程范式有：命令式、过程式、说明式、面向对象、函数式、泛型编程等。 IMPERATIVE—命令式||过程式 * 冯诺依曼 机器语言、汇编语言 BASIC COBOL C Ada FORTRAN Fortran ，

在知乎上上看到如下问题： 浮点数精度问题的前世今生 [HTTPS://WWW.ZHIHU.COM/QUESTION/26806477] ？ 1.该问题出现的原因 ？ 2.为何其他编程语言，比如java中可能没有js那么明显 3.大家在项目中踩过浮点数精度的坑？ 4.最后采用哪些方案规避这个问题的？ 5.为何采用改方案？ 例如在 chrome js console 中： alert(0.7+0.1); //输出0.7999999999999999 之前自己答的不是满意（对 陈嘉栋的回 [https://www.zhihu.com/question/26806477/answer/125001707] 答 还是满意的），想对这个问题做个深入浅出的总结

在开发小程序展开全文组件时需要用到节点查询API - wx.createSelectorQuery() 来查询全文内容的高度。 * wx.createSelectorQuery() 返回一个 SelectorQuery 对象实例。 * SelectorQuery 有五个方法（ in ， select ， selectAll ， selectViewport ， exec ），第一个返回 SelectorQuery ，后四个返回 NodesRef 。 * NodesRef 有四个方法（ fields ， boundingClientRect ， scrollOffset ， context ），第一个返回 NodesRef ，后三个返回 SelectorQuery 。 对照官方提供的示例代码来看

1、SHADOW DOM的概念 Shadow DOM用官方的翻译来说就是影子 DOM，他能够为Web组件中的 DOM和 CSS提供了封装，实际上是在浏览器渲染文档的时候会给指定的DOM结构插入编写好的DOM元素，但是插入的Shadow DOM 会与主文档的DOM保持分离，也就是说Shadow DOM不存在于主DOM树上。 Shadow DOM 需要append某一个DOM元素上，但是Shadow DOM封装出来的DOM元素是独立的，外部的配置不会影响到内部，内部的配置也不会影响外部。但是我们还是能够通过js或者css来控制Shadow DOM里面封装好的元素。

据说，这个hook可以模拟class组件的三个生命周期 前言 官网已经介绍过，这里再啰嗦一次。 useEffect 是一个用来执行副作用hook，第一个参数传入一个函数，每一次render之后执行副作用和清除上一次副作用，该函数的返回值就是清除函数。第二个参数是一个数组，传入内部的执行副作用函数需要的依赖，当这几个依赖有一个要更新，effect里面也会重新生成一个新的副作用并执行副作用。如果没有更新，则不会执行。如果第二个参数不传，那么就是没有说明自己有没有依赖，那就是每次render该函数组件都执行。 很明显， useEffect 第一个参数可以模仿 didmount 、 didupdate ，它的返回值可以模仿 willunmount CLASS组件生命周期模拟 "模仿生命周期，useEffect第二个参数传个空数组，无依赖，只执行一次，相当于didmount。如果要区分生命周期，不传第二个参数，每次都会跑，相当于didupdate。加个mount标记一下，里面用if判断一下，即可以达到模拟生命周期的效果" 很多人都会想到这个办法模拟，于是我们试一下看看： let mount;

在需要过去一些网页上的信息的时候，使用 Python 写爬虫来爬取十分方便。 1. 使用 URLLIB.REQUEST 获取网页 urllib 是 Python 內建的 HTTP 库, 使用 urllib 可以只需要很简单的步骤就能高效采集数据; 配合 Beautiful 等 HTML 解析库, 可以编写出用于采集网络数据的大型爬虫; 注: 示例代码使用Python3编写; urllib 是 Python2 中 urllib 和 urllib2 两个库合并而来, Python2 中的 urllib2 对应 Python3中的 urllib.request 简单的示例: import urllib.request # 引入urllib.request response = urllib.request.urlopen('http://www.zhihu.com') # 打开URL html = response.read() # 读取内容

0. 前言 作为一个不喜欢写样式的前端，遇到了直接对外的活动页面的需求，一下炸出一堆问题： * 单位乱用，rem、vh、vw、px乱用甚至混在一起用 * html冗余，有时候一个div只是为了取margin * 一个页面用多种布局方案，flex、float、relative+top、absolute+top、margin，自己坑自己 * 各种随意，不严格按照视觉稿 理论倒是熟悉，但用起来还是一塌糊涂。于是，回头自我救赎一波，好好复习基础。flex、grid后面不多作研究，尤其是grid这种一两行就可以搞定很多复杂样式。如果我们不知道新技术是为了什么而来的，解决什么痛点，没有体验一下刀耕火种的时代，又没有一个良好的团队合作能力，做起项目来还真的不一定是“写页面太简单了”这种事情。 1. 一些实践方案深入浅出 1.1 PADDING 看到百度的顶部，你会想到什么方案呢？[https://user-gold-cdn.xitu.io/2018/10/14/16672b154f947885?w=2034&h=208&f=png&s=46954]

背景 考虑到移动端性能，腾讯企鹅辅导移动端项目使用了更为轻量的 preact(7KB) 及其对应配套 preact-router 等， 考虑到 preact 对 react 的兼容不全、生态远不如 react 等问题，且 react 16 相当吸引人的特性包括： 1. 体积减少 * react is 5.3 kb (2.2 kb gzipped), down from 20.7 kb (6.9 kb gzipped). * react-dom is 103.7 kb (32.6 kb gzipped), down from 141 kb (42.9 kb gzipped). * react + react-dom is 109 kb (34.8 kb gzipped), down from 161.7 kb (49.8 kb gzipped). 2. 错误处理, 可通过定义一个组件专门捕获错误，当页面部分组件报错时兼容，更友好的用户体验 3. lazy 提供动态 import 组件，Suspense 实现代码分割 4. hook 的出现

元编程的概念有很多文章，通过操作更加底层的api做更多个性化的功能。一句话概括，就是 用代码来写代码 一些时候，写各种下划线、前后缀，为了实现一个唯一值或者秘密的特殊辅助值，用来辅助业务逻辑或者说作为一个私有的东西： const onlyone = 'im-only@@我就不信会重复'; const obj = {}; obj[onlyone] = 'xxx'; angular1暴露出来的对象里面，经常看见 $ 开头或者 $$ 开头的变量。 $ 开头是比较底层的变量了， $$ 开头的是更加底层的，而且我们是基本不会用上的。还有redux源码，首次初始化的action.type是 var type = '@@redux/PROBE_UNKNOWN_ACTION_' + Math.random().toString(36).substring(7).split('').join('.'); 种种例子，都可以看见，搞个花哨的名字，作为内部运行的辅助变量或者唯一变量使用。花时间想key名字，而且名字越写越长，是不是总感觉是一种麻烦？

一直以来，表单对于前端来说都是一个不得不面对的坑。而对于设计一个表单组件来说，主要需要考虑以下两点： * 各个元素如何排版布局 * 表单验证 各个元素如何排版布局 首先，整个表单可以分为多个表单项。而一个表单项从结构上可能会涉及到 6 个部分：label、前缀、表单元素（或自定义的表单元素）、后缀、说明文字，校验态。大概如下图： 大体 HTML 结构可以设计如下： div.f-item label.f-label // 如果需要标注required，子元素还要加个required判断 div.f-field div.f-element-wrap // 如果没有前后缀，可以不需要该层 span.f-prefix // 前缀 input.f-element // 输入框等表单元素