- 博客(44)
- 资源 (21)
- 收藏
- 关注
RSS订阅原创 114.Python修炼之路【119-前端-JavaScript新选择器】2018.07.26
新选择器1、document.querySlector()2、document.querySlectorAll()3、document.getElementsByClassName(); 新的选择器document.querySelector("selector");selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;支持： Chrom...
2018-07-27 00:42:39
141
原创 113.Python修炼之路【118-前端-JavaScript面向对象】2018.07.26
面向对象面向过程与面向对象编程1、面向过程：所有的工作都是现写现用。2、面向对象：是一种编程思想，许多功能事先已经编写好了，在使用时，只需要关注功能的运用，而不需要这个功能的具体实现过程。javascript对象 将相关的变量和函数组合成一个整体，这个整体叫做对象，对象中的变量叫做属性，变量中的函数叫做方法。javascript中的对象类似字典。创建对象的方法 1、单体...
2018-07-26 16:45:05
121
原创 112.Python修炼之路【117-前端-JavaScript内置对象】2018.07.26
内置对象JavaScript内置对象---链接1、documentdocument.referrer //获取上一个跳转页面的地址(需要服务器环境)2、locationwindow.location.href //获取或者重定url地址window.location.search //获取地址参数部分window.location.hash //获取页面锚点或者叫...
2018-07-26 16:44:02
112
原创 111.Python修炼之路【116-前端-JavaScript闭包】2018.07.26
闭包什么是闭包 函数嵌套函数，内部函数可以引用外部函数的参数和变量，参数和变量不会被垃圾回收机制收回为什么需要闭包呢局部变量无法共享和长久的保存，而全局变量可能造成变量污染，所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。特点占用更多内存 不容易被释放何时使用既想反复使用，又想避免全局污染用途闭包可以用在许多地方。它的最大用处有两个：一个是前面...
2018-07-26 16:43:03
135
原创 110.Python修炼之路【115-前端-JavaScript封闭函数】2018.07.26
封闭函数什么是封闭函数？为什么要把函数封闭起来呢？ 一个函数定义之后，必须在程序某个地方调用才能去执行，但是封闭函数就不需要去调用，它会在定义之后原地自动执行，而且，在我们正常的程序中，如果两个函数定义的名字重复了，那么其中一个函数是会覆盖掉另外一个函数的功能，最终只有一个函数在执行，那么怎么避免函数同名的情况呢？或者是说，怎么避免我在拿到一份同事写好的代码，想在上面添加新的...
2018-07-26 16:39:49
118
原创 109.Python修炼之路【114-前端-JavaScript变量作用域】2018.07.26
变量作用域变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量。1、全局变量：在函数之外定义的变量，为整个页面公用，函数内部外部都可以访问。2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。3、函数内部如果不用'var' 关键字定义变量，变量可能会变成全局变量。<script type="text/javascri...
2018-07-26 15:35:15
96
原创 108.Python修炼之路【113-前端-JavaScript类型转换】2018.07.26
类型转换1、直接转换 parseInt() 与 parseFloat()alert('12'+7); //弹出127alert( parseInt('12') + 7 ); //弹出19 alert( parseInt(5.6)); // 弹出5alert('5.6'+2.3); // 弹出5.62.3alert(parseFloat('5.6')+2.3); // 弹出...
2018-07-26 15:10:40
103
原创 107.Python修炼之路【112-前端-JavaScript定时器】2018.07.26
定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法/* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器*/var time1 = ...
2018-07-26 15:07:35
207
原创 106.Python修炼之路【111-前端-JavaScript调试程序的方法】2018.07.26
调试程序的方法1、alert2、console.log3、document.title4、debugger JavaScript常见调试方法
2018-07-26 14:58:17
93
原创 105.Python修炼之路【110-前端-JavaScript字符串处理方法】2018.07.26
字符串处理方法1、字符串合并操作： “ + ”2、parseInt() 将数字字符串转化为整数3、parseFloat() 将数字字符串转化为小数4、split() 把一个字符串分隔成字符串组成的数组5、charAt() 获取字符串中的某一个字符6、indexOf() ...
2018-07-26 14:39:51
119
原创 104.Python修炼之路【109-前端-Javascript组成】2018.07.26
Javascript组成1、ECMAscript： javascript的语法（变量、函数、循环语句等语法）2、DOM 文档对象模型 ：操作html和css的方法3、BOM 浏览器对象模型： 操作浏览器的一些方法1、核心（ECMAScript）---JavaScript的核心ECMAScript描述了该语言的语法和基本对象 简单地说，ECMAScript 描述了以下内容：...
2018-07-26 14:22:46
109
原创 103.Python修炼之路【108-前端-JavaScript循环语句】2018.07.25
循环语句程序中进行有规律的重复性操作，需要用到循环语句。for循环for(var i=0;i<len;i++){ ......}while循环var i=0;while(i<8){ ...... i++;}数组去重var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4...
2018-07-25 13:16:46
102
原创 102.Python修炼之路【107-前端-JavaScript数组及操作方法】2018.07.25
数组及操作方法数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];操作数组中数据的方法 1、获取数组的长度：aList.length;var aList = [1,2,3,4];...
2018-07-25 13:14:54
125
原创 101.Python修炼之路【106-前端-JavaScript条件语句】2018.07.25
条件语句通过条件来控制程序的走向，就需要用到条件语句。运算符 1、算术运算符： +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)2、赋值运算符：=、 +=、 -=、 *=、 /=、 %=3、条件运算符：==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)区分：= ： 赋值运算，赋值使用， 如：a = 1...
2018-07-25 13:13:43
96
原创 100.Python修炼之路【105-前端-JavaScript函数】2018.07.25
函数函数就是重复执行的代码片。函数定义与执行一、 函数第一种定义、调用方法：1.语法function 函数名(){ //代码块(函数体)}2.函数调用使用已声明好的函数语法： 函数名();强调：函数只有被调用时，才会执行！例如：<script type="text/javascript"> //函数定义 functi...
2018-07-25 13:12:14
128
原创 99.Python修炼之路【104-前端-JavaScript操作元素属性】2018.07.25
操作元素属性获取的页面元素，就可以对页面元素的属性进行操作，属性的操作包括属性的读和写。操作属性的方法 1、“.” 操作2、“[ ]”操作:通过[ ]操作属性可以写变量。属性写法 1、html的属性和js里面属性写法一样2、“class” 属性写成 “className”3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”styl...
2018-07-25 13:09:16
150
原创 98.Python修炼之路【103-前端-JavaScript获取元素两种方法】2018.07.25
获取元素方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量，比如：<script type="text/javascript"> var oDiv = document.getElementById('div1');</script>...
2018-07-25 13:07:33
184
原创 97.Python修炼之路【102-前端-JavaScript变量】2018.07.25
变量JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var' var a = 123; var b = 'asd'; //同时定义多个变量可以用","隔开，公用一个‘var’关键字 var c = 45,d='qwe',f='68';变量类型5种基本数据类型：number、string、boolean、...
2018-07-25 13:05:23
103
原创 96.Python修炼之路【101-前端-JavaScript嵌入页面的方式】2018.07.25
JavaScript嵌入页面的方式1、行间事件（主要用于事件，不经常使用）<input type="button" name="" onclick="alert('ok！');">2、页面script标签嵌入<script type="text/javascript"> var a = '你好！'; alert(a);
2018-07-25 13:03:29
125
原创 95.Python修炼之路【100-前端-JavaScript介绍】2018.07.25
JavaScript 学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧，学习函数的基本定义方法和使用方法。JavaScript介绍 JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JS...
2018-07-25 13:01:15
104
原创 94.Python修炼之路【99-前端-移动端页面布局】2018.07.19
移动端页面布局移动端app分类1、Native App 原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C2、Hybrid App 混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用3、Web App 基于Web的app手机应用程序完全使用html5页面加前端js框架开发的手机应用V...
2018-07-19 17:15:12
133
原创 93.Python修炼之路【98-前端-HTML5音频和视频】2018.07.19
HTML5 音频和视频html5增加了audio和video标签，提供了在页面上插入音频和视频的标准方法。audio标签 支持格式：ogg、wav、mp3对应属性：1、autoplay 自动播放2、controls 显示播放器3、loop 循环播放4、preload 预加载5、muted 静音举例：<audio src="source/audio.mp3" ...
2018-07-19 17:00:48
145
原创 92.Python修炼之路【97-前端-HTML5新增表单控件】2018.07.19
HTML5 新增表单控件新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索(实际开发当中很少甚至不使用)<label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</labe
2018-07-19 16:41:33
114
原创 91.Python修炼之路【96-前端-HTML5新结构标签】2018.07.19
HTML5新结构标签h5新增的主要语义化标签如下：1、header 页面头部、页眉2、nav 页面导航3、article 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚页面使用标签布局示意图：PC端兼容h5的新标签的方法，在页面中引入以下js文件:<script type="text/javascript" sr...
2018-07-19 16:24:33
229
原创 90.Python修炼之路【95-前端-CSS3浏览器前缀】2018.07.19
CSS浏览器前缀浏览器样式前缀为了让CSS3样式兼容，需要将某些样式加上浏览器前缀：-ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容chrome 和 safari比如：div{ -ms-transform: rotate(30deg); -webkit-transform: ro...
2018-07-19 16:05:55
104
原创 89.Python修炼之路【94-前端-CSS3animation变换】2018.07.19
CSS3 animation动画1、@keyframes 定义关键帧动画2、animation-name 动画名称3、animation-duration 动画时间4、animation-timing-function 动画曲线linear 匀速 ease 开始和结束慢速 ease-in 开始是慢速 ease-out 结束时慢速 ease-in-out 开始和结束时慢速 s...
2018-07-19 15:00:23
107
原创 88.Python修炼之路【93-前端-CSS3transform变换】2018.07.19
CSS3 transform变换1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转，默认绕Z旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style flat | preserve-3d 设置盒子是否按3d空间显示7、trans...
2018-07-19 12:47:50
109
原创 87.Python修炼之路【92-前端-CSS3transition动画】2018.07.19
CSS3 transition动画1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式linear 匀速 ease 开始和结束慢速 ease-in 开始是...
2018-07-19 00:09:26
229
原创 86.Python修炼之路【91-前端-CSS3圆角、阴影、rgba】2018.07.18
CSS3圆角、阴影、rgbaCSS3圆角设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px;同时分别设置四个角： border-radius:30px 60px 120px 150px;设置四个圆角相同：border-radius:50%;CSS3阴影box-shadow：h-shadow v-shadow blu...
2018-07-19 00:02:48
149
原创 85.Python修炼之路【90-前端-CSS3新增选择器】2018.07.18
CSS3新增选择器1、E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素<style type="text/css"> .list div:nth-child(2){ background-color:red; }</style>......<div class="list"&...
2018-07-18 17:30:48
97
原创 84.Python修炼之路【89-前端-CSS3权重】2018.07.18
CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重...
2018-07-18 17:28:48
120
原创 83.Python修炼之路【88-前端-Photoshop-常用图片处理技巧】2018.07.11
photoshop常用图片处理技巧photoshop是一款优秀的图像处理软件，作为前端开发工程师，掌握它的一些常用功能是必须的。photoshop的常用功能有：选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能，前端还需要掌握制作新图像、切图等技巧。本次讲解的photoshop版本为cs6。图片格式转换与压缩 1、文件/存储为（不推荐）选择图片类型以及压缩比；2、文件/存储为web所用格式...
2018-07-11 10:52:32
455
原创 82.Python修炼之路【87-前端-Photoshop-常用的图片格式】2018.07.09
常用图片格式 图片是网页制作中很重要的素材，图片有不同的格式，每种格式都有自己的特性，了解这些特效，可以方便我们在制作网页时选取适合的图片格式，图片格式及特性如下：1、psd psd是photoshop的专用格式，UI设计师使用photoshop设计效果图，最后会将psd格式的效果图交付给前端工程师，这种格式是不压缩的，而且保留了图层、透明和半透明等图片信息，所以这种...
2018-07-09 15:10:40
140
原创 81.Python修炼之路【86-前端-CSS特征布局】2018.07.04
特征布局实例讲习经过对前面知识点的巩固和加深，我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局，以此来达到综合应用知识的目的。1、特征布局：翻页（所需知识点：盒模型、内联元素）2、特征布局：导航条01（所需知识点：盒模型、行内元素布局）3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、字体对齐）4、特征布局：图片列表（所需知识点：盒模型、浮动）5、特征布局：新闻列表（所需知...
2018-07-04 11:54:35
386
原创 80.Python修炼之路【85-前端-CSSbackground属性】2018.07.04
background属性属性解释 background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺background-position...
2018-07-04 11:50:07
265
原创 79.Python修炼之路【84-前端-CSS定位】2018.07.04
定位关于定位 我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：relative 生成相对定位元素，元素所占据的文档流的位置不变，元素本身相对文档流的位置进行偏移absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位，如果找不到，则相对于body元素...
2018-07-04 11:48:06
136
原创 78.Python修炼之路【83-前端-CSS浮动】2018.07.04
浮动文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动，碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮动的块元素可以并在一行，超出父级宽度就...
2018-07-04 11:46:30
136
原创 77.Python修炼之路【82-前端-CSS块元素、内联元素、内联块元素】2018.07.02
块元素、内联元素、内联块元素元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为：支持全部的样式如果没有设置宽度，默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素，也可以称为行...
2018-07-02 14:40:58
145
原创 76.Python修炼之路【81-前端-CSS元素溢出】2018.07.02
css元素溢出当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。overflow的设置项： 1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-top塌陷的功能。3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余...
2018-07-02 14:39:18
131
原创 75.Python修炼之路【80-前端-CSS盒模型】2018.07.02
CSS盒子模型 1、盒子模型解释 元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下： 把元素叫做盒子，设置对应的样式分别为：盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。2、设置边框 设置一...
2018-07-02 14:38:12
132
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人