react

  上节详细描述了小程序环境搭建，承诺了这节讲todolist，我猜大家都是学习过 vue 或者 react 之后才学习小程序的，对于todolist 的逻辑问题我暂不做详细描述，如果遇到些许问题，请及时留言或评论在下方，本人常在。   上面是todolist 的效果图，功能介绍：   单击添加按钮新建任务清单，添加任务附带当前时间，左滑可以对任务清单进行操作，已完成任务不可以转换未完成 ，每次操作后自动刷新页面，更新任务清单。   在index.wxml 中可以把我的公众号注释，祝大家学业有成，日进斗金。   大家按照我昨天的教程把微信开发者工具安装好以后，双击打开，点击新建项目，如图所示：  这里的 AppID 在你创建小程序账号时就自动注册了，如果你没有注册小程序账号 “ 请点击这里 ”   之后我们在这里获取 AppID   填入之后，进入到开发页面，我们操作的文档主要是 index 文件，我们还要在 pages 目录下新建文件夹 wxs ，在 wxs 中新建文件 subString.wxs ，这里存放我们的脚本语言，负责任务清单的写入和溢出省略，我们在 index.wxml 中引入它。整理好的文件目录如图所示： subString.wxs中写入以下脚本： var sub = function ( val ) { if ( val == undefined || val .

解决Amlogic S905或S9xxx在安装Armbian_20.02.0卡logo或无反应的方法 参考文章： （1）解决Amlogic S905或S9xxx在安装Armbian_20.02.0卡logo或无反应的方法 （2）https://www.cnblogs.com/jzgw/p/S905_Armbian_no_react_logo.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/stackoom/blog/4680593

前言 本文所分享的是关于 vue 3.x 在用法上的改变，而不是在代码实现上的不同。 虽然 vue2 到 vue3 的实现大改，但在用法上变化基本不大，比较明显的一个变化就是添加了 setup(){} 函数了，几乎所有的配置变成了以函数的方式进行定义。即使是这样，但小改动还是很多的。本文主要分享的是 vue 2.x 与 vue 3.x 之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源： github.com/vuejs/rfcs/… 当然这里默认你已经熟练掌握了 vue 2.x 的使用，下面我们就来看看。 新增 composition-api 1.逻辑复用和代码组织 这是 vue 3.0 的一个核心变更了。除了改了我们定义状态的书写方式外，也为我们提供体验更棒的逻辑复用和代码组织，新的方式可以让你把同一个业务逻辑的代码（状态，计算属性，方法等）都放到一块。这听起来可能有点不明不白，但如果你写过比较复杂的组件，你就会发现，这个好。旧版本的 created、beforeCreated 钩子函数已费弃，在 vue 3.0 中用 setup 代替。 另外注意：光理论是不够的 。在此赠送2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程，想学的可进裙 519293536 免费获取，小白勿进哦！ 2.更好的类型推断 更好的支持

1.常用轮子分析 react-live-route -- 重写可以实现我们想要的功能，但成本也比较高，需要注意对原始 <Route> 功能的保存，以及多个 react-router 版本的兼容 185 react-keeper -- 完全替换掉路由方案是一个风险较大的事情，需要较为慎重地考虑 716 react-router-cache-route -- 由于不再是组件卸载，所以和 TransitionGroup 配合得不好，导致转场动画难以实现 492 react-activation -- 其 children 属性抽取出来，渲染到一个不会被卸载的组件内 245 react-keep-alive -- 真实 KeepAlive 功能的实现 438 2. 来源： oschina 链接： https://my.oschina.net/u/4383141/blog/4286939

　　前端开发框架从最开始的jquery时代，到后来backbone，angular1，再到现在vue和react两分天下，也才用了不到十年的光景。 　　最开始jquery是为了解决浏览器兼容性的问题而火起来的，准确的说它只是一个库，而不能成为框架。但随着前端页面的复杂度的增加，渐渐数据驱动和mv*的思想开始形成，有了backbone，angular等先驱。再之后随着AST，Bable，Webpack等技术的兴起，一个逐渐晚上的前端框架体系也随之建立了起来，如今最入门的就是vue和react了。 　　但由于vue和react要解决的事情和思想非常相近，所以导致很多人在选择到底使用哪种框架进行学习和开发的时候异常头痛。这个问题还是比较难解决的，仁者见仁智者见智，目前看来不仅公司和公司之间选择不同，就连很多大厂在部门之间也存在分歧，一个公司里很多部门都在使用不同的框架。 今天我就我自己的经验来分析一下这两款框架的区别，看看你看重那个方面。 模板引擎：vue的视图模板采用类html的写法加上自己的指令与自定义属性组成，在多数情况下是要比react的JSX写法开发效率高和清晰的。但是在复杂场景下，类html的写法有时候很比较麻烦或者难以胜任，这个时候就凸显出JSX的语言表现力的丰富了。不过vue目前也支持jsx的写法。 样式：vue的样式和模板可以写在同一个文件里

这里说的去除小程序框架其实并不严谨，因为小程序本身也算是一个框架，而且是一个功能更加完善的框架系统。在前端的概念中，我们一般说一个框架是指一个用来帮助开发者构建用户界面的框架，而小程序框架本身不仅仅包含了UI层的功能，还提供了API能力、服务端的能力，所以说小程序框架本身是一个比常规的前端框架更完善的东西，或者说是一个完善的构建应用系统。本文中所说的原生小程序与小程序框架的对比，均指与第三方小程序框架的对比。 在小程序的世界里，原生小程序框架已经足够好，它就是那把给你雕刻小而美应用的雕刻刀，而不必要去寻找一把屠龙刀。 1、框架的取舍 最近Vue作者尤大关于框架设计平衡的分享中也提到了框架的取舍问题。 当我们去构建一个复杂的前端应用的时候，如果没有工具，而是使用原生JavaScript去开发的话，那只会花费更多的时间。对小程序来说，原生小程序框架就是我们的工具，它足以用来构建一个复杂的小程序应用。 然而web应用的开发环境是否也适用于小程序开发呢？ 小程序框架在小程序生态发展的初期的确起到了很大的促进作用，然而随着小程序原生框架的不断完善，这些小程序框架的作用已经不再具备优势。 框架的确给前端带来了生产力的提高，也带动了前端界生态的发展。所以在小程序出现之后，一股框架之风也很快的出现，微信小程序刚推出之后，就出现了两个比较出名的小程序开发框架，wepy、mpvue。

今年学习前端的人好多，就业确实比较好的，企业现在安卓、iOS开发人员都在学习HTML5混合开发，节约成本、一专多能是未来很多企业用人趋势！ 想找前端前辈带着学习。首先我们要掌握 学成前端的必要因素： 全套基础精讲视频教程。 1.有经验的技术好的人在前期带你少走弯路。 2.明确的学习规划路线，学最新最有用的东西。 3.坚定的目标感，没有持之以恒的态度，什么都学不了，学习都是枯燥的。 我从转换到前端开发已经工作6年，要是你不嫌弃的话可以加入我自己之前创建学习团，有不多的问题就在里面提，里面也聚集很多正在学习前端的小伙伴，要是我看见的话也会及时跟你处理。 html基础 带你去认识html，让你学习去运行html，等浏览器上面打开你的页面的时候，你会有很强的成就感，然后开始学习html的基础标签 css基础 html是勾勒，css是染色，基础的css学完你会有种想写页面的冲动，这时候你不用抑制住那种感觉，直接按照自己所想开写，这是你的第一个项目 js基础 js是页面的逻辑，作为一个web前端工程师，js是很核心的部分，也是很难的部分。js的学习之后放长一些，尤其是前一周，要让自己去熟悉那种语法环境，培养自己的开发思路，而且有一点就是学完一个星期的知识之后，及时和你的指引人沟通，看卡自己的理解是否有误，还有就是学习思路是否有问题，他会给你指出那些东西需要多学习，哪些不常用

摘要 　　数据是我们每天都在接触的东西，我们需要清晰的了解去了解数据的变化趋势，就需要让数据可视化。最近在接触学习antd的社区精选组件，上一篇文章主要是讲了高德地图的应用，这次我们就来分享下G2Plot在react中实现可视化数据图表的简单应用。 Ant Design Charts的使用方法 安装 npm install @ant-design/charts React用法 　　 import { Rader } from '@ant-design/charts'; 引入基于Charts的雷达图表组件，根据案例文档配置雷达图表，更多系列图表组件配置请参考： https://g2plot.antv.vision/zh/examples/gallery 。 import React from ' react ' ; import { Radar } from ' @ant-design/charts ' ; import ' ./g2.less ' ; class Page2 extends React.Component { render() { const data = [ { item: ' Design ' , score: 70 , }, { item: ' Development ' , score: 60 , }, { item: ' Marketing ' ,

英文 | https://medium.com/better-programming/36-javascript-concepts-you-need-to-master-to-become-an-expert-c6630ac41bf4 译文 | https://whyour.cn/post/36-javascript-concepts-you-need.html 你会听到许多人抱怨JavaScript很奇怪，有时甚至毫无价值。人们这样抱怨是因为他们不了解事情的本质。 虽然我同意JavaScript中有些场景的处理方式不同，但这并不会使它变得奇怪，而是以它自己的方式变得很漂亮。 要开始热爱一门编程语言，你应该从深入了解并逐个掌握它的概念开始。 为了成为一个全面的JavaScript专家，下面有36个你需要掌握的JavaScript概念。 虽然这是我最长的文章之一，但是我向你保证它是值得你去花时间看的。在此感谢Stephen和Leonardo提供的资源。 参考资料在Leonardo的一个GitHub仓储中（地址：https://github.com/leonardomso/33-js-concepts），其中包含了下面解释的所有这些概念的学习材料。请花点时间理解下面提到的每一个概念。 1、调用栈执行 每个人都听说过Stack Overflow这个网站。但是你知道实际的堆栈溢出吗

引言 整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习，作者简书上文章会持续更新，版权归原作者所有。 最新更新 codepen 一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。 codrops 一系列具有相当具有创意且有趣的前端效果的集合，是非常棒的学习资料，可以欣赏和下载使用。并且有些项目，也托管到了github仓库中 docschina 印记中文网收集了由社区翻译的比较流行的前端相关框架、工具的中文版文档。为学习一些新的框架扫平了语言障碍。 toby 超级赞的收集与协作管理书签的chrome插件，前端开发应该都会用chrome。全球超过10W+的用户。 microjs 可以让你选择微型的js类库的网站，该网站里的库都是压缩后不大于5KB的，非常实用，该网站的资源都托管到了github。 plainjs 该仓库都是用原生js写的插件和组件，非常实用，该网站的资源都托管到了github。 目录 综合/资源 面试相关 样式/UI/css 构建工具/预编译 测试/工具 canvas/数据可视化 动画 插件 框架、库和组件 移动端 Node.js相关 模板引擎 WEB编辑器 React相关 编程软实力 浏览器兼容方案 综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单