- 博客(353)
- 资源 (6)
- 收藏
- 关注
原创 【前端学习笔记day98】13. 前端优化+代码部署+编码+html+css+javascript
文章目录13. 前端优化前端性能优化一、代码部署:二、编码html:css:javascript:13. 前端优化前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。前端性能优化分为如下几个方面:一、代码部署:1、代码的压缩与合并2、图...
2020-01-31 22:22:26 290
原创 【前端学习笔记day97】12. 正则表达式
12. 正则表达式文章目录12. 正则表达式正则表达式正则表达式1、什么是正则表达式:能让计算机读懂的字符串匹配规则。2、正则表达式的写法:var re=new RegExp(‘规则’, ‘可选参数’);var re=/规则/参数;3、规则中的字符1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’2)转义字符匹配:\d 匹配一个数字,即0-9...
2020-01-31 22:21:17 230
原创 【前端学习笔记day96】11.4. bootstrap+容器+响应式查询区间+栅格系统+列偏移+按钮+表单+图片+字体图标+导航条+路径导航+巨幕+模态框+下拉菜单+ 隐藏类+响应式专题网站实例
11.4. bootstrap文章目录11.4. bootstrapbootstrapbootstrap 容器bootstrap响应式查询区间:bootstrap 栅格系统列偏移bootstrap 按钮bootstrap 表单bootstrap 图片bootstrap 字体图标bootstrap 导航条路径导航巨幕bootstrap 模态框bootstrap 下拉菜单bootstrap 隐藏类b...
2020-01-31 22:14:56 435 1
原创 【前端学习笔记day95】11.3. swiper+swiper使用方法+swiper使用参数+swiper制作实例
文章目录11.3. swiperswiperswiper使用方法:swiper使用参数:swiper制作实例:11.3. swiperswiperswiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本,2.x版本支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。2.x版...
2020-01-31 22:12:54 403
原创 【前端学习笔记day95】11.2. zepto
文章目录11.2. zeptozeptojs11.2. zeptozeptojsZepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的一些可选功能是专门针对移动端浏览器的;它的最初目标是在移动端提供一个精简的类似jquery的js库。zepto官网:http://zeptojs...
2020-01-31 22:11:15 385
原创 【前端学习笔记day94】11.1. 移动端js事件
文章目录11.1. 移动端js事件移动端js事件11.1. 移动端js事件移动端js事件移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件:1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchcancel: ...
2020-01-31 22:10:18 185
原创 【前端学习笔记day93】11. 移动端库和框架
文章目录11. 移动端库和框架11. 移动端库和框架课程介绍学习移动端场景下的js事件;制作移动端特效常用的js库;介绍移动端常用开发框架Bootstrap。...
2020-01-31 22:09:16 240
原创 【前端学习笔记day92】10.20. jqueryUI
文章目录10.20. jqueryUIjqueryUI10.20. jqueryUIjqueryUIjQuery UI是以 jQuery 为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。jqueryUI 网址http://jqueryui.com/课堂实例1、设置数值的滑动条2、自定义滚动条...
2020-01-31 19:17:21 378 2
原创 【前端学习笔记day91】10.19. jquery本地存储
文章目录10.19. 本地存储本地存储10.19. 本地存储本地存储本地存储分为cookie,以及新增的localStorage和sessionStorage1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效。jquery 设置cookie$.cookie('...
2020-01-31 19:17:03 512
原创 【前端学习笔记day90】10.18. ajax与jsonp
文章目录10.18. ajax与jsonpajax与jsonp10.18. ajax与jsonpajax与jsonpajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。同步和异步现实生活中,同步指的是同时做几件事...
2020-01-31 19:16:55 407
原创 【前端学习笔记day89】10.17. json
文章目录10.17. jsonjson10.17. jsonjsonjson是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。javascript自定义对象:var oMan = { n...
2020-01-31 19:16:40 437
原创 【前端学习笔记day88】10.16. juqery滚轮事件与函数节流
文章目录10.16. 滚轮事件与函数节流滚轮事件与函数节流10.16. 滚轮事件与函数节流滚轮事件与函数节流jquery.mousewheel插件使用jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。函数节流javascript中有些事件的触发频率非常高,比如onresize事件(jq中是res...
2020-01-31 19:16:36 397
原创 【前端学习笔记day87】10.15. jquery元素节点操作
文章目录10.15. jquery元素节点操作jquery元素节点操作10.15. jquery元素节点操作jquery元素节点操作创建节点var $div = $('<div>');var $div2 = $('<div>这是一个div元素</div>');插入节点1、append()和appendTo():在现存元素的内部,从后面插入元素...
2020-01-31 19:16:24 209
原创 【前端学习笔记day86】10.14. jquery事件委托
文章目录10.14. jquery事件委托10.14. jquery事件委托事件委托事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。一般绑定事件的写法$(function(){$ali = $(’#list li’);$ali.click(functi...
2020-01-31 19:16:11 224
原创 【前端学习笔记day85】10.13. jquery事件冒泡
文章目录10.13. 事件冒泡事件冒泡10.13. 事件冒泡事件冒泡什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即docu...
2020-01-31 19:16:00 324
原创 【前端学习笔记day83】10.11. jquery循环
文章目录10.11. jquery循环jquery循环10.11. jquery循环jquery循环对jquery选择的对象集合分别进行操作,需要用到jquery循环操作,此时可以用对象上的each方法:$(function(){ $('.list li').each(function(i){ $(this).html(i); })})......&...
2020-01-31 19:15:43 230
原创 【前端学习笔记day82】10.10. jquery属性操作
文章目录jquery属性操作10.10. jquery属性操作jquery属性操作1、html() 取出或设置html内容// 取出html内容var $htm = $('#div1').html();// 设置html内容$('#div1').html('<span>添加文字</span>');2、prop() 取出或设置某个属性的值// 取出...
2020-01-31 19:15:32 213
原创 【前端学习笔记day84】10.12. jquery事件
文章目录10.12. jquery事件jquery事件10.12. jquery事件jquery事件事件函数列表:blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标...
2020-01-31 19:07:54 322
原创 【前端学习笔记day81】10.9. jquery尺寸相关、滚动事件
文章目录10.9. jquery尺寸相关、滚动事件尺寸相关、滚动事件10.9. jquery尺寸相关、滚动事件尺寸相关、滚动事件1、获取和设置元素的尺寸width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() ...
2020-01-31 19:05:21 284
原创 【前端学习笔记day80】10.8. jquery动画
文章目录10.8. jquery动画jquery动画10.8. jquery动画jquery动画通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。$('#div1').animate({ width:300, height:300},1000,'swing',function(){ alert('done...
2020-01-31 19:02:52 327
原创 【前端学习笔记day79】10.7. jquery链式调用
文章目录10.7. jquery链式调用jquery链式调用10.7. jquery链式调用jquery链式调用jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:$('#div1') // id为div1的元素.children('ul') //该元素下面的ul子元素.slideDown('fast') //高度从零变到实际高度来显示...
2020-01-31 19:02:01 227
原创 【前端学习笔记day78】10.6. jquery特殊效果
文章目录10.6. jquery特殊效果jquery特殊效果10.6. jquery特殊效果jquery特殊效果fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); });...
2020-01-31 19:00:57 246
原创 【前端学习笔记day77】10.5. jquery绑定click事件
文章目录10.5. 绑定click事件绑定click事件10.5. 绑定click事件绑定click事件给元素绑定click事件,可以用如下方法:$('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this)})获取元素的索引值有时候需要获得匹配元素相对于其同胞元素的索引位置,此时可...
2020-01-31 19:00:01 256
原创 【前端学习笔记day76】10.4. jquery样式操作
文章目录10.4. jquery样式操作jquery样式操作10.4. jquery样式操作jquery样式操作jquery用法思想二同一个函数完成取值和赋值操作行间样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div")...
2020-01-31 18:59:06 229
原创 【前端学习笔记day75】10.3. jquery选择器
文章目录10.3. jquery选择器jquery选择器10.3. jquery选择器jquery选择器jquery用法思想一选择某个网页元素,然后对它进行某种操作jquery选择器jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。$('#myId') //选择id为myId的网页元素$('.myClass') // 选择cla...
2020-01-31 18:58:02 202
原创 【前端学习笔记day74】10.2. jquery加载
文章目录10.2. jquery加载jquery加载10.2. jquery加载jquery加载将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。<script type="text/javascript">$(document).ready(function(){...
2020-01-31 18:56:25 198
原创 【前端学习笔记day73】10.1. jquery介绍
文章目录10.1. jquery介绍jquery介绍10.1. jquery介绍jquery介绍jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版...
2020-01-31 18:44:47 319
原创 【前端学习笔记day72】10. JQuery
文章目录10. JQuery10.1. jquery介绍10.2. jquery加载10.3. jquery选择器10.4. jquery样式操作10.5. 绑定click事件10.6. jquery特殊效果10.7. jquery链式调用10.8. jquery动画10.9. 尺寸相关、滚动事件10.10. jquery属性操作10.11. jquery循环10.12...
2020-01-31 18:43:30 307
原创 【前端学习笔记day71】9.18. javascript常用内置对象
文章目录常用内置对象9.18. javascript常用内置对象常用内置对象1、documentdocument.getElementById //通过id获取元素document.getElementsByTagName //通过标签名获取元素document.referrer //获取上一个跳转页面的地址(需要服务器环境)2、locationwindow.location...
2020-01-31 18:41:48 272
原创 【前端学习笔记day70】9.17. javascript封闭函数
文章目录9.17. javascript封闭函数封闭函数9.17. javascript封闭函数封闭函数封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。一般定义的函数和执行函数:function myalert(){ alert('hello!');};myalert();封闭函数:(function myalert()...
2020-01-31 18:39:06 213
原创 【前端学习笔记day69】9.16. javascript变量作用域
文章目录9.16. 变量作用域变量作用域9.16. 变量作用域变量作用域变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量。1、全局变量:在函数之外定义的变量,为整个页面公用,函数内部外部都可以访问。2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。<script type="text/javascript">...
2020-01-30 22:27:35 310
原创 【前端学习笔记day68】9.16. javascript变量作用域
文章目录9.16. javascript变量作用域9.16. javascript变量作用域
2020-01-30 22:17:06 434
原创 【前端学习笔记day67】9.15. javascript定时器
文章目录9.15. 定时器定时器9.15. 定时器定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法/* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复...
2020-01-30 20:56:57 340
原创 【前端学习笔记day66】9.14. 调试程序的方法
文章目录9.14. 调试程序的方法调试程序的方法9.14. 调试程序的方法调试程序的方法1、alert2、console.log3、document.title
2020-01-30 20:55:53 346
原创 【前端学习笔记day65】9.13. 类型转换
文章目录9.13. 类型转换类型转换9.13. 类型转换类型转换1、直接转换 parseInt() 与 parseFloat()alert('12'+7); //弹出127alert( parseInt('12') + 7 ); //弹出19 alert( parseInt(5.6)); // 弹出5alert('5.6'+2.3); // 弹出5.62.3alert(pa...
2020-01-30 20:54:08 455
原创 【前端学习笔记day64】9.12. jaavscript字符串处理方法
文章目录9.12. 字符串处理方法字符串处理方法9.12. 字符串处理方法字符串处理方法1、字符串合并操作:“ + ”var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr = 'abc';alert(iNum01+iNum02); //弹出36alert(iNum01+sNum03); //弹出1212 数字和字...
2020-01-30 20:52:59 312
原创 【前端学习笔记day63】9.11. Javascript组成
文章目录9.11. Javascript组成Javascript组成9.11. Javascript组成Javascript组成1、ECMAscript javascript的语法(变量、函数、循环语句等语法)2、DOM 文档对象模型 操作html和css的方法3、BOM 浏览器对象模型 操作浏览器的一些方法...
2020-01-30 20:51:24 283
原创 【前端学习笔记day62】9.10. 获取元素方法二
文章目录9.10. 获取元素方法二获取元素方法二9.10. 获取元素方法二获取元素方法二可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签,获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的标签元素。<script type="text/javascript"> window.onload = fu...
2020-01-30 20:50:23 242
原创 【前端学习笔记day61】9.9. javascript循环语句
文章目录9.9. 循环语句循环语句9.9. 循环语句循环语句程序中进行有规律的重复性操作,需要用到循环语句。for循环for(var i=0;i<len;i++){ ......}课堂练习1、将数组中的数据分别用弹框弹出2、将数组中的数据放入到页面中的列表中while循环var i=0;while(i<8){ ...... i++...
2020-01-30 20:48:54 256
原创 【前端学习笔记day60】9.8. javascript数组及操作方法
文章目录9.8. 数组及操作方法数组及操作方法9.8. 数组及操作方法数组及操作方法数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];操作数组中数据的方法1、获取数组的长度:aList....
2020-01-30 20:46:11 265
Power BI自定义图表.rar
2020-03-08
seaborn-data.rar
2020-02-18
numpy数据分析源代码+大数据的读取_.ipynb
2020-02-14
pandas中绘图函数.ipynb
2020-02-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人