忙碌的日子总是过得特别快，回头一看，我已经做node.js BFF开发8个月了，基本上没写过web前端的事情，做了大半年，写篇文章来记录一下我这大半年的心路历程。
之前我们做过一个练习，使用node运行一个js文件。但是在实际项目开发中，不可能将全部代码都写在一个文件中。node为我们提供了模块化的语法，每一个js文件都可以当做一个模块：
a、插值：数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）
导语 web前端技术中，有个叫做jsx的模板渲染语法，它是一个JavaScript 的语法扩展，目前逐渐被行业标准化(用的人多了...)。实际上jsx 是来源于一个前端框架 react。在react中除了我们了解的jsx，那么jsx在react的渲染过程是哪个环节生效，以及渲染过程经历了哪些步骤。本文会基于这些点进行概述。 介绍前的建议 1.本文附上了react.render树状图.xmind，此为作者查看/调试react的渲染源码时做的结构笔记。可以下载进行一些函数定位，一些函数代码位置较深且存在部分依
作者：winkchen 腾讯IEG前端开发工程师 |导语 web前端技术中，有个叫做jsx的模板渲染语法，它是一个JavaScript 的语法扩展，目前逐渐被行业标准化(用的人多了...)。实际上jsx 是来源于一个前端框架 react。在react中除了我们了解的jsx，那么jsx在react的渲染过程是哪个环节生效，以及渲染过程经历了哪些步骤。本文会基于这些点进行概述。 一.介绍前的建议 1.本文的react.render树状图.xmind，此为作者查看/调试react的渲染源码时做的结构笔记。可以
1、背后靠山（google），有着稳定的维护团队。且google的Adwords业务就使用了angular，作为一个赚钱的业务，google也会让它的环境更稳定一些。 2、angular+typescript，google和微软的双剑合璧。angular全面支持typescript语法，typescript不仅包含es6中的语法，也包括一些新的语法， 最重要的一点是它增加了类型规则，这让代码的可读性和可维护性大大的提高，它也可以让有java或.net背景的开发人员更快的掌握。 3、完整。其实相对react和vue来说，angular更可以说是一个框架，而react和vue本身只能算是一个库。angular自带了几乎所有页面应具有的功能，路由、表单、ajax、模版、双向数据绑定等等。它原生的form表单模块非常强大，除了双向绑定的基本功能，还自带验证等，开发人员不需要再去为了这些功能找第三方库，angular一个框架就包含了这些的所有，因此对于选择困难症人群，这是一个优点。 4、每个框架都有自己的cli脚手架，可以快速搭建项目雏形。angular-cli自带国际化。 5、它的每一个组件都是一个文件夹，html、js、和css文件是分开的，让代码更加清晰。 而且它的各类型文件单独存在，在开发中使用任何IDE都可以检查代码。可以使用自带的格式化功能，让开发过程中的代码更整洁。
原因 对象的话，只是不能检测到属性的新增或者删除 对于初始化过得，不属于新增属性，所以没问题
每天思考的问题： 1.什么是组件 2.什么是插件 3.如何把传统写法改成框架形式 4.前端为什么要使用框架，使用框架的好处是什么？ Image.png http://www.zhihu.com
JavaScript，它的运行必须位于<script></script>标签之间，
第一个javascript开发鸿蒙app----呼吸计时训练（基于华为轻量级运动手表） b站学习视频 运行图如下：
市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。
可以说 jsx就是HTML标签的写法。1.2 JSX简介 JSX是JavaScript XML的简写，表示在JavaScript代码中写XML（HTML）格式的代码 优势：声明式语法更加直观、与HTML结构相同、降低学习成本、提升开发效率1.3 使用步骤
如果将组件1注册在组件2的构造器中，并在组件2的tmplate中使用组件1，在Vue实例中值注册组件2，在html中使用组件cpn2会怎么样？ 组件构造器中也有components属性，可以在该属性中注册其他组件 1.在组件构造器2中注册并使用组件1
附录A 名词解析： const：声明常量，常量的值不能通过重新赋值来改变，并且在初始赋值后，不能重新声明、重新赋值了。 即：同一作用域中，常量名不能与其他变量或函数名重名。值也不能修改了。 “常量是块级作用域，很像使用let语句定义的变量。” 只读的常量，就是只能读一读，不可以通过赋值改变其值，也不可以在脚本运行时重新声明，他必须被初始化某个值。 作用域规则和let块级作用域变量相同，若省略const，则被视为变量。 在同一作用域中，不能使用与变量名或者函数名相同的名字来命名常量：很好理解，常量设定后就不能
在做独立博客的时候，特别是对于程序员来说，代码高亮是很重要的一个组件。我也接触过几款不同的代码高亮引擎。衡量一个高亮引擎的好坏有很多不同的方面：分词、性能、稳定性、主题丰富性。本文将专注分词的表现，对几款流行的高亮引擎以及 IDE 做一个横向对比。
作者在若干年前面试腾讯前端岗位的时候，有一个压轴的题目：在浏览器输入 URL 回车之后发生了什么？作者当时作为毕业两年的的切图仔，当时一脸懵逼，挂的彻底！
这段时间看0827零基础班同学们的作业，html、css、js的基本的语法、用法已经都能掌握。现在阶段主要的问题是，
这个问题已经是老生常谈了，更是经常被作为面试的压轴题出现，网上也有很多文章，但最近闲的无聊，然后就自己做了一篇笔记，感觉比之前理解更透彻了。
近日，在一场关于JSX的讨论中，React核心成员「Sebastian Markbåge」（Hooks作者）表示：
将本地的whalesay打包成一个自定义的tag标签的名字. 然后上传到docker 仓库
JavaScript作为使用得最多的脚本语言，可以说是无处不在。所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。 作为后台程序员的我们，JavaScript也是必备的。接下来就一起来学习一下JavaScript，感受它的魅力！
写这个之前要先抱歉一下，由于我这段时间要做一个网站，而且比较重要，所以之前那个gh0st的文章先停一段时间，实在没有功夫写那个代码了，不过迟早是会继续写的。
core-js[1]是JavaScript的模块化标准库，包括了ECMAScript到2021年的新api的向后兼容实现。它和babel高度集成，是babel解决新特性在浏览器中兼容问题的核心依赖。
备受开发者喜爱的特性 Optional chaining 在 2019.6.5 进入了 stage2，让我们详细读一下草案，了解一下这个特性的用法以及讨论要点。
选择最适合项目需求的JavaScript框架，可以提高你发布有竞争力的web app的能力。 最后，你对基于JavaScript的app或网站找到了一条奇妙的思路。选择正确的框架可能对你项目的成功有着
这里我们可以看到， 第一行中的a虽然还没声明， 但是我们用起来却不会报错。这种情况， 就是变量声明的提升。
最近进行了为期将近一个月的前端知识学习，目标是掌握当前业界最新的前端技能，完成一个纯前后端分离的小系统；前端使用React开发，接口层使用Node.js进行转发，服务后台是云服务。由应用开发工作转前端开发工作，边学习边开发，中间阅读了不少材料，其中有一些自己觉得挺好，而且都是免费的资源，所以整理成册，方便自己回顾，也方便有类似需求的其他人。
摘要：从angular的诞生独步天下，到现在三大框架平分天下，基本形势已经趋于稳定。每一个框架从诞生到受欢迎，都有其特定的原因和背景。不同的开发者选择时，也是依据于其特定情景下的原因和背景。 一、为什么前端会被vue,angular,react瓜分？ 不知道大家有没有发现，这三个框架除了都是前端框架之外，还大有搞基的成分存在。注意他们三个的名字，分别以v，a，r 开头，我这么一说，你是不是忽然间就想到了什么。哈哈，正是如此，将他们组合起来不就是javascript中无处不在的鬼东西么？var
先了解一下，vue有两个运行环境的编译，一个是npm运行时的runtime版本，一个是浏览器引入vuejs的runtime-compile版本。
概述： 案例：Cesium打包流程，相关技术点和大概流程 原理：代码优化的意义：压缩 优化 混淆 优化：如何完善Cesium打包流程 关键字：Cesium gulp uglifyjs 字数：2330 | 阅读时间：7min+ 1 Cesium打包流程 如果没有记错，Cesium从2016年初对代码构建工具做了一次调整，从grunt改为gulp。作为一名业余选手，就不揣测两者的差别了。个人而言，gulp和Ant的思路很相似，通过管道连接，都是基于流的构建风格，而且gulp更像是JS的编码风格，自带一种亲切感。
摘要：从angular的诞生独步天下，到现在三大框架平分天下，基本形势已经趋于稳定。每一个框架从诞生到受欢迎，都有其特定的原因和背景。不同的开发者选择时，也是依据于其特定情景下的原因和背景。 一、为什么前端会被vue,angular,react瓜分？ 不知道大家有没有发现，这三个框架除了都是前端框架之外，还大有搞基的成分存在。注意他们三个的名字，分别以v，a，r 开头，我这么一说，你是不是忽然间就想到了什么。哈哈，正是如此，将他们组合起来不就是javascript中无处不在的鬼东西么？var(当然纯属于
初学者随便找一个就好，喜欢轻量级的使用vscode，喜欢工业风一样的使用webstorm;
emotion 排名第二的维护者 Sam 所在公司弃用了 css-in-js 方案，引起了不小的讨论：Why We're Breaking Up with CSS-in-JS
Vue全家桶之Vue基础(1)
互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。
路由在项目开发中一直是个核心点，小程序路由方面经过很好的封装，提供了几个基本的跳转方法(这三个基本够用)
Solid 是什么？Solid 号称拥有 JSX 语法，类似于 React hook 的语法，你可以用现代化的开发方式，获得性能最快的代码。真正的既要又要还要。
今天的知识点不难，主要考验大家伙对代码的阅读能力啦！即将要接触的知识点有&&运算符、元素变量、三目运算符与React的条件渲染…… 如下图，要完成一个简单的切换功能： 废话不多说，直接开始读代码吧
从代码可维护性角度出发，命名导出比默认导出更好，因为它减少了因引用产生重命名情况的发生。
htm 是 preact 作者的新尝试，利用原生 HTML 规范支持了类 JSX 的写法。
本文介绍了React Native技术栈，从React Native简介、React Native核心组件、React Native生命周期、React Native的props和state、React Native的调试、React Native的性能优化、React Native的第三方库、React Native的跨平台、React Native的社区等方面进行了介绍。同时，还通过实例介绍了React Native的代码结构、React Native的代码风格、React Native的代码规范、React Native的代码评审。最后，总结了React Native的常见问题以及解决方案，并介绍了学习React Native的资源推荐。
学过 js 的你，看到这个肯定小 case 吧！肯定第一时间得到答案，打印出“1”吧！
今天跟群里的小伙伴们聊天，说到了学习前端开发的门槛，总体看法就是前端学习的门槛与过去相比提高了许多。但是在具体到什么是前端学习的门槛，这个地方有一些分歧。
https://juejin.cn/post/7208510421676982329
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
