前端组件

所有项目整理到一张思维导图 ： http://chenhaoact.com/github-project-recommend.html github项目地址（每周更新，欢迎star） ： https://github.com/chenhaoact/github-project-recommend 写在前面 目前开源社区Github涌现出不少优秀的项目，关注和使用这些项目，一方面可以很好的提升开发效率与质量，另一方面研究开源项目的源码，参与其贡献，也是提升技术能力一个不错的方法。 基于自己团队的需求，以后每周会整理一些不错的Github开源项目（每周3-6个），范围主要包括：编程基础，前端开发，客户端开发，图形图像，网络，通用工具等，但不局限于此，一些服务端技术以及前沿技术（如：AI，AR，loT等）也可能会涉及到。相信多开阔眼界，方能看的更远！ 所有的项目都会第一时间整理到上面的 思维导图 中，通过这种形式能够实时的跟踪每个项目的star数，在需要用的时候也可以快点检索和查找。 如果对你的工作或学习有所帮助，请到项目的 github star 支持一下哈，不胜感激！ 以下是以往各期收集的项目（ 持续更新中… ）： 第十八期（2017-12-29） 分类 项目名称与地址 项目简介 推荐理由 star数 canvas react-canvas https://github.com

目前开源社区Github涌现出不少优秀的项目，关注和使用这些项目，一方面可以很好的提升开发效率与质量，另一方面研究开源项目的源码，参与其贡献，也是提升技术能力一个不错的方法。 基于自己团队的需求，以后每周会整理一些不错的Github开源项目（每周3-6个），范围主要包括：编程基础，前端开发，客户端开发，图形图像，网络，通用工具等，但不局限于此，一些服务端技术以及前沿技术（如：AI，AR，loT等）也可能会涉及到。相信多开阔眼界，方能看的更远！ 所有的项目都会第一时间整理到上面的思维导图中，通过这种形式能够实时的跟踪每个项目的star数，在需要用的时候也可以快点检索和查找。 如果对你的工作或学习有所帮助，请到项目的github star 支持一下哈，不胜感激！ 以下是以往各期收集的项目（ 持续更新中… ）： 第十八期（2017-12-29） 分类项目名称与地址项目简介推荐理由star数 canvasreact-canvas https://github.com/Flipboard/react-canvasReact Canvas增加了React组件渲染到canvas而不是DOM的能力。它带来了Web开发人员熟悉的一些API，并将它们与高性能绘图引擎混合在一起。与本地应用程序相比，移动Web应用程序感觉缓慢的原因是DOM。 CSS动画和过渡是在Web上实现平滑动画的最快途径

1、不要直接操作state里的值，会特别影响性能； 　　建议：局部定义变量赋值state数据，操作完成之后再将局部变量赋值给state； 　　this绑定在constructor有有利于性能优化 2、数据源定义 3、注释写法 4、label for 5、vs小工具 　　 simple react: (a、imrc——import引入react；b、cc——class类声明)； 6、父子组件传值 父子传递方法（函数）： 7、父子组件传值校验（若不校验容易引起业务逻辑错误，较难排查） 　　import PropTypes from 'prop-types' (引入校验) 子组建里在class类的外面书写（必传值、传值类型、必传值默认值设定，其他设置见官网） 8、react项目调试工具 react developer tool 　 参数传值、组件结构 一目了然。 9、react是函数式编程 　 render(){ return ( )}也是函数 优点：代码结构清晰、有利于实现前端自动化测试。 10、react可以与第三方库结合使用。 11、redux使用： 　　a、安装 npm install --save redux 　　 b、新建store仓库文件 使用： 配置使用redux devtool 修改值： 添加订阅模式： 六、工作技巧： actionType.js文件：

Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。 对于还没学习或者还没用过vue的初学者，基础知识这里不作详解，推荐先去相关官网，学习一下vue相关的基础知识。 a. vue.js 官网 参考：https://cn.vuejs.org/ 我的 github 一.搭建vue的相关环境与脚手架的说明 首先，要开发vue相关的项目，要会搭建vue的相关环境，要搭建的目录如下： 1.安装node.js和npm 2. webpack 3. vue-cli脚手架构建工具 具体这里不作详解，站在前人的肩膀上学习即可 安装node.js和npm webpack和vue-cli脚手架构建工具 二. vue-cli脚手架创建的代码详解 利用脚手架（vue-cli）构建一个vue项目，接下来学习分析下代码。 具体这里不作详解，站在前人的肩膀上学习即可 教程参考： https://www.jianshu.com/p/2b661d01eaf8 三. 本项目 vue+mint-ui 的h5项目说明及详解 1. 运行项目 因为项目配置和需要的模块都已经配好了的，所以运行只需要： 1.在svn上把 mobile-h5 项目代码下载下来。 2.直接进入mobile-h5目录中，即是和 package.json 的文件同级目录，或者直接用vsCode编辑器打开 mobile

目录 一、计算机基础 二、Python基础 三、函数 四、常用模块 五、模块和包 六、面向对象 七、网络编程socket 八、数据库 九、前端 十、Python Web框架 十一、版本控制--GIT 十二、爬虫 十三、前端框架之VUE 十四、量化投资与Python 十五、算法 十六、设计模式 十七、restful framework 十八、linux基础 十九、权限管理 一、计算机基础 计算机基础知识 计算机的发展史及多道技术 计算机网路知识的简单介绍 二、Python基础 Python学习【第0篇】：window环境下安装Python2和Python3　　 Python学习【第1篇】：Python简介以及入门 Python学习【第2篇】：Python之数据类型 Python学习【补充篇】：Python之字符串切片 Python学习【第3篇】：Python之运算符 Python学习【第4篇】：Python之可变数据类型与不可变数据类型 Python学习【第5篇】：Python之字符编码问题 Python学习【第6篇】：Python之文件操作 Python学习【补充篇】：map函数和reduce函数的区别 三、Python之函数 Python学习【第7篇】：Python之函数（自定义函数，内置函数，装饰器，迭代器，生成器） Python学习【第7篇】：Python之函数（参数的介绍）

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/xiangzhihong8/article/details/86715541 Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，是初创项目的前端首选框架。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。 正式因为Vue.js具有易用、灵活、高性能和渐进式等特点， 才使得Vue.js成为当前三大流行的JavaScript 框架之一。 工欲善其事，必先利其器。Vue的快速发展和崛起也得益于其快速发展的社区环境。为了实现快速的迭代，Vue社区涌现出了一大批的开源项目，借助这些开源项目，我们可以实现快速的迭代升级。 UI组件 element ★34,784 - 饿了么出品的基于Vue2的web UI工具套件 storybook ★33,503 - 响应式UI 开发及测试环境 Vux ★15,061 - 基于Vue和WeUI的组件库 mint-ui

简介】 vue-concise-slider, 一个简单的滑动组件 , 配置简单 , 支持自适应 / 全屏 + 按钮 + 分页 , 同时兼容移动端和 PC 端。特点是：配置简单、轻量（ 17kb ）、多种滑动样式 【可以实现的功能】 全屏自适应 移动端兼容 垂直滚动 定时自动切换 不定宽度滚动 无缝循环滚动 多级滚动 【当前 demo 步骤】 1. 先使用 vue-cli 搭建起一个 vue 的脚手架 详情查看 -- 【广州前端】 vue-cli 脚手架一看就懂的入门教程 2. 安装包 [AppleScript] 纯文本查看 复制代码 ? 1 npm install vue - concise - slider --save 【代码】 [HTML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 < template > <!-- 制作一个框架包裹slider,设置宽度和高度 --> < div style = "width:100%;margin:20px auto;height:400px"

Vant是什么 简介 Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动站点。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。 有赞 看完，你可能会问，“有赞”是什么鬼？ 好像是一个微商城，帮你搭建微商网站的好像，而且在香港已上市，好像是浙江的公司，看官网的网址注册2012年就有了，不过我之前没听过。 既然是搭建平台的公司，所以技术应该还可以。 官网：https://www.youzan.com/?from_source=baidu_pz_shouye_0 流行度 流行度怎样？坦白说，我也不知道，但是根据不怎么好。因为不可能统计到多少人在用，只能通过github上的star、各大技术论坛、博客的出现频率来判断流行度。 我百度搜索“vue.js ui库”，出现了很多ui库，但都没有见vant的踪影，主要是element、vux、ivew等这些。不过，既然项目在用，学习一下也是很好的。 推荐21个顶级的Vue

当天完成的工作： 阅读微信官方文档，学习WeUI组件，将其中的tabbar组件运用到小程序中，实现不同页面之间的跳转。继续摸索界面的开发。 第二天的计划： 实现个人界面、收藏夹、商品详情界面、搜索界面的开发 。 每日小结： 今天用一天的时间进行摸索，更加熟悉了微信开发者工具，解决了昨天遇到的问题。预计明天可以更快的进行界面开发。在阅读了微信官方文档后感觉比之前盲目的尝试写界面要好很多 来源： https://www.cnblogs.com/yvonnewang/p/11414905.html

React简介 1.由来 　　React是有Facebook开发出来用于构建前端界面的JS组件库，由于其背后的强大背景，使得这款库在技术开发上完全没有问题。 2.React的优势 　　解决大规模项目开发中数据不断变化变得难以操作的问题； 　　组件化开发，使得开发更加快速； 　　单向数据流，有利于找到问题； 　　虚拟DOM，在React内部有一套diff算法可以快速的计算出整体需要改动的位置，从而做到快速局部刷新；举个栗子：删除一个列表再插入个新表，计算后会比较出不同然后插进去； 　　JSX的编译方式，将HTML代码和JS混合到一起来写，组件结构清晰，数据结构清晰，之后可以通过工具转成JS。 3.开发方式 　　使用React开发可以像平常开发一样， 最后讲JSX转换一下即可，在0.14，React拆分开，所以我们需要引入三个文件 <script src="../js/react.js"></script> <script src="../js/react-dom.js"></script> <script src="../js/JSXTransformer.js"></script> 　　第一个不解释，第二个文件作用是将React结构转换成HTML后插入到指定的DOM节点，第三个为转换文件，将JSX格式转换成JS格式的文件。当然正常情况下还需要引入我们写的组件