- 博客(20)
- 收藏
- 关注
RSS订阅原创 js 闭包问题
1.概念：把局部变量闭包成当前作用域的私有变量即把局部变量拿到作用域的外部来使用优点：把局部变量拿到作用域外部使用缺点：闭包的变量会存到内心里面，大量使用闭包会导致内存泄漏...
2021-03-09 13:06:35
164
原创 js初级es5语法
1.js如何嵌入到网页：1）内嵌写法：head body里面以script标签方式写入2）外部引入：内部进行引入script标签在外建一个js文件 script标签属性上写src—详情见webstorm3）标签内部注释方式：单行（ctrl+/）多行（ctrl+shift+/）4）script标签内部有属性 可以省略不写5）script标签在head和body里面写是有区别的后续会说...
2021-03-08 19:37:11
209
原创 dom元素属性操作
dom元素属性操作属性attr(name|pro|key,val|fn)removeAttr(name)prop(n|p|k,v|f)removeProp(name)CSS 类操作addClass(class|fn)removeClass([class|fn])toggleClass(class|fn[,sw])hasClass() 检测元素是否具有某个类 true falseHTML代码/文本/值html([val|fn])text([val|fn])val(
2021-02-02 20:59:05
192
原创 jquery选择器
1.什么是jquery首先我们学这个选择器需要具备逻辑能力,还有html/css/javascript的基础jquery 是一个框架库 封装了 原生js优势：减少代码量 提高兼容性 （写的少做的多） 简单好学jquery可以链式操作 同一个对象多次操作(尽量避免写多个链式操作)obj.html().css().text();2.根据开发需求 随时调整库的版本稳定版 1.9完整版 压缩版轻量级开发框架3.学习jquery 支持隐式迭代 （一次性操作一堆）要写jqu
2021-02-02 20:53:52
97
原创 js策略模式 实现表单验证
策略模式定义：定义一系列的算法，把它们一个一个封装起来，并且使它们可以相互替换。使用策略模式计算奖金需求为绩效S的人4倍奖金，绩效为A的人3倍奖金，绩效为B的人年终奖是2倍工资。 var caculateBonus = function(performanceLevel, salary){ if(performanceLevel === 'S'){ return salary * 4; } if(performanceLevel === 'A
2021-01-23 22:15:26
391
原创 递归算法例题( indexOf)
递归算法一.递归的三要素:明确递归终止条件；递归就是有去有回，既然这样，那么必然应该有一个明确的临界点，程序一旦到达了这个临界点，就不用继续往下递去而是开始实实在在的归来。换句话说，该临界点就是一种简单情境，可以防止无限递归。给出递归终止时的处理办法；我们刚刚说到，在递归的临界点存在一种简单情境，在这种简单情境下，我们应该直接给出问题的解决方案。一般地，在这种情境下，问题的解决方案是直观的、容易的。提取重复的逻辑，缩小问题规模。我们在阐述递归思想内涵时谈到，递归问题必须可以分解为若
2021-01-22 21:45:32
191
原创 js中的构造函数 原型模式
单例模式把描述同一事物的属性放进同一个空间地址下，避免了全局变量的干扰，这种开发的模式就是单例模式。var singleton1={ fn:function{ }}var singleton2={ fn:function{ }}singleton1.fn();singleton2.fn();高级单例模式采用了自执行函数闭包的作用，保护里面的私有变量不受外界的干扰；同时，如果在闭包外面使用里面的函数时，可以把其return作为返回值。 var niu = (fun
2021-01-22 09:53:27
127
原创 原型链
继承与原型链关系图如下:JavaScript 只有一种结构：对象。每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对象( proto ) ，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。几乎所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。基于原型链的继承继承属性JavaScript 对象是动态的属性
2021-01-22 09:41:11
523
1
原创 算法题一：字符串的删除截断
用javascript把一个带有下划线的命名变成驼峰命名例:body_bottom_right转换为：BodyBottomRight思路：一.首先我们要分清数组和字符串；数组：字符串：二. 用到的方法是字符串的删除截断函数1.split(）方法用于把一个字符串分割成字符串数组语法：string.split( separator,limit)separator:可选，字符串或正则表达式，从该参数指定的地方分割string Objectlimit:可选。该参数可指定
2021-01-18 23:16:20
256
1
原创 例题实例
递归函数自己调用自己迭代利用原值推算出变量的新值有递归就一定有迭代，有迭代不一定有递归console.time("exp");//方法是开始计算时间console.timeEnd("exp");//是停止计时，输出脚本执行的时间。两个结合起来可以测量一个javascript脚本程序执行消耗的时间。【问题一】：输入两个字符串，从第一个字符串中删除第二个字符串中的所有字符串，不可以使用replace例如：输入“They are students” 和“aeiou”。 则删除之后的第一个字符
2020-12-25 16:31:51
220
原创 js字符串
字符串的基本方法基本方法参数查找字符串 indexOf lastIndexOf查找 search元素替换方法 replace字符串去空 可以去除前面空格 trim字符串拼接方法 来进行字符串拼接 concat根据字符索引 获取字符 charAt根据索引返回字符的ascii值 charCodeAtascii值转化为字符 String 类对象 fromCharCode字符串截取方法 subStr substring slice字符串转化为数组 字符串分割成字符串数组 split字符串使
2020-12-17 18:58:20
102
原创 dom元素操作获取等
一、DOM元素的获取1）document.getElementsByClassName ( “class”)返回集 htmlcollection ,用法和数组一致说明: class为DOM元素上class属性的值2）document.getElementById( “id” )功能:返回对拥有指定ID的第一个对象的引用返回值: DOM对象说明: id为DOM元素上id属性的值3)document.getElementsByName(" name");返回的是nodelist 类型, 用法和
2020-12-10 23:48:50
1401
原创 js补充
函数（方法）函数的声明一、声明模板function 函数名称（）{/*代码区域*/}二、 函数声明的分类1.具名函数 ——（这种函数具有声明提前） function method(函数的参数列表){ /* * 代码区域 * */ } method()method()是执行具名函数执行： 函数名称();2.不具名函数（匿名函数） ——（没有声明提前）形式一： var fun = function
2020-12-10 23:27:39
83
原创 js——函数和闭包
javascript作用： 前端html页面的交互，可以实现 效果（动画，操作效果） 数据展示 数据验证 访问数据 （小游戏开发 api接口访问实现（天气预报 地图api ））等等一.javascript编程语言如何嵌入到网页内嵌写法在head body里面以script标签的方式去写入外部引入在head body 内部进行引入script标签标签内部注释：ctrl+shift+/ 多行注释ctrl+/ 单行注释在script标签内部写入可执行代码：1.e
2020-12-03 22:59:21
123
原创 html5
html5——html5是基于html4的升级版，他的优点在于同时适用于移动端和pc端，其在移动端中可以实现flex(弹性布局) 和多列布局。可以做到移动端自适应一.浏览器不识别html5时的处理方法进行左兼容性处理，使用csshack来写<!--[IF lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!-- 下面这
2020-12-03 20:45:17
147
原创 css3的基础
css3css3是css2的升级，相较于css2多了动画，2D/3D的转化，这是两者最大的区别一、css3边框(border)1、border-radius 圆角div{border:2px solid;border-radius:25px;} 也可对四个角设定不同的值，例如;border-radius: 10px 20px 30px 40px;border-radius: 10px 20px 30px;也可以单独对某一个角设角度,例如:border-bottom-left-ra
2020-12-03 19:41:33
275
原创 css伪类等其他补充
一.css伪类——用来添加一些选择器的特殊效果伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}伪类可以与 CSS 类配合使用：a.red:visited {color:#FF0000;}<a class="red" href="css-syntax.html">CSS Syntax</a>如果在上面的例子
2020-12-03 19:17:42
136
原创 css补充（边框 盒子等）
css框模型(Box Model)——*CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。*Margin - 清除边框区域。Margin没有背景颜色，它是完全透明Border - 边框周围的填充和内容。边框是受到盒子的背景颜色影响Padding - 清除内容周围的区域。会受到框中填充的背景颜色影响Content - 盒子的内容，显示文本和图像当您指定一个CSS元素的宽度和高度属性时，你只是设置内容区域的宽度和高度。要知道，完全大小的元素，你还必须
2020-12-02 22:46:48
351
原创 HTML笔记1
HTML——用来描述网页的一种语言1.网页的基本结构框架<!DOCTYPE html><html><head lang="en"> //网页的语言 en 英文 ch中文 <meta charset="UTF-8">//浏览器的编码格式是utf-8 <title></title>//插入网页标题名称</head><body></body></html&g
2020-10-27 21:24:00
415
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人