react

在大前端技术领域，当我们遇到了需要解决重复性的问题时，通常会考虑设计一个DSL（Domain-Specific Language）或者抽象出一个框架层，专门来解决这些类似的问题。 使用DSL我们并不需要为特定终端编写多套代码，还可以利用宿主语言的抽象能力，确保各终端渲染效果的一致性以及对开发者友好。 目前流行DSL有： React支持的JSX语法、Vue定义的SFC结构和v-*指令集、微信小程序的WXML/WXS语法等。 这些DSL最终被编译为目标代码，直接发布于小程序平台，或者借助JS-Runtime运行于APP和Web浏览器。 其中， React是函数式编程思想的实践者 ，最大的特点是发明了JSX语法，允许开发者使用xml的方式在JS中声明UI，并通过组件化和更加语义化的代码而非模板来高效的定义界面，以提供最大的灵活性和响应能力； React只对开发者暴露基础的生命周期和过程，更多的实现和逻辑细节则交由用户灵活定制，单纯的使用JS语言即可完成整个开发过程，有客户端开发经验的开发者将更容易上手React。 而Vue则希望通过尽可能简单的API实现响应式的数据绑定和UI组件的组合及管理，因此默认屏蔽了非常多的操作细节，这对初学者而言提供了巨大的方便；其单文件组件模板语法也更贴近原生Html5，具备Web前端基础的开发者，将能够流畅的过渡到Vue开发中。

阿里妹导读： Webpack 将各个资源打包整合在一起形成 bundle，当资源越来越多时，打包的过程也将越来越慢。如果我们不需要打包呢？让浏览器 直 接 加载对应的资源，是否就可以实现质的提升 ？ 本文分享基于浏览器的 ESModule 能力实现 Bundless 本地开发的相关思路、核心技术点和 Vite 的相关实现，以及在阿里供应链 POS 场景下的落地实践。 文末福利：前端开发学习路线。 一 引言 Webpack 最初是为了解决前端模块化以及使用 Node.Js 生态的问题而出现，在过去的 8 年时间里，Webpack 的能力越来越强大。 但因为多了打包构建这一层，随着项目的增长，打包构建速度越来越慢，每次启动都要等待几十秒甚至几分钟，然后启动一轮构建优化，随着项目的进一步增大，构建速度又会降低，陷入不断优化的循环。 在项目达到一定的规模时，基于 Bundle 的构建优化的收益变得越来越有限，无法实现质的提升。我们从另一个角度思考，webpack 之所以慢，主要的原因还是在于他将各个资源打包整合在一起形成 bundle，如果我们不需要 bundle 打包的过程，直接让浏览器去加载对应的资源，我们将有可能可以跳出这个循环，实现质的提升。 在 Bundleless 的架构下，我们不再需要构建一个完整的 bundle，同时在修改文件时，浏览器也只需要重新加载单个文件即可

前端课程体系 axure ：(属于UI课程) （1） 用于作需求分析 、画原型。最基本的是增删改查。 （2）项目： 可行性分析：项目经理 需求分析：开发人员、项目经理、甲方 （罗列功能、原型设计出一套页面->开发人员） 实际开发 （3）展示原型页面： 1.以图片方式展示：文件->导出page1为图像 2.以原型文件方式：以后缀名.rp文件存储 文件->保存（.doc，.png，.txt） 3.以html文件方式 以.html为后缀名；.js文件 发布->生成html配置 前端三大底层语言 ：html、css、Jss(javascript) 框架语言 ：Jquery、Vue(react、angular Js)、node 企业级框架 ：vue-element-admin/template、mysql 1.html+css : 网页重构、静态，比较简单。（标签、缩放布局会不会乱，如果缩放布局会乱掉立马改。） 重点 ：布局！！！（面试会问） 2.第一阶段项目 ：网页重构 3.动态 ：Js、Jquery（第二阶段项目） 4.Vue企业级开发框架 PC端、App端（第三阶段项目 最多项目！） 前端体系最重要的！ 三种企业级开发框架： Vue 、react、angular Js. 5. 学完Vue 就可以 找工作 了！着手于写简历、投简历、面试。 6.微信小程序 7.node Js 来源：

作者：xbl https://juejin.im/post/5cf3365ff265da1b9612ec78 先自我介绍一下，本人 3 年转行程序媛一枚，今年 4 月底裸辞。 5 月出去旅游一趟，回来找工作两周，面试 8 家，通过 4 家。 目前已经入职。 在这一个月的时间里，关于前端学习、裸辞、面试有些思考，希望和处于相同困境和疑惑的小伙伴们一起分享。 关于面试 先说说面试吧。 面试题就不分享了，掘金上有非常多优秀的面试题总结文章，文末我会将自己看过并且觉得有用的链接贴出来，刷面试题，让我们通过一面大概率是没有问题的。 由于我是转行做前端，而且之前的学习工作经历和IT一点关系都没有，深感自己的知识结构和基本功是非常欠缺的，例如数据结构、算法、设计模式、网络相关的技能需要在面试前好好准备下。面试的时候可以表达这些方面不太擅长，但是最好不要完全不懂不会不知道。 如何通过二面，甚至是三面，在我看来，就是反反复复审视自己的简历，上面所有提到的技术点、关键词，你是否了解如何使用，是否了解原理和相关知识点，是否有真实的项目经验支撑，这很重要。 所以，我们的简历既要有足够的亮点，能够通过招聘者的初步筛查，又不能在面试的时候把我们难倒。我遇到比较严格的一次面试，就是对着简历一行一行地问，有答的不会的或者不好的直接在简历的技术点上画✘，压力山大。 复习基础+看面试题+准备简历技术点/项目经验

后台回复“ 送书 ”，免费参与送书活动 年底了，很多公司都在裁员，许多朋友都在被迫找工作，年底应聘小浪潮来临，老李我最近也在负责我们公司的招聘，但是面试过程大部分前端面试者给我的感觉思维比较窄，以及陈述问题时候比较乱，整体给人感觉不是理想。 下面是我作为一个面试官从三个维度给面试者建议和思考吧。 一．自我介绍 1.自我介绍 ，可以简单介绍你毕业什么学校，什么专业 2.出来负责的项目 ，每个项目自己充当的角色 3.每个项目使用前端技术+后端技术 简单大概的说出来就可以了，不要详细到你哪年进入公司，哪年离开公司，负责项目做什么的，说一大通。这个对我们面试官来说，想让你自我简单介绍，其实考察点有两方面： A.面试者的表达能力和概括能力 B.面试者目前掌握什么技术，做过什么项目，在项目中的角色来初步判定这个人的能力 二．问题回答 在本人问他们做过项目中，自己感觉挑战最大的项目是什么，你在这个项目中做了什么，遇到什么问题，怎么解决这些问题的 1.有些面试者给我的答案直接说没有比较大的挑战；这个让我感觉这个人可能没有听懂我的问题，工作那么多年，难道没有一个项目可以拿来说的，那我拿什么来判定你的能力呢？难道凭你几句话，说我很牛逼的，没有什么困难难得到我？我就信任你了，伯乐寻找千里马都要知道几个千里马的特征吧。所以没有你也要在面试前准备好自己做过的项目和总结，在项目中自己做了什么，充当什么觉得。

后台回复“ 面试题 ”，免费领取前端开发面试题 虽然金三银四已经过去了，但是前端开发工程师的招聘需求热度一直不减，我们前几天还要好几位朋友成功拿到过万的前端开发offer。 下面是我作为一个面试官从三个维度给面试者建议和思考吧。 一．自我介绍 1.自我介绍 ，可以简单介绍你毕业什么学校，什么专业 2.出来负责的项目 ，每个项目自己充当的角色 3.每个项目使用前端技术+后端技术 简单大概的说出来就可以了，不要详细到你哪年进入公司，哪年离开公司，负责项目做什么的，说一大通。这个对我们面试官来说，想让你自我简单介绍，其实考察点有两方面： A.面试者的表达能力和概括能力 B.面试者目前掌握什么技术，做过什么项目，在项目中的角色来初步判定这个人的能力 二．问题回答 在本人问他们做过项目中，自己感觉挑战最大的项目是什么，你在这个项目中做了什么，遇到什么问题，怎么解决这些问题的 1.有些面试者给我的答案直接说没有比较大的挑战；这个让我感觉这个人可能没有听懂我的问题，工作那么多年，难道没有一个项目可以拿来说的，那我拿什么来判定你的能力呢？难道凭你几句话，说我很牛逼的，没有什么困难难得到我？我就信任你了，伯乐寻找千里马都要知道几个千里马的特征吧。所以没有你也要在面试前准备好自己做过的项目和总结，在项目中自己做了什么，充当什么觉得。 2.有些面试者回答这个问题，在介绍项目的时候，很大概的说

转载： https://segmentfault.com/a/1190000006087638?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly 这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、superagent、eventproxy 这些第三方轮子一共有好几百个 module，Webpack 的打包速度极慢。这对于开发是非常不好的体验，同时效率也极低。 问题分析 我们先来看一下完全没有任何优化的时候，Webpack 的打包速度（使用了jsx和babel的loader）。下面是我们的测试文件： //test.js var react = require( 'react'); var ReactAddonsCssTransitionGroup = require( 'react-addons-css-transition-group'); var reactDOM = require( 'react-dom'); var reactRouter = require( 'react-router'); var superagent = require(

“我们活得好好的，为什么要工程化？” 让我们从原始的前端开始。用记事本新建一个卡哇伊的a.html页面，给它点样式a.css，DUANG加特技a.js。无须编译，本地预览，OK，没问题，上传服务器，等用户访问。哇，前端好好玩，好简单有木有？！然后，我们访问页面，效果还行，再看下网络请求，200！完美！ 等一下，还没完呢？小公司到这儿就OK了，数据上上去，没兼容问题，完美啊！大公司说：注意性能，我要访问量！不好玩了吧！看看a.css的请求，如果每次用户访问都要加载，是不是很影响性能，浪费宽带啊！如果网络请求状态是304就好了！304，本地缓存！ 这回成了吗？不行，304是协商缓存，还是要和服务器通信一次。于是必须彻底灭掉这个请求，那么强制使用本地缓存，不要和服务器通信。那么问题来了：都不让浏览器发资源请求了，这缓存还咋更新呢？对，更新页面中引用的资源路径，让浏览器放弃缓存，加载新资源。问题解决，完美！ 大兄弟，别慌呀！现在a.html上面只有一个a.css，带上版本参数来改变资源路径，OK。假如还有b.css、c.css，某次上线只改了a.css的版本，通用的路径生成器上将全部版本都改了，那岂不是又有浪费了。这样一来，要解决这种问题就必须让版本修改和文件内容关联，才能准确地对应资源版本。什么东西与文件内容相关呢？大佬们想到利用数据摘要算法对文件求摘要信息

High&NewTech：来到了21世纪的第3个十年，各行业数字化迫在眉睫，全民编程也势不可挡。但，问题来了，编程，一定需要写代码么？那么，传说中的iVX工具，与编程到底又有什么暧昧关系？ 导读 ：刚才有个朋友问我，猿老师发生神马事了，我说肿么回事，给我发了几张截图；我一看！嗷！原来是一个python的程序，里面有几千行代码，说他定义变量abcd，写的头都大了；他说，猿老师，你能不能教教我如何快速实现我的idea，能不能帮助我一下；我说可以，但是看你编程基础有点差，现学的话时间也不够；他不服气，我说小朋友：你学一套编程是需要很长时间去打基础滴，其实啊，想实现自己的idea，也不一定就需要代码实现；他说你别给我扯犊子，就说怎么办；我说，你听过低代码平台吗？它上手快开发也快，最适合你了，这是化劲儿，底代码的编程是讲化劲儿的四两拨千斤；只要你掌握了低代码平台工具，比如iVX，上万行的代码都是小case滴。啊…哈！你非要和我试试，我说可以；诶…我一说，他啪就站起来了，很快啊！然后上来就是一行Hello world！我说，年轻人，你要耗子尾汁啊…… 哈哈，以上为搞笑片段，欢迎进入讲解编程之天时、地利、人和，以及网友十八问带你了解iVX和低代码平台那些事的正题…… 目录 21世纪的第3个十年，各行业数字化迫在眉睫，全民编程也势不可挡 编程的天时：行业数字化迫在眉睫—走向数字经济是历史的必然

点击上方 “ 前端瓶子君 ”， 选择“置顶或者星标” 你的关注意义重大！ 译者 / zoomdong 阅读本文需要 3分钟 前言 JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。 作为一名 JavaScript 开发人员， JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢，难道我们不能使用 console.log() 来做同样的事情吗？让我们试一试。 //初始化一个 user 对象 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(user); // 结果 // [object Object] 哦！ console.log() 没有帮助我们打印出期望的结果。它输出 **[object Object]** ， 因为从对象到字符串的默认转换是 [object Object] 。因此，我们使用 JSON.stringify() 首先将对象转换成字符串，然后在控制台中打印，如下所示。 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(JSON.stringify(user)); // 结果 // "{ "name" : "Prateek