web前端
weixin_43815756
这个作者很懒,什么都没留下…
展开
-
tab选项卡
1.先设置好样式2.内容部分3.只有把内容和样式写好,才能更加容易用js对内容进行操作4.js部分①首先引入封装好的js代码②通过循环给每个span标签设置点击事件让每个span标签的类名为空,然后让类名为now的span标签有一个默认样式给span标签设置自定义属性,保存每一个索引值③获取到对应的储存的索引值④通过循环隐藏所有的模块,让其不显示,用removeAtt...原创 2019-05-20 22:05:08 · 123 阅读 · 0 评论 -
什么是跨域?跨域请求资源的方法有哪些?
1.什么是跨域?由于浏览器同源策略,凡是发送请求url的协议,域名,端口三者之间任意一个与当前页面地址不同即为跨域,存在跨域的情况:①网络协议不同,如http协议访问https协议。②端口不同,如80端口访问8080端口③域名不同,如www.jd.com 访问baidu.com④子域名不同,如abc.blog.com访问def.blog.com⑤域名和域名对应的ip,如www.abc....原创 2019-07-15 21:53:20 · 129 阅读 · 0 评论 -
使用js方法动态获取地址栏参数
最近在写移动端电商项目的时候,发现很多时候需要获取地址栏的参数,利用获取地址栏的参数来进行渲染页面数据。所以今天就写下利用js方法获取地址栏参数。//假设这是我们要获取的地址栏参数的信息https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd=csdn1.首先定义一个字符串存储地址栏信息var str...原创 2019-07-14 22:29:37 · 344 阅读 · 0 评论 -
模板引擎原生写法
最近刚接触模板引擎,发现模板引擎挺好用的,以前页面的上的数据都是通过静态渲染上去的,模板引擎可以把我们的数据动态渲染到页面上去,用起来也挺方便的,废话不多说了,直接说下模板引擎的原生写法。模板引擎:把js数据转换成html需要的页面,这是模板引擎做的事情。1.准备数据2.把数据转换成html格式的字符串①下载原生的语法js文件<script src="res/artTemplate...原创 2019-07-09 22:18:14 · 308 阅读 · 0 评论 -
闭包
什么是闭包?闭包的优点和缺点闭包是javascript一大难点,很多高级应用都要依靠闭包来实现1.变量作用域要理解闭包,首先要理解JavaScript的特殊变量作用域,变量作用域有两种:全局变量和局部变量js语言特殊之处:函数内部可以读取全局变量,但是在函数外部却不可以读取函数内部的局部变量。2.如何从函数外部读取函数内部的局部变量有时候我们需要读取到函数内部的局部变量,正常情况下是无...原创 2019-07-03 11:48:10 · 119 阅读 · 0 评论 -
less的用法整理
什么是less第一,less是单独的一种文件,可以理解为css的升级版,完全按照css写没有问题,不过它提供了很多的便利的东西,可以少写很多代码。第二,html只认识css,需要配套一些软件将less解析成css,引用的时候,直接引用css就好嵌套less有很多好用的地方,最常用就是它的嵌套规则,我们写css时如果元素过多,每个像.test .content ul li{}这样写结构就...原创 2019-07-07 19:27:35 · 354 阅读 · 0 评论 -
懒加载的原理及实现
1.懒加载的概念对于页面有很多静态资源的情况的下(像京东淘宝等购物网站页面),为了节省用户流量和提高页面性能,可以在用户浏览到当前资源的时候,在对资源进行请求和加载。2.懒加载实现原理2.1监听onscroll事件判断资源位置首先为所有的懒加载的静态资源添加自定义属性片段,比如如果是图片,可以指定是data-src为真实的图片地址,src指向loading的图片。然后当资源进入视口的时候...转载 2019-06-26 19:00:27 · 9119 阅读 · 0 评论 -
localStorage和sessionStorage的区别
为了等下更清楚的了解二者之间的区别,这里我们先说下localS’torage和sessionStorage是什么,首先localS’torage和sessionStorage都是用来存储客户端临时信息的对象,而且都只能储存字符串类型的对象,下面我们再来讲下二者的区别吧1.sessionStorage用于临时存储,如果关闭浏览器后再次打开就会发先之前存入的数据已经没有了,sessionStorag...原创 2019-06-23 18:02:10 · 361 阅读 · 0 评论 -
你真的完全理解ajax吗?
首先,一句话了解ajax,就是用通过ajax做数据交互,既然我们了解了ajax的作用,下面我们通过来仔细了解ajax。1.ajax原理:通过XmlHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后通过JavaScript来操作数据,从而达到更新页面的效果。简而言之:用于在后台与服务器交换数据,达到局部刷新的效果。2.ajax的核心:XmlHttpRequest对象3....原创 2019-06-14 23:25:24 · 164 阅读 · 0 评论 -
jquery常用方法
最近学习jquery,整理一些常用的jquery方法1.jquery加载jQuery实现$(document).ready(function(){ // 开始写 jQuery 代码... });2.元素选择//元素选择$("p")//id选择$("#test")//class选择$(".test")3.点击事件$("p").click(function...原创 2019-06-12 20:03:15 · 388 阅读 · 0 评论 -
理解js键值对
之前一直对js键值对一直有点小陌生,甚至不知道js键值对中哪些是键,哪些是值;后来百度了一下,发现js键值对原来是这样理解的。 [这里是原文的出处](https://blog.csdn.net/jianleking/article/details/54603012)举个例子var obj=[{"2000":{"name":"小明","age":18}}{"2001":{"...原创 2019-06-05 18:30:37 · 6362 阅读 · 0 评论 -
模拟百度搜索
最近学习了一个百度搜索框的案例,想记录下来,下面来说说具体功能如何实现需求:1.当在输入框输入时,每输入一个字,就会在下方展示相关内容列表2.每一次输入框输入,清空上一次输入内容3.鼠标移入列表内容时,对应的内容高亮显示,移出时回复原装4.鼠标点击内容时,将列表内容显示到文本框,清空列表HTML页面结构和CSS样式部分代码,有点简陋。。。<!DOCTYPE html>&...原创 2019-05-22 19:26:44 · 438 阅读 · 0 评论 -
String()对象常用的方法
字符串常用的属性1 .length—>返回的是字符串的长度2 .ChartAt(索引)–>返回的是指定索引位置的字符串,如果超出索引值范围,返回空字符串3 .concat(字符串1,字符串2)–>返回的是拼接之后的新字符串4 .indexOf(要找的字符串,从某个位置开始找的索引)---->返回值是这个字符串的索引值,没有找到就返回-15 .l...原创 2019-05-26 22:32:10 · 201 阅读 · 0 评论 -
jquery实现点击全选和取消全选
jQuery点击实现全选相比较js就简单很多。<input type="checkbox" id="all"><br><input type="checkbox" name="sub"/>1<br><input type="checkbox" name="sub"/>2<br><input type="check...原创 2019-07-16 22:55:47 · 1145 阅读 · 0 评论