前端

layui layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。 jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 MiniUI MINIUI是一款优秀的JS前端web框架，提供丰富、强大控件库，能快速开发企业级Web应用软件。该软件以美观精致的界面和快速的页面响应速度获得用户的好评。是国内知名的前端框架之一，可供.NET、java、php等主流编程语言配合使用。 Bootstrap （Web框架） Bootstrap是美国Twitter公司的设计师Mark

前端开发 前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。 移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，node.jS的广泛应用，各类框架类库层出不穷。 发展历程 前端技术的发展是互联网自身发展变化的一个缩影。 前端技术指通过浏览器到用户端计算机的统称，存贮于服务器端的统称为后端技术。 前端开发主要职能就是把网站的界面更好地呈现给用户。 以前会Photoshop和Dreamweaver就可以制作网页，随着网站开发难度加大、开发方式多样，网页制作更接近传统的网站后台开发，网页制作更多被称为Web前端开发。前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计，艺术性较强的视觉设计等。 在Web1.0时代，由于网速和终端能力的限制，大部分网站只能呈现简单的图文信息

Django 模板层 Django 模板层 前后端数据传递 (1) 后端朝前端页面传递数据的方式: # 将当前所在的名称空间中的名字全部传递给前端页面 # 第一种 return render(request,'index.html',{'n':n}) # 第二种 return render(request,'index.html',locals()) (2) 后端传函数名到前端，会自动加括号调用，但是不支持传参 (3) 后端传对象到前端，就相当于打印了这个对象 (4) 前端获取后端传过来的容器类型的内部元素 统一采用句点符(.) ('关某某','谢某某','陈某某','容嬷嬷')>>>:{{ t }},{{ t.1 }} 数字对应的就是数据的索引 (5) 前端能够调用python后端数据类型的一些不需要传参的内置方法 (6) 注释： 模板语法的注释，不会展示到前端页面： {#调用python自带的内置方法,可以调用不需要传参的一些内置方法#} 原生html的注释，会展示到前端: <!--我是原生的html注释--> 过滤器 # 下面的内容，第一行是在前端的代码，第二行是运行的结果 (1) <p>前端统计字符串的长度:{{ s|length }}</p> # 结果：前端统计字符串的长度:16 (2) <p>前端获取数据如果是空就返回default后面默认的参数值:{{ flag

关于前端性能优化的总结，随处都可以看到这方面的文章，而优化方法，也无外乎那些“固定”方面，当然，有些方面已经过时，所以，在这里，我自己也总结一遍吧，加深理解，也希望是一种不同的总结形式。 -----------------------正文总这里开始------------------------------------ 一、什么是前端 性能 优化（what）？ 从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。 二、为什么要做前端性能优化（why）？ 在构建web站点的过程中，任何一个细节都有可能影响网站的访问速度，如果不了解性能优化知识，很多不利网站访问速度的因素会形成累加，从而严重影响网站的性能，导致网站访问速度变慢，用户体验低下，最终导致用户流失。 三、前端性能优化的原则（rule） 1、不要按照准则照本宣科的做，需要根据实际情况因地制宜； 2、不出bug！ 四、从浏览器发起请求到页面能正常浏览都有哪些阶段（process）？ 预处理——>DNS解析——>建立连接——>发起请求——>等待响应——>接受数据——>处理元素——>布局渲染 五、性能优化的具体方法（way） 一）内容层面 1、DNS解析优化（DNS缓存、减少DNS查找、keep-alive、适当的主机域名） 2、避免重定向（/还是需要的）

转自： https://www.cnblogs.com/xuxinstyle/p/9675541.html 摘要: Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位 不久前，我在在前后端分离实践中提到了基于 Token 的认证，现在我们稍稍深入一些。 通常情况下，我们在讨论某个技术的时候，都是从问题开始。那么第一个问题： 为什么要用 Token？ 而要回答这个问题很简单——因为它能解决问题！ 可以解决哪些问题呢？ Token 完全由应用管理，所以它可以避开同源策略 Token 可以避免 CSRF 攻击(http://dwz.cn/7joLzx) Token 可以是无状态的，可以在多个服务间共享 Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。如果这个 Token 在服务端持久化（比如存入数据库），那它就是一个永久的身份令牌。 于是，又一个问题产生了：需要为 Token 设置有效期吗？ 需要设置有效期吗？ 对于这个问题，我们不妨先看两个例子。一个例子是登录密码，一般要求定期改变密码，以防止泄漏

前端框架搭建脚手架（react脚手架） 1、https://www.rails365.net/articles/kai-fa-react-ying-yong-zui-hao-jiao-shou-jia-create-react-app （开发 react 应用最好用的脚手架 create-react-app） 2、类似这样的脚手架，我扫了网络上比较多人用和关注的，一共发现了三个，它们分别是： react-boilerplate react-redux-starter-kit create-react-app 3、http://www.jianshu.com/p/5e6c620ff4d6 （Create-React-App创建antd-mobile开发环境） 4、https://www.cnblogs.com/ye-hcj/p/7191153.html （react.js 之 create-react-app 命令行工具系统讲解） 5、http://blog.csdn.net/cy5849203/article/details/78040257 （使用 create-react-app 构建 react应用程序 （react-scripts）） 6、https://www.cnblogs.com/wonyun/p/6030090.html （html-webpack-plugin详解

一、背景 2014年秋季参加各大互联网校园招聘，在北京进行线上、线下笔试，参加面试，一场难忘的经历。 二、校招职位和所选公司 校招职位：web前端 所选公司：BAT，美团，去哪儿，网易，京东，新浪，4399。还有一些公司是为了"练级"公司。 三、笔试题 类型：选择、填空、简答和程序 　　选择填空这些题基本上包含CSS、HTML、JS基础，可能会是一些H5、CSS3。全部都是基础题，平时注意些就没问题。 　　大题的话，有给一个实际设计图写HTML和CSS。或者出Dom操作一系列的题，其中可能包含事件处理。跨域的实现方法考了很多次。前端优化方式。手机端无限滑动（防止页面崩溃）加载实现原理。 其中阿里和网易是线上笔试，阿里每年都进行的最早，如果同学们想试试阿里的话，需要提前准备，阿里的题也相对较难，是做不完的。其它公司都是线下笔试。具体题目大家可以百度一下：xxxx校园招聘笔试题，如果可以的话关键字加上你的职位。美团和去哪儿的题前端考的不多，都是编程题，难度最大，对于前端来说有点吃亏，不过尽量用js去写编程题。 四、面试题 上边这些公司基本上都是三面，或者两面。考察知识点前端占2/3，数据结构算法占1/3。前端中JS问的最多。数据结构都是常见的单链表、双向链表、栈、队列、树（问的不多）。算法排序必须熟练的写出来，推荐书剑指offer和编程之美，对于我们前端来说这就够了，没必要去看算法导论

　　一早来公司，就听见咱们美丽的UI姐姐跟我们新来的前端小文在“友好讨论”，好奇的一听，原来我们UI姐姐设计好页面让技术去升级页面，没有达到预期的效果。(看吧，咱们汇道科技就是这么有爱，每天都有这个那个在“讨论”)，今天小编给大家讲讲零基础小白要怎么迅速掌握WEB前端技术! 　　web前端开发 　　新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己。这一点是比较重要的。想学习web前端开发，我们知道需要学习html，div+css，还有javascript，还有一些ps的基础(切图)。因为学习顺序就是HTML ->DIV_CSS -> javascript ，如果你没有学过其它编程语言，javascript自学就比较难了。HTML ,DIV_CSS都是死记标签的，自学多练就行。学习Web前端首先应该选择一个正确的学习路线。 　　web前端开发html CSS 　　第一阶段：学习html 　　这个是最简单的,也是最基础的.超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。要熟练掌握div、form table、ul li 、p、span

一、HTML和CSS基础 1.1 开发工具 1.1.1 前端开发工具技巧介绍-DW篇 1.1.2 前端开发工具技巧介绍-Sublime篇 1.2 HTML和CSS基础课程 1.2.1 HTML+CSS基础课程 1.3 网页布局 1.3.1 如何用CSS进行网页布局 1.3.2 网页布局基础 1.3.3 网页简单布局之结构与表现原则 1.3.4 CSS Sprite雪碧图应用 1.4 实践 1.4.1 导航条菜单的制作 1.4.2 固定层效果 二、JavaScript语言 2.1 JS基础 2.1.1 JavaScript入门 2.1.2 JavaScript进阶篇 2.2 DOM操作 2.2.1 DOM探索之基础详解篇 2.3 事件处理 2.3.1 DOM事件探秘 2.4 JS动画 2.4.1 JS动画效果 2.5 JS实践 2.5.1 倒计时效果 2.5.2 信息滚动效果制作 2.5.3 Tab选项卡切换效果 2.5.4 商城分类导航效果 三、jQuery 3.1 jQuery基础课程 3.1.1 jQuery基础 3.2 jQuery插件 3.2.1 jQuery插件-Validation Plugin 3.3 Ajax基础 3.3.1 Ajax全接触 3.4 jQuery实践 3.4.1 网页定位导航特效 3.4.2 瀑布流布局 3.4.3 搜索框制作 四、综合网站实践 4

在写这个文章之前，我花了点时间，自己臆想了一个电商系统，基本上算是麻雀虽小五脏俱全，我今天就用它开刀，一步步剖析，我会讲一下我们可能会接触的技术栈可能不全，但是够用，最后给个学习路线。 Tip：请多欣赏一会，每个点看一下，看看什么地方是你接触过的，什么技术栈是你不太熟悉的，我觉得还算是比较全的，有什么建议也可以留言给我。 不知道大家都看了一下没，现在我们就要庖丁解牛了，我从上到下依次分析。 前端 你可能会会好奇，你不是讲后端学习路线嘛，为啥还有前端的部分，我只能告诉你， 傻瓜 ，肤浅。 我们可 不能闭门造车 ，谁告诉你后端就不学点前端了？ 前端现在很多也了解后端的技术栈的，你想我们去一个网站，最先接触的，最先看到的是啥？ 没错就是前端，在大学你要是找不到专门的前端同学，去做系统肯定也要自己顶一下前端的，那我觉得最基本的技术栈得熟悉和了解吧，丙丙现在也是偶尔会开发一下我们的管理系统主要是 VUE 和 React 。 在这里我列举了我目前觉得比较简单和我们后端可以了解的技术栈，都是比较基础的。 作为一名后端了解部分前端知识还是很有必要的，在以后开发的时候，公司有前端那能帮助你前后端联调更顺畅，如果没前端你自己也能顶一下简单的页面。 HTML、 CSS 、 JS 、 Ajax 我觉得是必须掌握的点，看着简单其实深究或者去操作的话还是有很多东西的，其他作为扩展有兴趣可以了解，反正入门简单