• 等级
  • 4789 访问
  • 151 原创
  • 0 转发
  • 36019 排名
  • 0 评论
  • 120 获赞

146.Python修炼之路【151-前端-前端自动化及其优化-前端性能优化】2018.08.06

前端性能优化 从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。 前端性能优化分为如下几个方面: 一、代码部署: 1、代码的压缩与合并 2、图片、js、css等静态资源使用和主站不同域名地址存储,从而使得在传输资源时不会带上不必要的cookie信息。 3...

2018-08-06 10:23:25

145.Python修炼之路【150-前端-前端自动化及其优化-前端自动化】2018.08.06

前端自动化 Node.js Node.js可以理解为是一门后端脚本语言,使用了和JavaScript相同的语法,会使用JavaScript的程序员能很快上手node.js、nodjs在处理高并发方面性能卓越,目前许多公司都在使用nodejs作为后端数据服务和前端开发的中间层。 node.js的中文网站:https://nodejs.org/zh-cn/ 前端自动化 前端开发的流程越来越复...

2018-08-06 10:21:57

144.Python修炼之路【149-前端-前端自动化及其优化-less、sass、stylus】2018.08.06

1、动态样式语言less、sass、stylus的基本使用; 2、前端自动化工具的情况及基本使用; 3、前端性能优化的多个注意点。 less、sass、stylus 它们是三种类似的样式动态语言,属于css预处理语言,它们有类似css的语法,为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。 它们使用的文件分别是:.less、.scss、*.styl,...

2018-08-06 10:20:30

143.Python修炼之路【148-前端-移动端库和框架-BootStrap】2018.08.04

bootstrap 简单、直观、强悍的前端开发框架,让web开发更迅速、简单。 来自Twitter,是目前很受欢迎的前端框架之一。 Bootrstrap是基于HTML、CSS、JavaScript的,让书写代码更容易。 移动优先,响应式布局开发。 bootstrap中文网址:http://www.bootcss.com/ bootstrap 容器 container-fluid 流体 c...

2018-08-04 17:18:11

142.Python修炼之路【147-前端-移动端库和框架-swiper】2018.08.04

swiper swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本,2.x版本支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。 2.x版本中文网址:http://2.swiper.com.cn/ 3.x版本中文网地址:http://www.swiper.com.cn/ ...

2018-08-04 17:17:07

141.Python修炼之路【146-前端-移动端库和框架-zeptojs】2018.08.04

zeptojs Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的一些可选功能是专门针对移动端浏览器的;它的最初目标是在移动端提供一个精简的类似jquery的js库。 zepto官网:http://zeptojs.com/ zepto中文api:http://www.css88....

2018-08-04 17:15:46

140.Python修炼之路【145-前端-移动端库和框架-移动端js事件】2018.08.04

移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1、touchstart: //手指放到屏幕上时触发 2、touchmove: //手指在屏幕上滑动式触发 3、touchend: //手指离开屏幕时触发 4、touchcancel: //系统取消touch事件的时候触发,比较少用 移动端一般有三种操作,点击...

2018-08-04 17:14:48

139.Python修炼之路【144-前端-移动端库和框架】2018.08.04

1、学习移动端场景下的js事件; 2、制作移动端特效常用的js库; 3、介绍移动端常用开发框架Bootstrap; 4、介绍动态样式语言less、sass、stylus的基本使用。  ...

2018-08-04 17:13:56

138.Python修炼之路【143-前端-JQuery-实例3】2018.08.04

实例3 1、ajax数据加载 2、表单验证 3、滑动条 4、自定义滚动条

2018-08-04 17:10:49

137.Python修炼之路【142-前端-JQuery-jqueryUI】2018.08.04

jqueryUI jQuery UI是以 jQuery 为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jqueryUI 网址 http://jqueryui.com/ 常用jqueryUI插件: Draggable  1、设置数值的滑动条 2、自定义滚动条...

2018-08-04 17:09:14

136.Python修炼之路【141-前端-JQuery-本地存储】2018.08.04

本地存储 本地存储分为cookie,以及新增的localStorage和sessionStorage 1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效(日期限制)。 jquery 设置cookie $.cookie('mycookie','123',{expire...

2018-08-04 17:07:23

135.Python修炼之路【140-前端-JQuery-正则表达式】2018.08.04

正则表达式 1、什么是正则表达式:  能让计算机读懂的字符串匹配规则。 2、正则表达式的写法: var re=new RegExp('规则', '可选参数'); var re=/规则/参数; 3、规则中的字符  1)普通字符匹配: 如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’ 2)转义字符匹配: \d 匹配一个数字,即0-9 \D 匹配一个非数字,即除了0-9 \w 匹配...

2018-08-04 17:06:25

134.Python修炼之路【139-前端-JQuery-ajax与jsonp】2018.08.04

ajax与jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。 同步和异步  现实生活中,同步指的是同时做几件事情,异步指的是做完一件事后再做另外一件事,程序中的同步和异步是把现实生活中的概念对调,也就是程序...

2018-08-04 17:04:51

133.Python修炼之路【138-前端-JQuery-Json】2018.08.02

json json是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。 javascript对象字面量: var tom = { name:'tom', age:18 } json...

2018-08-02 12:45:15

132.Python修炼之路【137-前端-JQuery实例2】2018.08.02

实例2 1、弹框-阻止冒泡 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&amp

2018-08-02 12:43:59

131.Python修炼之路【136-前端-JQuery滚轮事件与函数节流】2018.08.02

滚轮事件与函数节流 jquery.mousewheel插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。 函数节流  javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事...

2018-08-02 12:42:27

130.Python修炼之路【135-前端-JQuery元素节点操作】2018.08.02

jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入节点  1、append()和appendTo():在现存元素的内部,从后面插入元素 var $span = $('<span>这是一个span元素</span>...

2018-08-02 12:41:38

129.Python修炼之路【134-前端-JQuery事件委托】2018.08.02

事件委托 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li'); $ali.click(function(event) { $(this).c...

2018-08-02 12:40:16

128.Python修炼之路【133-前端-JQuery事件冒泡】2018.08.02

事件冒泡 什么是事件冒泡  在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 事件冒泡的作用 ...

2018-08-02 12:39:18

127.Python修炼之路【132-前端-JQuery主动触发与自定义事件】2018.08.02

主动触发与自定义事件 主动触发  可使用jquery对象上的trigger方法来触发对象上绑定的事件。 自定义事件  除了系统事件外,可以通过bind方法自定义事件,然后用tiggle方法触发这些事件。 //给element绑定hello事件 element.bind("hello",function(){ alert("hello world!"); }); //触发hello...

2018-08-02 12:37:51

youyouwuxin1234

爱生活、爱学习、爱运动、爱旅行、爱美食。
关注
  • 计算机软件/武汉大学硕士研究生
  • 中国 湖北省 武汉市