- 博客(20)
- 收藏
- 关注
RSS订阅原创 js 闭包问题
1.概念：把局部变量闭包成当前作用域的私有变量 即把局部变量拿到作用域的外部来使用 优点：把局部变量拿到作用域外部使用 缺点：闭包的变量会存到内心里面，大量使用闭包会导致内存泄漏 ...
2021-03-09 13:06:35
145
原创 js初级es5语法
1.js如何嵌入到网页： 1）内嵌写法：head body里面 以script标签方式写入 2）外部引入：内部进行引入script标签 在外建一个js文件 script标签属性上写src —详情见webstorm 3）标签内部注释方式：单行（ctrl+/）多行（ctrl+shift+/） 4）script标签内部有属性 可以省略不写 5）script标签在head和body里面写是有区别的后续会说 ...
2021-03-08 19:37:11
194
原创 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 false HTML代码/文本/值 html([val|fn]) text([val|fn]) val(
2021-02-02 20:59:05
181
原创 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
88
原创 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
382
原创 递归算法例题( indexOf)
递归算法 一.递归的三要素: 明确递归终止条件； 递归就是有去有回，既然这样，那么必然应该有一个明确的临界点，程序一旦到达了这个临界点，就不用继续往下递去而是开始实实在在的归来。换句话说，该临界点就是一种简单情境，可以防止无限递归。 给出递归终止时的处理办法； 我们刚刚说到，在递归的临界点存在一种简单情境，在这种简单情境下，我们应该直接给出问题的解决方案。一般地，在这种情境下，问题的解决方案是直观的、容易的。 提取重复的逻辑，缩小问题规模。 我们在阐述递归思想内涵时谈到，递归问题必须可以分解为若
2021-01-22 21:45:32
179
原创 js中的构造函数 原型模式
单例模式 把描述同一事物的属性放进同一个空间地址下，避免了全局变量的干扰，这种开发的模式就是单例模式。 var singleton1={ fn:function{ } } var singleton2={ fn:function{ } } singleton1.fn(); singleton2.fn(); 高级单例模式 采用了自执行函数闭包的作用，保护里面的私有变量不受外界的干扰；同时，如果在闭包外面使用里面的函数时，可以把其return作为返回值。 var niu = (fun
2021-01-22 09:53:27
115
原创 原型链
继承与原型链 关系图如下: JavaScript 只有一种结构：对象。每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对象( proto ) ，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。 几乎所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。 基于原型链的继承 继承属性 JavaScript 对象是动态的属性
2021-01-22 09:41:11
513
1
原创 算法题一：字符串的删除截断
用javascript把一个带有下划线的命名变成驼峰命名 例: body_bottom_right 转换为：BodyBottomRight 思路： 一.首先我们要分清数组和字符串； 数组： 字符串： 二. 用到的方法是字符串的删除截断函数 1.split(）方法 用于把一个字符串分割成字符串数组 语法： string.split( separator,limit) separator: 可选，字符串或正则表达式，从该参数指定的地方分割string Object limit: 可选。该参数可指定
2021-01-18 23:16:20
239
1
原创 例题实例
递归 函数自己调用自己 迭代 利用原值推算出变量的新值 有递归就一定有迭代，有迭代不一定有递归 console.time("exp");//方法是开始计算时间 console.timeEnd("exp");//是停止计时，输出脚本执行的时间。 两个结合起来可以测量一个javascript脚本程序执行消耗的时间。 【问题一】： 输入两个字符串，从第一个字符串中删除第二个字符串中的所有字符串，不可以使用replace 例如：输入“They are students” 和“aeiou”。 则删除之后的第一个字符
2020-12-25 16:31:51
201
原创 js字符串
字符串的基本方法 基本方法 参数查找字符串 indexOf lastIndexOf 查找 search 元素替换方法 replace 字符串去空 可以去除前面空格 trim 字符串拼接方法 来进行字符串拼接 concat 根据字符索引 获取字符 charAt 根据索引返回字符的ascii值 charCodeAt ascii值转化为字符 String 类对象 fromCharCode 字符串截取方法 subStr substring slice 字符串转化为数组 字符串分割成字符串数组 split 字符串使
2020-12-17 18:58:20
93
原创 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
1368
原创 js补充
函数（方法） 函数的声明 一、声明模板 function 函数名称（）{ /* 代码区域 */ } 二、 函数声明的分类 1.具名函数 ——（这种函数具有声明提前） function method(函数的参数列表){ /* * 代码区域 * */ } method() method()是执行 具名函数执行： 函数名称(); 2.不具名函数（匿名函数） ——（没有声明提前） 形式一： var fun = function
2020-12-10 23:27:39
76
原创 js——函数和闭包
javascript 作用： 前端html页面的交互，可以实现 效果（动画，操作效果） 数据展示 数据验证 访问数据 （小游戏开发 api接口访问实现（天气预报 地图api ））等等 一.javascript编程语言如何嵌入到网页 内嵌写法 在head body里面以script标签的方式去写入 外部引入 在head body 内部进行引入script标签 标签内部注释： ctrl+shift+/ 多行注释 ctrl+/ 单行注释 在script标签内部写入可执行代码： 1.e
2020-12-03 22:59:21
116
原创 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
135
原创 css3的基础
css3 css3是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
260
原创 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
130
原创 css补充（边框 盒子等）
css框模型(Box Model) ——*CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 * Margin - 清除边框区域。Margin没有背景颜色，它是完全透明 Border - 边框周围的填充和内容。边框是受到盒子的背景颜色影响 Padding - 清除内容周围的区域。会受到框中填充的背景颜色影响 Content - 盒子的内容，显示文本和图像 当您指定一个CSS元素的宽度和高度属性时，你只是设置内容区域的宽度和高度。要知道，完全大小的元素，你还必须
2020-12-02 22:46:48
335
原创 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
397
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人