2019年11月_Felix-微信(Felixzfb)

12月 11月 10月 09月 08月 06月 05月 04月 03月 02月 01月

原创 Web前端性能优化汇总

前端性能优化前端页面需要先下载到本地，然后渲染展示出来从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。前端性能优化分为如下几个方面：一、代码部署：1、代码的压缩与合并（最终代码都会压缩成一行）2、图片、js、css等静态资源使用和主...

2019-11-26 09:31:04 417

原创 Web前端----移动端库和bootstrap框架

Web前端笔记第十一部分：js移动端库和bootstrap框架，re正则1. 移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchcanc...

2019-11-26 09:29:35 1168

原创 Web前端补充----json ajax cookie webStorage jqueryUI

Web前端笔记第十部分：json ajax1. jsonjsonjson是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。javascript自定义对象：var oMan = {...

2019-11-20 21:58:27 503

原创 JavaScript服务器环境运行步骤

安装node环境cmd下输入 node -v有版本号就说明已经安装成功了C:\Users\HP>node -vv10.16.3切换到要运行服务器文件夹里面，文件夹名称和文件夹路径最好都设置为英文，中文会出错C:\Users\HP>D:D:>CD D:\PyProject\Web_front_end_study\09_jQuery_ServerD:\PyPro...

2019-11-20 21:56:43 924

原创 Web前端——jQuery库

Web前端笔记第七部分：jQuery1. jQuery介绍jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1....

2019-11-19 20:38:04 421

原创 Web前端----原生JavaScript

Web前端笔记第六部分：JavaScript1. JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript直接有浏览器解释执行不需要编译JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公...

2019-11-13 15:38:38 248

原创 Web前端——CSS最常用样式列表总结

常用css列表color 设置文字的颜色，如： color:red;font-size 设置文字的大小，如：font-size:12px;font-family 设置文字的字体，如：font-family:‘微软雅黑’;font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜font-weigh...

2019-11-05 15:52:12 452

原创 Web前端——移动端页面开发

Web前端学习笔记第五部分：移动端页面开发1. 移动端与PC端页面布局区别视口视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样带来的后果是移动端会出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小。参考：001-移动端和PC端网页渲染区别.png由于产生按比例缩...

2019-11-04 23:16:16 936

原创 Web前端——HTML5与CSS3新增内容

Web前端学习笔记第四部分：HTML5与CSS31. 圆角border-radius各种圆角实例/左上角60的圆弧//border-top-left-radius: 60px;//四个角设置相同的圆弧//border-radius: 60px;//四个角用边长的做圆弧//border-radius: 30%;//正方形画成一个正圆//border-radius: 50%;/...

2019-11-04 23:15:32 166