- 博客(38)
- 收藏
- 关注
原创 angular 获取相应时间
angular 获取相应时间now = new Date(); // 当前日期nowDayOfWeek = this.now.getDay(); // 今天本周的第几天nowDay = this.now.getDate(); // 当前日nowMonth = this.now.getMonth(); // 当前月nowYear = this.now.getFullYear(); // 当前年一、获取当天时间// 获取当天开始和结束时间 this.daySartDate = new Date(
2020-08-24 14:09:49
1441
1
原创 工具类函数
工具类函数函数语法$.each【遍历】$.each( arr/obj…, function (index, value) { })$.extend 【对象扩展】$.extend(obj, obj2, obj3)$.grep 【数组过滤】$.grep(arr, function (value, index) { })$.makeArray【将类数组对象转...
2019-09-06 21:53:44
164
原创 jQuery操作
事件操作事件使用方法click点击事件 : $( ).click( function ( ) { } )hover鼠标移入事件 :$( ).hover( function ( ) { },function ( ) { } )change表单事件(输入变化并且失去焦点时触发) : $( ).change( function ( ) { } )on通用事...
2019-09-06 21:38:18
152
原创 jq_class操作及尺寸位置
class操作addClass()给jQuery对象中所有标签添加class类名removeClass()删除jQuery对象中每个标签指定的classtoggleClass()开关;有则删,无则加hasClass()判断是否有某个class,只要有一个满足条件,返回true尺寸...
2019-09-06 19:52:07
179
原创 正则对象
正则对象语法:var reg = /pattern/g g 全局匹配,i不区分大小写test() 是正则对象下方法 作用:检索字符串指定的值,根据结果返回真或假exec():方法检索字符串中的指定值,返回值是被找到的值,如果没有发现匹配,则返回null其他语法:[] 匹配的内容. 匹配所有字符^ 开始$ 结束? 长度 {0,1}+ {1,}* {0,}[0-...
2019-09-05 22:58:30
156
原创 BOM对象
BOM 浏览器对象模型window对象:window对象: 是BOM最顶层的对象,所有浏览器都支持window对象,他表示浏览器窗口所有JavaScript全局对 象,函数及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法在操作window对象的方法和属性时,可省略windowscreen对象:screen: 对象中存放着有关...
2019-09-05 22:54:06
147
原创 DOM对象
DOM 文档对象模型事件 :实现用户与浏览器的交互事件流 :从页面接受事件的顺序,事件捕捉,和事件冒泡 事件捕获: 不太具体的节点更早接收事件,而具体的节点最后接收事件 事件冒泡: 事件最开始由具体的元素,然后逐渐传播到不具体的那个事件处理程序:1.HTML事件2.DOM0级事件处理程序:把一个函数赋值给事件处理程序3.DOM2级事件处理程序:addEventListe...
2019-09-05 22:39:51
228
原创 尺寸和位置
尺寸和位置元素的尺寸和位置clientHeight获取元素的内高度(padding + content)clientWidth获取元素的内宽度(padding + content)clientTopborder的尺寸offsetTop获取元素的上偏移量,相对于定位参考元素的距离offsetLeft获取元素的左偏移量,相对于定位参考元素的距离...
2019-09-05 22:15:39
167
原创 节点
文本节点nodeName得到的是节点类型的名称,是字符串nodeType得到节点类型的值nodeValue获取值appendData()在结尾处添加一个新的文本insertData()在指定位置插入新的文本replaceData()替换指定区域的文本deleteData()删除指定区域的文本substringData()...
2019-09-05 21:57:52
108
原创 获取DOM节点
获取DOM节点getElementById()通过ID获取标签元素getElementsByName()通过标签名获取标签元素getElementsByTagName()[index]通过标签名获取标签元素集合getAttribute()获取属性值getElementsByClassName()通过class获取一组标签querySel...
2019-09-05 21:21:56
132
原创 递归常见习题
递归练习(一)阶乘:方法:1. 找规律 2. 找出口 必须用一个已知的数去替代最后的式子 eg:实现n的阶乘 function jc(n){ if(n == 1){ return 1; } return n * jc(n - 1); } ...
2019-08-23 23:12:33
187
原创 拷贝
拷贝(一)深拷贝: 拷贝的是数据js中基本类型数据,都是深拷贝,因为基本数据类型都存在【栈中】(二)浅拷贝:拷贝的是指针引用数据类型都是浅拷贝,因为引用数据类型都存在【堆中】引用数据类型实现深拷贝(一)对象实现深拷贝: /* 引用数据类型原理 在堆中多存一个数据;让这个数据取拷贝另一个数据中内容 导致...
2019-08-23 23:04:02
158
原创 this指向&改变this指向
this指向常见的this指向:常见的this指向全局下的this指向window函数中的this,谁调用指向谁构造函数中的this指向构造函数的对象对象中的this默认指向当前对象事件处理函数中this谁触发指向谁 (指向触发事件的目标元素)定时器函数, this 指向 window箭头函数中没有this,但是箭头函数中出现this就去父...
2019-08-23 22:46:10
104
原创 预编译
预编译【预编译发生在函数执行的前一刻】函数体系里的预编译:eg:function fn(a){ console.log(a); //返回:function a(){} var a = 123; ...
2019-08-23 21:48:15
141
原创 变量提升
变量提升变量提升: 在各自的作用域中所声明的变量都会提升到作用域最顶端提升:【声明提升】,赋值不提升 ---->已经定义为赋值的变量变量未定义: 返回 xxx is not defineundefined : 表示变量已经定义 在执行当前【使用变量】时,处于【未赋值】状态例题:console.log(xsy) // xsy is not defined 变量没...
2019-08-23 21:38:48
93
原创 闭包
闭包闭包 : 当内部函数被保存到外部时,将会生成闭包。缺点: 闭包会导致原有的作用域链不释放,造成内部泄漏。(存的东西多了,内存就少了,像内存泄漏了一样。)闭包作用:1.实现公有变量eg:函数累加器 function add(){ var count = 0; function demo(){ ...
2019-08-23 21:24:44
113
原创 回调函数
回调函数 js 是同步的语言;执行顺序是冲上往下的 回调函数是异步的 代码的执行顺序分为:同步 异步 同步 弊端:会发生执行阻塞 异步不会发生阻塞 异步:未来某一时刻需要执行的代码,优先执行,同步是按照代码的编写顺序从上往下执行, ...
2019-08-21 22:42:35
110
原创 立即执行函数
立即执行函数立即执行函数: 此类函数没有声明,在一次执行过后即释放。适合做初始化工作,因为执行之后会直接被销毁 (函数有的所有属性它全有)形式:(function (可输入形参){ return //可以有返回值 }(可输入实参))注意: 当一个括号把函数括起来时,这个函数就会变为表达式,并且定义的函数名将不会存在,其返回的值为字符串形类型的undefi...
2019-08-21 21:14:52
122
原创 作用域链
作用域链作用域链: [[scope]]中所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。[[scope]] : 指的是我们所说的作用域,其中存储了运行期上下文的集合。运行期上下文: 当函数执行时,会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多...
2019-08-21 21:00:25
122
原创 累加累乘
累加累乘累加: // 求和: s = 1+2++3+...+n var s = 0; var res = 0; for (var i = 1; i < n+1; i++) { // 拼接字符串 s += '+' + i // 累加 ...
2019-08-21 19:49:01
1555
原创 数组常见习题
数组去重: var arr = [1, 2, 2, 2, 2, 4, 5, 6, 6, 6, 6, 8, 8, 9, 9, 99] var res = []; for (var i = 0; i < arr.length; i++) { if(res.indexOf(arr[i]) == -1) { res.push(arr[i]...
2019-08-19 22:57:31
127
原创 数据类型转化
数据类型转化一、数值对象 Number()函数的转换规则: 1.如果是布尔值,true和false将分别转换为1和0 2.如果是数字值,只是简单的传入和返回 3.如果是null,返回0 4.如果undefined,返回NaN二、字符串转数值型 如果是字符串,遵循下列规则: a.“11”会变...
2019-08-19 21:50:26
185
原创 数据类型
数据类型字符串类型:string数字类型:number布尔类型:Boolean数组:array对象:object函数:function空:null未定义:undefined基本数据类型一、数据类型之字符串1.单引号和双引号均可解析转义字符2.单引号和双引号均不能解析变量3.变量与字符串、变量与变量要使用+来连接。4.单引号和双引号可以互相嵌套,如果单引号中要嵌套单引号,...
2019-08-18 18:33:20
117
原创 运算符
运算符(一)算数运算符: 常用算数运算符: + 加 -减法 * 乘 /除 ++ : 自增 每运算一次都加1 -- : 自减 每运算一次都减1 = : 表示赋值 % : 取余(二)比较运算符: == :表示左右两边数据相等,不需要判断数据类型 === :全等;表示 左右两边数据完全一样,需要判断数据类型 > :大于号 < :小...
2019-08-17 14:23:30
106
原创 变量
变量变量声明 : 语法:var 变量名字 = 任意的JS数据类型 var的作用:告诉浏览器,我后面的东西是个变量变量的命名规则: 用数字/字母/下划线组合命名 ;js的命名:驼峰式命名.注意:变量是随时可变的量,变量的名字由我们自己起名; 但是这个变量具体是什么由后面所赋的具体值来决定。 eg:var null = 'lala' //错误命名 ...
2019-08-17 14:14:35
78
原创 九九乘法表
使用原生jsjs部分:<script> document.write('<table>') for (var i = 1; i <= 9; i++) { document.write('<tr>') for (var j = 1; j <...
2019-08-16 22:14:47
476
原创 锚点
锚点<div class="content"> <ul> <li><a href="#one">不惹事</a></li> <li><a href="#two">有钱任性</a></li> &...
2019-08-10 14:53:20
158
原创 HBuilder打包步骤
HBuilder打包步骤:导入文件或创建新的文件(文件内 HTML 和 CSS 命名要规范,不能用中文,如果有导入图片,那么图片的命名中不能包含中文和特殊字符;)右键点击你的文件夹,在下拉菜单中选择【转换成移动APP(T)】转换成移动APP后,文件夹下会出现一个叫: manifest.json 的文件 点击进去,appid 选择云端获取,在页面入口选择中选择你想要看到的主页并选择;...
2019-08-10 14:37:09
1909
1
原创 动画
CSS常用属性动画定义动画:(一)普通定义动画 @keyframes 动画名字 { from{ 初始样式 } to{ 改变后样式 } }(二)百分比定义动画 @keyframes 动画名字 { 百分比{...
2019-08-10 09:30:57
162
原创 过渡
CSS常用属性过渡transition 有多个值作用:在某个时间段可以显示css中某个属性值的变化过程语法 transition:属性 时间,属性 时间;值为 all 表示选中所有属性属性:1. transition-property 表示过渡属性2. transition-duration 表示过渡属性所需时间3. transition-delay 表示过渡的开始时间...
2019-08-10 09:19:49
133
原创 媒体查询
CSS常用属性媒体查询语法格式:@media 媒体设备 and (条件){ 选择器{ 属性 : 值; } }@media : 表示媒体查询媒体设备:screen:电脑、手机、平板 speech:阅读设备 all:所有设备and:链接符号(并列条件)条件:pc端 —> ap端 使用最大宽...
2019-08-09 23:16:03
104
原创 弹性布局
CSS常用属性弹性布局display:flex;弹性布局改变容器内部的布局方式:从流式布局 —> flex布局主轴:默认为盒子水平方向,可以通过属性改变主轴方向。交叉轴:与主轴垂直的即是交叉轴。属性flex-direction:容器内项目的排列方向(默认横向排列) 常用取值: row : 水平排列(左 —> 右) row-reverse:水平排...
2019-08-09 23:03:06
194
原创 选择器
选择器一、元素选择器* 全选html 标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签二、关系选择器后代选择器 --> 祖先元素 后代 .父子选择器 --> 父元素 > 子元素普通兄弟选择器 --...
2019-08-09 21:54:06
217
原创 定位/布局
定位(position)一、静态定位(static)static:静态位置属性注意:元素没有脱离文档流,为默认值。二、相对定位(relative)relative:参照自身文档流中的位置进行偏移注意:自身不脱离文档流,定位后原来的位置不会被其他元素所占据。三、绝对定位(abosult)abosult:参照离自身最近的定位祖先元素进行定位。注意:定位后元素脱离文档流,位置被其他元素...
2019-08-09 21:52:03
312
原创 盒子模型
盒子模型两种盒模型:1.内容盒子:content-box标签内容的大小不变,标签的 总宽度 = 内容的宽+内边距+边框的总和2.边框盒子:border-box标签的总宽度保持不变,把内边距和边框的大小计算在内容的大小之内组成元素:margin :边框与其他盒子的距离 margin变大 盒子不会变化,盒子与盒子之间的距离会变大padding :是边框与内容区域的距离 标准盒子 pa...
2019-08-09 21:43:13
231
原创 文本修饰
CSS常用属性选择器一、元素选择器* 全选html 标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签二、关系选择器后代选择器 --> 祖先元素 后代 .父子选择器 --> 父元素 > 子元素普通兄弟选择器 ...
2019-07-24 22:54:43
261
原创 html标签分类
HTML标签分类欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将...
2019-07-22 21:57:11
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人