前端开发

做网站，不会前端总是不行的，就算自己不深入学习成为前端大拿，套用别人的css和js总还是要会的，因此，静态文件的引用成为了一个topic。 Django创建一个新项目的时候已经默认产生了一些配置，应对小项目足够了，如果追求完美的话，总还需要多了解一些。列出了以下topic。 1、 一个不做任何额外配置的django项目能怎么处理static？ 2、 好好规划的static文件目录又是什么样子的？ 3、 部署到生产该怎么办？ 4、 Django中谁在管理着这些static文件？纯代码层面了哟 答： 1、 没有额外自己添加配置时，和static文件有关的settings，如下（从settings.py中摘出来的） # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions',

资源不断更新中。。。 动画库 1.Animate.css 说明：一个简单易用的跨浏览器CSS动画库。 GitHub主页： https://github.com/daneden/an... 2.CSShake 说明：用CSS实现各种颠颤动画效果DOM！ GitHub主页： https://github.com/elrumordel... 3.Hover.css 说明：将鼠标Hover效果快速应用在你的网页元素或创意设计上。 GitHub主页： https://github.com/IanLunn/Hover 4.Velocity.js 说明：帮你加速JavaScript动画。 GitHub主页： https://github.com/julianshap... 5.DynCSS 说明：用动态CSS来打造你的网页。 GitHub主页： https://github.com/vzaccaria/... 6.Magic Animations 说明：可创造CSS3动画特效。 GitHub主页： https://github.com/miniMAC/magic 7.Bounce.js 说明：即时创造漂亮的CSS3动画。 GitHub主页： https://github.com/tictail/bo... 前端框架和类库 1.lodash.js 简介：具有一致接口、模块化、高性能等特性的

　　给前端开发者的 6 点建议 　　同样是前端工程师，技术体系是相同的，工作年限也是相近的，为什么差别这么大？如何跟上前端技术飞速更新的步伐，学习方法一定要找对，一定要抓住要学习的重点。 　　Part.1 　　夯实基础 　　要成为一名年薪30W的前端工程师，基础一定要掌握牢固，基础知识一问三不知，岂不是要贻笑大方。 　　css，js基础知识一定要掌握得很熟练，你能使用css实现斑马条纹背景，毛玻璃效果吗？能给图片实现滤镜效果，能实现所有自适应布局效果吗？原型，原型链，闭包是实现设计模式的必备知识，你真的弄懂了吗？闭包导致内存泄漏的原因是什么，你弄明白了吗？ajax跨域的解决方案你可以说几种？9102年了，你还是只告诉jsonp吗？http协议有了解过吗？如何在http协议中实现不缓存静态资源？ 　　现在是9102年了，这些问题老掉牙了。可是要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，基础变动很慢，投入时间学好基础，性价比很高。 　　Part.2 　　深究原理 　　Angular，React,Vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的"API调用工程师"，一定要掌握框架背后的原理性知识。 　　Virtual DOM diff算法

一、蚂蚁金服团队推出的基于React antd (全名：ant.design) 友情跳链： https://ant.design/index-cn ；使用antd模板： https://pro.ant.design/ (基于react) 优点： 不言而喻，阿里的蚂蚁金服团队，在前端组件UI上是下足了功底，喜欢开箱即用的可以直接使用，当然该组件不仅仅局限于使用react,同时你可以选用Vue与angular版本去搭配使用。 技术文档：VUE+antd : https://vue.ant.design/docs/vue/introduce/ 技术文档：Angular+antd : https://ng.ant.design/docs/introduce/zh 二、饿了么前端团队推出的基于Vue element UI element主推的四大原则： 组件较为丰富，但是在开发的过程中有时需要组合组件使用，element空间主色调为 Element 主要品牌颜色是鲜艳、友好的蓝色。喜欢轻简风格的可以尝试使用。 友情跳链： http://element-cn.eleme.io/#/zh-CN 当然，Element不仅仅局限于传统的Vue+Element模式： GitHub仓库： https://github.com/elemefe/element-react 技术文档： https:/

我们作为一个前端的开发人员，无论你是刚刚入行还是已经入行很久，我们都有必要了解下npm,在这个日益变更的互联网时代，我们已经要快速跟上时代的发展，不然就被社会淘汰，扯远啦！回归正传，之前我写过一篇文章叫 《项目中利用npm生成package.json的那点事儿》 ，我感觉有点太简单啦！适合一些刚刚入门的人来看，现在想具体了了什么是 npm ,它做了什么？干了什么？这样对们了解项目，了解各种依赖，更好的管理项目和发布自己的 npm 模块。所以说，还是有必要的，高级者，勿喷，只是写给初入前端的人或者想了解前端的人，前方有坑，😕，慎入！！！ 在说 npm 之前，我有必要简单的提下Nodejs。Nodejs是构建在V8引擎上的ES runtime，nodejs并不是一门语言，nodejs让js在服务器端跑起来的runtime。Nodejs 具有2大特性； 事件驱动 非阻塞I/O模型 一个完整的项目，总有各种依赖 来源： CSDN 作者： 王来彬 链接： https://blog.csdn.net/alnorthword/article/details/103951570

前端2 一、目标总结 标签书写注意规范 HTML骨架标签 超链接标签 图片标签中alt和title区别 相对路径的三种形式 二、HTML语法规范 HTML标签是由尖括号包围的关键词 HTML标签通常是成对出现的,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊标签必须是单个标签，我们称为单标签。 标签关系可分为两类：包含关系和并列关系。 三、HTML基本结构标签 第一个HTML 每个网页都会有一个基本的结构标签(也称为骨架标签)，页面内容也是在这些基本标签上书写。 标签名 定义 说明 html html标签 页面中最大的标签我们称为跟标签 head 文档的头部 注意在head标签中我们必须要设定的标签是title title 文档的标题 让页面拥有一个自己的网页标题 body 文档的主体 元素包含文档的所有内容，页面内容，基本都放在这 四、开发工具 前端开发人员强烈推荐VSCode 来源： CSDN 作者： 暮雪伙伴 链接： https://blog.csdn.net/weixin_45479532/article/details/104029215

在2013-07-15 整理了一份 国内各大互联网公司相关技术站点2.0版 （集合腾讯、阿里、百度、搜狐、新浪、360等共49个） 近日重新整理了一番，希望能对大家有所帮助 2013年 腾讯系列（13） 阿里系列（18） 百度系列（3） 搜狐系列（3） 新浪系列（2） 360系列（2） 其他（9） 2016年 腾讯系列（9） 阿里系列（5） 百度系列（6） 搜狐系列（1） 新浪系列（1） 360系列（2） 其他（3） 新增 网易（2） 腾讯系列（9） 1. 财付通设计中心 TID 成立于2005年 最近一次更新: 2015-01-14 2. QQ邮箱博客 内容主要是邮箱每次更新首页的文案。 最近一次更新: 2016年03月07日 3. 腾讯用户研究与体验设计部 CDC 2003年开始组建，正式成立于2006年5月，是腾讯公司级的设计团队,分布深圳、北京、成都三地，致力于提升腾讯产品的用户体验，探索互联网生态体验创新。 最近一次更新: 2016.05.10 4. 腾讯游戏官方设计团队TGideas TGideas隶属于腾讯互动娱乐业务系统，是一支专注于运营和营销领域的用户体验设计团队，工作范围涉及产品包装、广告创意、品牌建设、互动设计等，团队由专业的企划、项目管理、创意、视觉、开发、多媒体人才构成。 最近一次更新：2016-04-06 5. 腾讯移动互联网设计团队MXD 最近一次更新

1. 书写方式 grunt 运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，导致认知成本的提高，运用的时候要搞懂各种插件的配置规则。 gulp 是用代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了gulp. src , gulp. pipe , gulp. dest , gulp. watch gulp. task 等接口,运用相当简单。经尝试，使用gulp的代码量能比grunt少一半左右。 2. 任务划分 gulp 是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作 1. 构建工具 :　 可以用构建基础项目 2. 自动化 : 可以通过gulp.task配置各接口自动对js,css,html代码进行压缩, 自动刷新页面( IDE好多已经可以自动刷新了 ) 3. 提高效率用 : 可以编译less语法,可认快速对css的编辑 webpack 是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案 1. 打包工具 : gulp 也可以,但是需要按项目配置属性项 , webpack 很集成了,简单 2. 模块化识别 3. 编译模块代码方案用 所以定义和用法上来说 都不是一种东西

　　原文链接： http://survivejs.com/webpack_react/webpack_compared/ 开始正文 　　当你把Webpack放到过往历史中你就会很好地理解为什么它的方法是如此的有力。在早些时候，它的能力对于仅仅把一些脚本连接在一起是足够的。然而时光变迁，现在分布你的Javascript代码可以是个复杂的奋斗者号。 　　 SPA（单页应用）的崛起 　　 随着单页应用（SPAs,single page application）的崛起，这个问题已经逐渐凸显出来。它们倾向于使用非常多笨重的库。你最不想看到的应该是一次性地把它们全部加载出来。其实有很多很好的解决办法，Webpack与它们中的很多都可以紧密配合使用。 　　得益于Node.js的火爆，Node.js的包管理器npm提供了许多环境。在之前，npm还难以让开发人员去使用这些依赖。现在，随着npm已经因为前端开发而变得广为熟知，环境已经发生了很多变化。依赖管理也是越来越简单了。 　　 任务运行工具和打包工具 　　从历史上来讲，已经有了很多的构建系统。 Make 可能是最广为数值的，并且仍然是个可行的选项。为了让工作简单一些，专业的任务运行工具，类似于Grunt和Gulp出现了。通过npm可获得的插件使得这些任务运行工具变得非常好用。 　　任务运行工具已经是高水准中的非常棒的工具了

前端开发工程师要求这些？ 1、精通各种Web前端技术（HTML5/CSS/Javascript等)，熟练跨浏览器、跨终端的开发； 2、有大型网站前端架构、前端性能、可访问性、可维护性等方面的实践经验； 3、对前端构建有一定了解(如：gulp/webpack等); 4、实际项目中应用过Vue/ReactJS/AngularJS任意一种框架为佳，并了解其中原理； 5、具有node开发经验，熟悉Express框架等主流框架 6.使用过任何一种 Web 自动化构建工具 grunt、gulp、webpack、fis 7. 熟悉前端框架React、Vue、AngularJS、Ionic等，并对源码有一定的研究； 8. 熟悉构建工具Grunt、Gulp；熟悉RequireJS、SeaJS、Browserify、Webpack；熟悉NodeJS 据说具备以上特点可以得到不少的工作机会，接下来开始学习学习吧。 来源： https://www.cnblogs.com/wangbaohui/p/6582787.html