2021年4月12日
摘要: cookie、sessionStoreage、localStorage 作用与特性 存储数量及大小 api cookie ● 存储用户信息,获取数据需要与服务器建立连接。 ● 可存储的数据有限,且依赖于服务器,无需请求服务器的数据尽量不要存放在cookie中,以免影响页面性能。 ● 可设置过期时间。 阅读全文
posted @ 2021-04-12 21:37 xxcxxc 阅读(118) 评论(0) 推荐(0) 编辑
  2021年4月11日
摘要: CSS选择器 一、css选择器的分类 二、选择器的语法 1,基本选择器语法 选择器 类型 功能描述 示例 * 通配选择器 选择文档中所有HTML元素 E 元素选择器 选择指定类型的HTML元素 <div></div> div{ background-color:red; } #id ID选择器 选择 阅读全文
posted @ 2021-04-11 20:50 xxcxxc 阅读(111) 评论(0) 推荐(0) 编辑
  2021年3月28日
摘要: Ajax详细讲解及实例 一、XMLHttpRequest的方法 abort(): 停止发送当前请求。getAllResponseHeaders(): 获取服务器返回的全部响应头;以 CRLF 分割的字符串,或者 null 如果没有收到任何响应。 如: date: Fri, 08 Dec 2017 2 阅读全文
posted @ 2021-03-28 10:56 xxcxxc 阅读(414) 评论(0) 推荐(0) 编辑
  2021年3月20日
摘要: addEventListener在IE8及更早版本是不支持的,所以我们可以做以下兼容 function addListener(target, type, handler) { if(target.addEventListener){ target.addEventListener(type, ha 阅读全文
posted @ 2021-03-20 17:06 xxcxxc 阅读(402) 评论(0) 推荐(0) 编辑
  2021年3月16日
摘要: 改变水平流向的 direction和竖直流向的writing-mode direction属性相信大家都很少使用,但真正使用起来却是非常实用的,接下来我们往下看: 1.direction属性的兼容性 2.direction属性值 direction: ltr; /*默认值 left - to - r 阅读全文
posted @ 2021-03-16 21:51 xxcxxc 阅读(205) 评论(0) 推荐(0) 编辑
  2021年3月13日
摘要: Flex布局 一、浏览器兼容性 二、Flex相关知识 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 1.任何容器都可以指定flex布局 .box{ display: flex;/*块级元素*/ display: inline-flex;/* 阅读全文
posted @ 2021-03-13 22:53 xxcxxc 阅读(65) 评论(0) 推荐(0) 编辑
  2019年9月19日
摘要: 有这么一个文档,这是在PC端显示的效果,如果放在移动端,会发现字体大小是非常大的,那么现在想让这个字体在移动端能按照某个比例缩小,后台返回的数据格式是: 那么只能选择用正则将字体缩小,比如是10px,如果缩小两倍,则把这个数字改成5px,在实现的过程中,发现了两种方法可以实现: 第一种是String 阅读全文
posted @ 2019-09-19 14:10 xxcxxc 阅读(5331) 评论(0) 推荐(0) 编辑
  2019年5月13日
摘要: 因为项目原因,学习了react,Django,完成react开发项目过后,打包(做好了代码分割、压缩)放入Django中,在本地运行速度很快,结果放到服务器中,虽然某些js文件很小(只有一百多kb),但是下载速度非常慢,需要3-6秒,这样导致页面加载速度很慢,通过查询,通过gzip压缩,可以使项目j 阅读全文
posted @ 2019-05-13 15:01 xxcxxc 阅读(312) 评论(0) 推荐(0) 编辑
  2019年4月29日
摘要: 项目源代码下载地址:轮播图 以下为项目实现效果:(由于gif太大,所以只上传一张图片,但效果完全能实现,经测试,在ie各版本浏览器及chrome,firefox等浏览器中均能实现效果,可以实现点击切换图片,无缝滚动和非无缝滚动两种效果) 页面源代码:index.html(以下注释自行切换,为了项目清 阅读全文
posted @ 2019-04-29 22:21 xxcxxc 阅读(415) 评论(0) 推荐(0) 编辑
  2019年4月16日
摘要: Webstorm自动添加css前缀( 兼容) 百度了很多在webstorm中添加css前缀(兼容)自动添加,autoprefixer插件是首选,对于基本的css,还有less都支持,所以就选择了autoprefixer插件作为css前缀自动添加插件。 通过百度,发现有很多介绍此插件在webstorm 阅读全文
posted @ 2019-04-16 12:10 xxcxxc 阅读(3565) 评论(1) 推荐(0) 编辑