前端
文章平均质量分 50
生风
这个作者很懒,什么都没留下…
展开
-
原型和原型链(对象的构建)
什么事原型原型(prototype)是所有对象都有的一种属性,是对象生成时自带的。里面封装的时很多方法,也都是在对象生成时自带的。原型有什么用在讲原型有什么用之前,首先要知道,代码中所有的对象都是由谁构建的,因为原型在对象中存在着继承机制对象都是由谁构建的通常构建一个对象的方法就是var一个变量名,然后给他赋上值就可以了。就比如:var a = {}不知道读者有没有听过一种说法:“对象都是new出来的”。那么这样一看,这句话又不对。因为我上面没有用new这个关键字啊其实这样是一种简便的原创 2021-11-20 19:43:49 · 173 阅读 · 0 评论 -
js实现增删改查过程中,无法对新添加的数据进行删除修改和查找功能
在用Js实现增、删、改、查功能后,发现新添加的数据无法进行删除修改和查找操作。HTML部分代码如下<button class="add">添加</button> <input type="text" class="find" placeholder="请输入姓名"> <table> <tr class="title"> <原创 2021-11-20 18:45:33 · 1079 阅读 · 0 评论 -
浅谈闭包(案例)
1、概念闭包函数:声明在一个函数中的函数,叫做闭包函数。闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。2、特点让外部访问函数内部变量成为可能;局部变量会常驻在内存中;可以避免使用全局变量,防止全局变量污染;会造成内存泄漏(有一块内存空间被长期占用,而不被释放)3、闭包的创建:闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰。闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建转载 2021-11-13 14:36:02 · 88 阅读 · 0 评论 -
正则表达式小结
正则表达式基础语法转义符 "." //匹配所有字符 "^" //匹配以某个字符串开头 "$" //匹配以某个字符串结尾 "\n" //匹配一个换行 //所有小写字符转大写后都是相反的匹配 "\d" //匹配数字 "\D" //匹配非数字 "\s" //匹配所有空格 "\S" //匹配所有非空格 "\b" //匹配所有单词边界 "\B" //匹配所有非单词边界 "\w" //匹配字母、数字、下划线 "\W" //匹配非字母、数字、下划线 "\u原创 2021-11-07 16:35:36 · 63 阅读 · 0 评论 -
js初级函数小结
通用内置函数parseInt() //取整parseFloat() //取浮点数,也就是小数。第二个小数点后的数字会无效typeof() //判断并返回参数类型console.log() //控制台输出str.length //长度trim() //过滤两端空格substr(index,[len]) //截取lastIndexOf("char") //最后一次出现char的位置 index -1indexOf("char") //index -1replace(sub原创 2021-10-31 23:26:00 · 80 阅读 · 0 评论 -
js中的this指向问题
this是很多编程语言中的关键字,在JavaScript中一般这样理解this:this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。this指向的情况,取决于函数调用的方式有哪些:通过函数名()直接调用的:this指向window通过对象.函数名()调用的:this指向这个对象;函数作为数组的一个元素,通过数组下标调用的:this指向这个数组函数作为window内置函数的回调函数调用时:this指向window.s转载 2021-10-31 23:01:38 · 225 阅读 · 0 评论 -
页面滚动一定距离后导航条固定
场景如淘宝页面,滚动条滚动一定距离后页眉会有一个固定的搜索框、右侧也会将导航条固定,并且产生一个新的板块。如下图所示:这种样式是需要在script中做点样式,代码如下:<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> //我也不知道是啥,但是不加不行<script> // 右侧导航滚动固定 $(function() {原创 2021-10-23 20:17:26 · 476 阅读 · 0 评论 -
CSS中的优雅降级和渐进增强
浏览器的种类日益增多,浏览器对一段程序中的CSS3支持程度也存在千差万别。就比如有些低级浏览器(IE6)不支持CSS3,这就使得程序员在编写程序时,需要在同一段CSS中加入前缀不同的同一属性代码,用来适配各浏览器。常用的浏览器及对应的前缀如下:-webkit-border-radius-:; //谷歌浏览器、360浏览器(具有相同内核)-ms-border-radius-:; //ie浏览器-moz-border-radius-:; //火狐浏览器-o-border-radius-:;原创 2021-10-16 22:14:29 · 1179 阅读 · 0 评论 -
flex弹性盒子模型小结
flex弹性盒子的使用方法使行内元素并排排列得方法除了使用float浮动属性之外,还可以使用display的flex属性。具体使用方法如下:.box1{ width: 800px; border: 1px solid #bfa; }.box2{ width: 100px; height: 100px; background-color: yellow; } .box3{ width: 100px; height:原创 2021-10-16 20:33:34 · 218 阅读 · 0 评论 -
清除浮动解决父级元素高度塌陷问题
消除浮动的方法为了清除由于元素浮动后脱离文档流导致的父级元素高度塌陷问题,可以在CSS中添加一个伪类:.clearfix::after{ content:""; display:block; zoom:1; height:0px; clear:both;}然后再在塌陷的父级元素中添加一个clearfix类,如:.father{ width:100%; border:2px #bfa solid; //添加边框使得效果更明显}.son{ heigh原创 2021-10-10 01:07:58 · 251 阅读 · 0 评论 -
导航条下拉框
下拉框展示内容 <li class="app-wrapper"> <a class="app" href="javascript:;"> 下载app <div class="qrcode"> <img src="./img/download.png">原创 2021-07-08 18:49:21 · 210 阅读 · 0 评论