- 博客(28)
- 收藏
- 关注
RSS订阅原创 Ajax整理
AjaxAjax 是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax = 异步 JavaScript + XML。Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。— Ajax 用于创造动态性更强的应用程序— Ajax 可用来与数据库进行动...
2019-12-27 20:45:55
184
原创 js楼层滚动
布局 < div id="center"> < ul> < li> 1</ li> < li> 2</ li> < li> 3</ li> &l...
2019-12-27 20:12:43
571
原创 js常用的正则表达式
标题常用正则表达式整理字符 含意\做为转意，即通常在 \后面的字符不按原来意义解释，如 /b/匹配字符 b，当b前面加了反斜杆后 /\b/，转意为匹配一个单词的边界。\也可以对正则表达式功能字符的还原，如匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，在后面加了\后，a*/将只匹配 a*。^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"匹配一个输入...
2019-12-27 20:06:47
349
原创 原生JS实现无缝轮播
今天分享前端开发学习中的一个很经典的案例——原生JS实现无缝轮播图。需求：1.鼠标移入轮播图时左右两边显示上一页下一页按钮，移出时隐藏2.鼠标点击箭头，图片发生轮播3.点击号码，切换到指定图片4.鼠标移出，图片每隔一定时间自动轮播5.当图片轮播到最后或最前一张的时候，图片无缝循环切换HTML页面结构：这里把图片换成背景颜色了，使用时直接添加图片路径即可 <div class=...
2019-12-20 22:04:36
335
原创 js简单进度条
js的简单进度条样式<style> .sliderBar-wrap { display: inline-block; width: 100%; border: 1px solid #ccc; margin: 15px 0px; position: relative; } ...
2019-12-11 22:02:41
298
原创 js实现简单轮播图
标题js轮播图以下分享2种轮播图第一种布局：<div class="wraper"> <img src="../2019-12-11js/img/1.jpg" alt="" class="active"> <img src="../2019-12-11js/img/2.jpg" alt=""> <img src="../...
2019-12-11 21:53:44
300
原创 闭包
闭包闭包有两个作用：第一个就是可以读取自身函数外部的变量（沿着作用域链寻找）第二个就是让这些外部变量始终保存在内存中关于第二点，来看一下以下的代码： function outer(){ var result = new Array(); for(var i = 0; i < 2; i++){//注：i是outer()的局部变量 result[i...
2019-12-07 17:25:59
159
原创 作用域与作用域链
作用域先来谈谈变量的作用域变量的作用域无非就是两种：全局变量和局部变量。全局作用域：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的：局部作用域：和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的，最常见的例如函数内部需要注意的是，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！...
2019-12-07 17:19:10
286
原创 预编译及变量提升
预编译及变量提升变量提升的概念：// 变量提升：将【当前作用域】下所有声明的变量；提升到作用域最顶端// 变量提升：声明提升，赋值不提升。函数提升的概念：// 将函数本体提升到作用域最顶端// 将所有变量提升当前作用域最顶端// 当函数名与变量名重复时候，变量赋值，会将函数本体覆盖众所周知javascript是解释性语言，主要特点为解释一行执行一行。而在js运行时会进行三件事：1...
2019-11-30 14:57:18
241
原创 for循环，for循环嵌套
for循环for(var i = 0;i<10;i++)for循环用于遍历对象，并将对象中的数拿出来for循环的括号里用两个分号把它分成了三个部分，第一部分是循环变量，第二部分是循环的判断条件，第三部分是变量的变化规律（即每循环一次变量i的变化情况）。for(var i = 0; i <10;i++){console.log(i)}让我一步步的解析首先 我var了一个...
2019-11-30 11:28:35
6879
原创 if else
if else 语句// 语句中内容全部都是表达式/** 条件句语法 if（判断条件）{ 符合条件时，执行代码块 }else{ 不满足条件执行这里，可以省略 省略作用，条件不执行，直接越过 }2 嵌套结构 通过逻辑，条件范围的缩短，层层筛选不建议使用，符合人的思维，不符合计算机的思维，层次太多，性能不好if（条件1）{ ...
2019-11-23 11:20:42
146
原创 js数据类型简单总结
变量中所以存储的数据进行分类-----------js 数据类型 基本类型 string 字符串 Number 数值型 Boolean 布尔类型 underfiner 未定义 null 空引用类型数组[]对象{}函数 function万事万物都是数据，只要是数据就有数据类型，只要是数据就一定存在变量中===>我如何处理...
2019-11-23 11:07:17
233
原创 逻辑运算符与，或，非
<!-- ! 非 如果一个操作数是一个对象，返回false ;如果一个操作数是一个空字符串，返回false;如果一个操作数是一个非空字符串，返回false;如果一个操作数是一个数值0，返回true;如果一个操作数是任意的非零字符，返回false;如果一个操作数是null，返回true;如果一个操作数是NaN，返回true;如果一个操作数是undefined，返回tru...
2019-11-23 10:54:05
905
原创 大风车动画
大风车动画 body{ /*设置body高度为100% 如果不设置的话，高度为内容的高度*/ height: 100%; /*开启弹性布局*/ display: flex; /*设置弹性布局中子元素的'水平对齐'方式为居中*/ justi...
2019-11-16 16:39:39
533
原创 用css写一个简单的太阳系
用css写一个简单的太阳系，当然下面的太阳与地球是图片 Document .marsOrbit{width: 460px;height: 460px;border: 1px dotted #fff;top: calc(50% - 230px);left: calc(50% - 230px);}.mars{width: 40px...
2019-11-16 16:25:37
896
转载 预习js总结
1.本门课的作用（JavaScript的作用）所有基于Web的程序开发基础2.一种计算机客户端脚本语言，主要在Web浏览器解释执行。3.浏览器中Javascript，用于与用户交互，以及实现页面中各种动态特效4.在HTML文件中，任何JavaScript代码必须放到5.把JavaScript代码放到外部文件中，在HTML代码中直接引入该文件(外部文件定义为：*.js)6.就算语法特点：–...
2019-11-11 09:27:11
294
原创 学习css，html一个月的感想
时光如水,白驹过隙,回顾了一下时间真的在不知不觉中就流逝了, 在繁忙的日常中,在紧凑的课程中,在夜深人静写代码的时候,就像一个调皮的孩子,一个不留神就不知道跑去哪里了.不过我很享受这种充实的生活,比起在学校的悠闲散漫的时光,其实现在的日子更有意义,因为这不正是一个塑造自我的过程么.每一个提升自我的过程总是很辛苦的,刚开学的时候每天课程都很紧张,对于一些没有基础的同学来说,其实是蛮吃力的,每天需要...
2019-11-11 09:24:07
493
原创 bootstrap中常用标签类名整理
lqUI 全局样式说明文档下面是一些bootstrap中常用的标签类名清空默认样式布局.container 设置为容器：水平方向居中，宽度部位100% 左右内边距为15px 高度没有.container-fluid 宽度为100%的容器 没有外边距 内边距为左右15px 上下0px 没有高度按钮 -btn成功 btn-success失败 btn-fail警告...
2019-11-11 09:19:39
2612
转载 收藏了一个转译字符，特殊字符
今天在做开发的时候，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘，为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。因为这些字符属于unicode字符集，所以，我们在使用的时候需要将添加这些字符的代码声明为UTF-8格式；还有一点需要注意的是，部分字符在不同浏览器中显示...
2019-11-04 19:13:35
611
原创 bootstrap组件基础命名
bootstrap 组件命名规范一般 所有的基础类 都是清空默认样式 设置公共样式图标：基础类 glyphicon 具体图标 glyhicon-xxx下拉菜单 .dropdown1.容器类名 .dropdown （下拉） .dropup(上拉) 只是改变dropdown-menu的位置2.菜单类名 .dropdown-menu3.显示隐藏 .dro...
2019-11-04 19:11:16
511
原创 bootstrap_css命名
bootstrap 命名清空默认样式布局.container 设置为容器：水平方向居中，宽度部位100% 左右内边距为15px 高度没有.container-fluid 宽度为100%的容器 没有外边距 内边距为左右15px 上下0px 没有高度.from-group 表单组建；默认宽度100%.from-inline 横向的表单； display ：inline...
2019-11-04 19:10:02
324
原创 关于em rem px等单位之间的转换
单位绝对单位：尺寸固定不变的单位：px cm m相对单位：大小由参考元素决定：一般都是相对父元素百分比 相对父元素em 需要先设置font-size 他的值为参考单位 默认 1em=16px 1em=font-size的值 如果有font-size 那么其他属性中的1em=font-size的值 ...
2019-10-24 20:25:50
561
原创 css简单动画以及一些小理解
/定义旋转基点 右上角//transform-origin: right top;//谷歌浏览器前缀 手机端使用这个前缀 rotate 旋转 立体旋转角度 如果没有说明 x y 就默认 xy 轴立体旋转 下图为xy轴立体旋转90度 立体旋转//-webkit-transform: rotate(90deg);//火狐浏览器前缀//-moz-...
2019-10-23 19:08:18
274
原创 用css样式制作3D立方体旋转
*{ margin: 0; padding: 0; /*去除默认边距*/}ul{ width: 200px; height: 200px; border: 1px solid #000; box-sizing: border-box; margin: 100px auto; position: relative; ...
2019-10-22 21:01:38
563
原创 命名规范
项目中文件名字1：符合应用场景2：一律使用小写英文字母，统一要求；英文，禁止中文拼音。5：命名原则：使团队成员可以看懂自己代码；自己也方便查找并修改xxx.html文件的命名1：主页面 index.html2: 子页面：首页：homme.html 我的 mine.html 关于我们:aboutus.html 信息反馈 feedback产品 product 购物 sh...
2019-10-19 19:09:57
770
原创 盒模型
css盒模型box-shadowbox-shadow：none | <shadow> [ , <shadow> ]*none：无阴影length①：第 1 个长度值定义元素的阴影水平偏移值。正值，阴影出现在元素右侧；负值，则阴影出现在元素左侧length②：第 2 个长度值定义元素的阴影垂直偏移值。正值，阴影出现在元素底部；负值，则阴影出现在元素顶部leng...
2019-10-19 19:08:35
196
原创 页面方法
写页面的思路是####第一步：根据设计稿划分页面的结构####第二步：根据划分的结构写布局1 ：根据划分的结构，搭建元素结构2 ：搭建时，要尽量利用流式布局3 ：按照从外部到内部；从上往下；一个一个填充内容（不要全部填写完毕）4 ：只要不符合流式布局的，我们就使用破坏流式布局的方式（position）完成布局5 ：每一个块内部的内容；一点点移动位置； 达到UI...
2019-10-19 19:07:25
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人