前端开发

HTML，CSS JS ES6 webpack：可以自己搜搜，应该有很多 Vue 视频 官网 源码视频 计网 推荐看 “图解HTTP” 或者在网上找面经，面经的都会，就差不多了 一个视频链接，不过我没看过 算法 牛客左程云(班助推荐) 设计模式 文件 (这是一个html文件，下载下来通过浏览器打开就可以看到了) 我的项目(博客中有github网址，有源码)： 移动端音乐WebApp -> 项目对应视频链接 Vue全家桶+MongoDB+Koa2全栈开发网站 -> 项目对应视频链接 我搜集的所有好的文章和面经 前端优秀文章小整理~ 我搜集的所有前端视频(包括项目视频等) 大前端：这个链接在我给你发的txt文件中，这里我就不放链接了@CRR 我的博客 我的github 我的简历：链接在我给你发的txt文件中有，这里我就不放链接了@CRR 来源： CSDN 作者： 努力努力再努力LFY 链接： https://blog.csdn.net/LFY836126/article/details/103756878

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现；2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有 浏览器 的支持，这意味着，现在就能很安全地使用这项功能。 弹性盒子是 CSS3 的一种新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 : CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。 1：最基本的 <style> /*body { direction: rtl;/*设置 direction 属性为 rtl (right-to-left), 弹性子元素的排列方式也会改变 ，整体从右到左 }*/ .flex-container{ display: flex; display: -webkit-flex; width: 450px; height:

对于前端学习者来说，掌握必要的知识技能是一个必经的过程，那么对于前端来说，需要掌握哪些必备的技能呢？ 总结了下面六个： 一，html 这个是最简单的，也是最根本的。要谙练把握html中的div、formtable、ulli、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于构造、table也可以用于构造，可是不矫捷，根基table是用来和数据打交道。 二，css 这里说的css不网罗css3，一样平常我们看到web前端开发工程师的要求里面，有一个会使用css+html或者css+div来停止界面构造，所以css是用于辅助html来构造和展现的，我们称之为“css款式”，为什么会说css+div呢?由于我上面说了div就是html首要用于构造的工具，所以div就是焦点把握的工具！那么css必定必需要配合div来使用才好。css要谙练把握float、position、width、height，以及对付的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟构造有关系的款式，必定要把握。 三，js 可能前两个大家觉得学习起来感受还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不必要会良多工具的，只需会按照某个id、或者name拿到网页dom或者款式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据

django之choice参数，ajax choice参数 应用场景：主要是用户性别、用户工作状态、成绩对应 ##在测试文件中运行，需要写以下几个模块 if __name__ == "__main__": os.environ.setdefault("DJANGO_SETTINGS_MODULE", "day62.settings") import django django.setup() choices = ( (1, 'male'), (2, 'female'), (3, 'others') ) gender = models.IntegerField(choices=choices) ##注意： """ 针对choices字段，如果想拿到数字所对应的的中文或者其他值 不能直接点字段 固定句式 数据对象.get_字段名_display() """ 执行下面两种语句 from app01 import models #1. user_obj = models.Userinfo.objects.filter(pk=2).first() print(user_obj.username) print(user_obj.gender) print(user_obj.get_gender_display()) ''' #会打印出来 nick 1 male #这样存在值的话

爬上来看了一眼我最近得一篇文章的日期，是2018-08-26，没想到已经这么久没有写过文章了，第一次写文章的日子是2018-02-26，其实一开始写文章就是感兴趣，也是为了当个笔记来看的，没想到阅读量还是非常可观的。 写第一篇文章时我是处在大三下学期，那时在我们学校的网络中心使用React Native开发跨平台APP，当时RN还处于热头上，但是资料比较少，于是磕磕碰碰的踩了一年的坑，出于发开小白阶段，于是就把自己平时开发所遇到的坑以及问题写成文章记录了下来，当时写文章的原因还有一个就是为了找工作，写在简历上面可以增加一个亮点，现在回想起来，并没有啥用，没有面试官问我博客文章的事情，此处一万只羊驼奔腾而过。。。但是，写文章的好处确实显而易见的，不仅自己加深了理解，而且还能帮助别人解决问题，何乐而不为呢。作者现在在从事前端开发的工作，2019年6月份正式毕业，现在来看毕业已经半年了，对于前端开发工作以及流程算是有了自己的心得体会，虽然作者很菜，但是也希望能通过自己的亲身经历的项目以及坑能对更多的人产生帮助。 前端知识多而杂，今天学习一点点这个知识模块，明天学习一点点那个知识模块，不容易记忆，且前端的更新实在是块，日新月异，扶老夫起来，老夫还能学。。。这样的情况下拥有自己的前端只是体系就显得尤为重要了，还要多去了解框架底层的一些东西，不能只停留在使用某个框架的阶段，得去了解它们的原理

1.1Web基础知识 1.2Web相关的名词： 1、world wide web(万维网)：我们可以理解为是基于http协议和超文本传输语言的信息交换系统。 2、网站：我们可以将网站理解为是在上述的信息交换系统内用来临时存放和交流信息的一个平台（该平台就是由网页组成） 3、http协议：我们可以认为是用来规定不同的网站之间或者不同的客户端与服务器之间如何进行数据交换的一种规则。 4、超文本传输语言：不仅仅只能传文字的语言，超越文本（图片、声音、视频），我们称之为HTML 5、url：我们可以将url理解为是在输入在浏览器地址栏中的那串字符。http://www.hao123.com:80(通过url打开的是网页，而网页就是用html来编写的) 6、网页的本质就是一个html格式的文件（网页是用html来编写的，用户看到的是界面，开发看到的是源码） 1.3HTML基本介绍 一、定义 HTML就是HyperText Markup Language,在国内我们称之为叫超文件标记语言。 二、HTML发展过程 1、html1.0--->html5.0 2、W3C这个组织专门来制定HTML语言的标准 3、浏览器生产厂商他们生产的浏览器，前端编写的是HTML代码，而用户看到的是最终的网页，所以浏览器的任务就是将HTML代码“渲染”成用户可以看到的图形界面。 三、HTML的作用

不知不觉已经正式上班大半年了，去年的这个时候刚开博客不久，希望能伴随自己成长。在大半年的学习和工作中，自己也在一步步的开始沉静，越加觉得自己才疏学浅，也倍感前端知识博大精深。 这次总结主要关于性能优化探索心得。水平很浅，只是说说自己的学习收获。 ************这里开始了************* 看过的前端开发书籍都在说这四个字，性能优化的字面解释是：不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短。这句话可以看出性能优化的目的：更快的速度、更少的时间。 1）性能优化有什么意义？ 谷歌的数据表明，一个有10条数据0.4秒可以加载完的页面，在变成30条数据加载时间为0.9秒后，流量和广告收入减少了20%。当谷歌地图的首页文件大小从100kb减少到70~80kb时，流量在第一周涨了10%，接下来的三周涨了25%。腾讯的前端工程师根据长期的数据监控也发现页面的一秒钟延迟会造成9.4%的PV的下降，8.3%跳出率的增加以及3.5%转化率的下降。这两家公司都是行业的翘楚，具有极其巨大的用户群，这些数据足够让我们重视性能优化。近八成的用户可以忍受的响应时间为5秒，500PC的主站打开资源加载完毕的时间为5.67s，QQ彩票为12.75s，网易彩票为16.79，看到这里还是很骄傲的*_*。 　　2）如何优化？ 资料显示和浏览器调试分析发现

1、CSS禅意花园（ http://www.csszengarden.com/ ） 这个网站以最有效、最优美的方式展示了CSS的最高境界，任何一个学习CSS的人都不应该错过对CSS禅意花园的研究。目前在csszengarden.com上收录了1000多个作品，它们都充分体现了设计师的丰富的创意。 2、前端观察（ www.qianduan.net ） 一个纯粹的前端技术分享网站，目的是为前端技术人员提供所需的资讯及资源。 “向来中国的前端开发领域，就像一盘散沙一样，每个人每个站都各自为营，高手就像就像天空的星星一样多，但是他们的成就却很少广为传播，初学者却苦于在大海一样的设计中寻找自己的参考。” 3、网站配色（ http://www.colorhunter.com/ ） 一个不错的配色网站。 4、Multicolr Search Lab( http://labs.ideeinc.com/multicolr ) 在右边的颜色格子里选一种颜色，他就会随即展示出Flickr 上以这种颜色为主色调的照片放在一起。这对前端设计收集特定颜色的图片素材很有用。 5、站酷（ http://www.zcool.com.cn/ ） 一个很好的设计和素材分享网站，而且所有的资源都是免费的。 来源： https://www.cnblogs.com/liaohua/archive/2010/06/03

原文地址：http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-17.html 　　《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。 JavaScript 【干货分享】32本优秀的 JavaScript 免费电子书 Verlet-js：超炫的开源 JavaScript 物理引擎 优秀教程：创建基于 Ajax 的文件拖放上传功能 Two.js – 为现代浏览器而生的 2D 绘图 API Squel.js – 基于 JavaScript 的 SQL 查询构建器 PathFinding.js – 综合性的 JavaScript 路径查找库 FlipClock.js 制作精美的时钟、定时器和倒计时功能 jQuery Web 开发最有用的50款 jQuery 插件《图片特效篇》 jQuery.mmenu – 用于移动 Web 项目的光滑菜单 jQuery 插件：用于移动项目的响应式音频播放器

　　《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。 HTML5 未来的 Web：九个不可思议的 WebGL 应用试验 Manifesto – HTML5 离线应用程序缓存校验工具 Popline：帅气的浮动 HTML5 文本编辑器工具栏 MontageJS：构建现代 Web App 的 HTML5 框架 HTML Inspector – 帮助你编写高质量的 HTML 代码 Metronic – 基于 Bootstrap 的响应式后台管理模板 CSS3 推荐25个帮助你提高技能的 CSS3 实战教程 Minimit Anima – 硬件加速的 CSS3 动画插件 Cardinal：一个用于移动项目开发的轻量 CSS 框架 Codrops 教程：CSS 3D Transforms 实现书本效果 Effeckt.css – 一组 CSS3 过渡 & 动画的精妙应用 Codrops 教程：基于 CSS3 的精美模态窗口效果 JavaScript MasonJS – 创建完美的砌体结构网页布局 Tourist.js –