前端框架

前四个月花的时间比较多，也是进步比较快的时候。对于各种概念也都慢慢熟悉了，后面四个月自己解决问题的能力提升了，但对技术的热情满满没有系统去学习的冲劲。所以对自己有些总结看看，有什么可以进步的。确定自己继续努力的方向 目前掌握的框架： 小程序的wpy框架，vue框架 看过的技术书： 图解http协议，算法，js高级，es6，js设计模式 了解过： mvvm框架，mvc框架，vue的源码，浏览器的渲染，浏览器的多线程和js的单线程，同步异步的解决方案，命名的方式，常用的算法，观察者模式，代码的模块化，虚拟dom，nignx，webpack，css动画，canvas，flex布局，less 框架的使用：前端时间独立去开发h5的项目，自己去选框架，选择依赖，觉得是个蛮好的经历。 需要提升的： 1.现在写代码会有更有全局意识，但是解决问题时总是像是在打补丁，没有全局意识。 2.需要把了解过熟悉的东西，重新再复习和巩固一遍特别是：常用的算法，观察者模式，vue源码，图解http 目前去学习的有： react.js，vue-ssr，egg.js react.js可以帮助我如何去写更加组件化的代码 vue-ssr则是服务端渲染的大门 egg.js就更深一步了 每天至少要花一个小时有计划的学习，周末要有半天的学习时间。 来源： CSDN 作者： ZhengKehang 链接： https:/

目录 Python 全栈 一. Python 1. Python基础知识部分 2. Python -函数 3. Python - 模块 4. Python - 面对对象 5. Python - 文件操作 6. Python - python中经常踩得的坑 7. Python - 网络编程 8. Python - 并发编程 二. 数据库 Mysql Redis MongoDB SQLAlchemy 三. 前端 前端 - HTML 前端 - CSS 前端 - Javescript 前端 - JQuery 前端 - Bootstrapt 前端 - Element-ui 前端 - vUE 四. Python Web 框架 1. Python Web 框架 - Django 2. Python Web 框架 - Flask 3. Python Web 框架 - Tronado 4. RESTful framework 五. Linux Linux - redis Linux - 运维开发 版本控制 - git 数据采集(爬虫) 数据分析 数据结构与算法 go语言 人工智能 其他 Python 全栈 一. Python 1. Python基础知识部分 Python Python那点事 Python windows和linux下 Python2,Python3 Python 开启入坑之路

一、基本信息 标题：基于Vue.js的Web前端应用研究 时间：2017 来源：科技与创新 关键词：Web前端；Vue.js；JavaScript组件；Vue框架 二、研究内容 1.主要内容： 随着互联网的迅猛发展，用户对Web前端的使用体验、交互操作流程、外观有了更高的要求。特别是Web系统中越来越多的数据处理和业务逻辑开始偏向前端，导致Web前端工作量扩大，代码量增加。如果 仍然采用传统的方式开发设计Web前端，会导致前期开发度和后期维护难度增大，可扩展性变差。为了提高开发效率和代码复用率，越来越多的网页开发框架开始流行。于是先后提出了MVC、MVVM模式，方便 了构建基于事件的Web前端开发平台。本文主要介绍了基于MVVM模式的轻量级响应式框架Vue js的应用和研究，利用Vue框架实现了简化Web前端开发流程。 1应用需求 我校教师工作处为了更好地服务和管理全校教师借鉴全国教师管理系统,结合我校实际工作需求,开发-套Web教师管 理系统。该系统的主要要求有以下3个:(1)界面友好,美观大方。(2) 系统能实现对教 师的基本信息、教学、科研、学习经历、工作经历、培训、访学、获奖等信息的统计和管理。(3) 系统运行安全、稳定、速度快、便于管理。因为系统处于急用状态，开发、实施时间短，所以，决定采用前、后 端同时开发和调试，利用JSON API的方式，实现Web的前后分离

一、基本信息 标题：基于Web前端的性能优化方案研究 时间：2017 来源：北京邮电大学 关键词：Web前端；模块化；JavaScript；Node.js；前端模板 二、研究内容 1.主要内容： 　　1.1研究背景与意义 当今互.联网飞速发展，网络用户的需求变化既快又大，大部分网站的更新周 期都是以日，小时甚至分钟为单位，在这种情况下，网站的前端就成了变化最频 繁的部分川。随着互联网公司对前端开发的逐渐重视，前端开发人数也越来越多， 但是技术人员的投入总是有限的，而前端开发领城并没有为开发者们提供一-种简 洁，有条理的方式来管理模块的方法，前端模块化问题经久不衰。 以JavaScript 模块化为例，其经历了无模块时代，即代码次序堆特的时代、 模块萌芽时代及当前的模块化组件化时代，ECMA2015 也将模块化纳入到规范 中，使模块化成为JavaScript规范，开发人员不断地在模块化领域进行摸索及探 求。模块化开发使得前端开发人员摆脱繁琐的文件依赖和命名冲突，增强代码复 用性，将代码划分模块管理，也方便开发人员的分工划分。每个人员对自己的模 块负责，考虑其复用性及可扩展性，从这个角度来看，模块化开发也提升了开发 人员的开发效率和代码质量。 本论文研究模块化技术，发现前端模块化在使用及应用场景等方面主要存在 以下问题，亟待进一步优化: (1)前端开发因其特殊性，在模块化方面-

1、js运行机制 javascript是一门单线程语言 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。 当指定的事情完成时，Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。 上述过程会不断重复，也就是常说的Event Loop(事件循环)。 2、js库 jquery jquery主要是用于处理 js和html页面交互的 ，封装了很多操作dom的方法，以及ajax，相比于原生的js更加的简洁，提高了开发效率。 underscore underscore.js可以理解为一个js的函数库，其中主要封装了一些常用的 js操作函数方法 ，比如数组操作的map，reduce，filter等等，不过这些函数大多在es6中已经实现了。类似underscore的还是lodash，都是辅助js开发的。 Lodash Lodash是js的工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数，其中部分是目前ECMAScript尚未制订的规范，但同时被业界所认可的辅助函数。 3、前端框架 2.1、 vue 简介 Vue.js是当下较为流行的一个JavaScript MVVM框架，它是以 数据驱动 和 组件化 的思想构建的

1. Web应用模式 在开发Web应用中，有两种应用模式： 前后端不分离 前后端分离 1.1前后端不分离 在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。 这种应用模式比较适合纯网页应用，但是当后端对接App时，App可能并不需要后端返回一个HTML网页，而仅仅是数据本身，所以后端原本返回网页的接口不再适用于前端App应用，为了对接App后端还需再开发一套接口。 1.2前后端分离 在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。 在前后端分离的应用模式中 ，前端与后端的耦合度相对较低。 在前后端分离的应用模式中，我们通常将后端开发的每个视图都称为一个 接口 ，或者 API ，前端通过访问接口来对数据进行增删改查。 2. RESTful设计方法 2.1域名 应该尽量将API部署在专用域名之下。 https://api.example.com 如果确定API很简单，不会有进一步扩展，可以考虑放在主域名下。 https://example.org/api/

一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队（FED） 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎360旗下前端开发团队出品 阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验 EFE 由百度多个遵循统一技术体系的前端团队所组成 UXC 覆盖了百度85%以上的产品体验设计 二、开发社区 网站 说明 StackOverflow 加入世界上最大的开发者社区 SegmentFault 中文领域最大的技术问答交流社区平台 知乎 中文互联网最大的知识分享和社交平台 开源中国 目前国内最大的开源技术社区 w3ctech 中国最大的前端技术社区 掘金 一个帮助开发者成长的社区 V2EX 创意工作者们的社区 博客园 一个面向开发者的知识分享社区 CNode 国内最大最具影响力的 Node.js 开源技术社区 Ruby China 由众多爱好者共同维护的 Ruby 中文社区 三、前端门户 网站 说明 前端网 一个专注于Web前端开发行业的综合性门户网站 大前端 一个集前端开发和Wordpress内容为一体的双轨独立网站 四、前端大牛

人生苦短，我用Python（目录） 目录 一、计算机基础 二、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篇

路由跳转 三种方式： $router.push / $router.go / router-link to this.$router.push('/course'); this.$router.push({name: course}); //这个name是router.js里面设置的name this.$router.go(-1); //页面后退 this.$router.go(1); //前进 <router-link to="/course">课程页</router-link> <router-link :to="{name: 'course'}">课程页</router-link> 路由传参 第一种： router.js设置 routes: [ // ... { path: '/course/:id/detail', //:id接收参数 name: 'course-detail', component: CourseDetail }, ] 跳转 .vue <template> <router-link :to="`/course/${course.id}/detail`">{{ course.name }}</router-link> </template> <script> // ... goDetail() { this.$router.push(`/course/$

第一阶段： HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效： 常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征： 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery：基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。 第二阶段：HTML5和移动Web开发 HTML5： HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas. CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。 Bootstrap: 响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。 移动Web开发： 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem