- 博客(33)
- 收藏
- 关注
RSS订阅原创 浏览器的几种本地存储
浏览器的几种本地存储不推荐使用 Cookie 作为客户端储存，这样做虽然可行，但是并不推荐，因为 Cookie 的设计目标并不是这个，它的容量很小（4KB），缺乏数据操作接口，而且会影响性能。客户端储存应该使用 Web storage API（就是 localStorage 和 sessionStore） 和 IndexedDB一、CookieHTTP协议（应用层超文本传输协议），用于从Web服务器传输超文本到本地浏览器，是一个无状态的协议，即不记录状态，cookie 的存在就是为了解决HTTP不记录
2021-11-30 16:37:47
2763
原创 强缓存和协商缓存
网络方面的缓存分为三块DNS缓存、HTTP缓存、CDN缓存，也有人把这里的 HTTP 缓存称为浏览器缓存为啥要缓存1.缓存的优点(1)加快浏览器加载网页的速度，优化用户体验，让用户更快速的打开我们的网页(2)减少对服务器的访问次数，减轻服务器的负担(3)节省带宽（就是节省钱…，因为很多带宽服务其实是按流量来计费的，同样对用户也可以省4G、5G流量…也省钱了）2. 有啥缺点 如果资源一直被缓存了，那当资源发生更改时，用户就无法获取最新的信息了！ 所以缓存虽好，可不能乱用。强缓存（不发请求到
2021-11-29 14:23:57
874
原创 DNS缓存
DNS （Domain Name System）就是域名系统，是域名：ip的对应关系，通俗来讲，就是一个键值对的列表DNS 域名系统能把互联网上的主机名字和域名（域名其实就是名字的高级叫法????）转换为 IP 地址你往浏览器输入 www.baidu.com 最开始会发生的就是 DNS 解析，再发送请求。要找到这个域名对应的服务器ip地址，从右往左，com 是级域名，baidu 是二级域名，www 是三级域名DNS 采取分布式系统，互联网的域名系统是用域名树表示的，划分等级，根节点没有对应
2021-11-29 13:56:00
975
原创 react项目环境创建失败
create-react-app 老是出错后卸载错误信息是：error f:\react\demo\node_modules\babel-runtime\node_modules\core-js: Command failed.删除全局的yarn即可解决 npm uninstall yarn -g
2021-08-20 10:09:57
343
原创 通过一个函数取消事件冒泡和事件捕获
原来取消事件冒泡和事件捕获方法都是一样的function stopBubble(event) { if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }}
2021-08-06 08:52:04
135
原创 数组的map()、reduce()、filter()方法复习
【8.5】Array.map()Array.map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。//eg1: [ { x: 22 }, { x: 42 } ].map( el => el.x )//eg2const array1 = [1, 4, 9, 16];const map1 = array1.map(x => x * 5);console.log(map1);//[2, 8, 18, 32]【8.5】Array.reduce(
2021-08-06 08:47:21
95
原创 弹性盒模型中，justify-content: space-between 最后一排处理
使用弹性盒模型虽然比浮动更加灵活方便，但一直遇到一个问题，当设置 justify-content: space-between时，当li个数随着屏幕大小变化之后最后一排出现缺个，会出现下图情况解决方法是：给ul一个伪元素，并设置他的横向样式和每一个li一样.comList { display: flex; flex-wrap: wrap; justify-content: space-between;}.comList::after{ content: "";
2021-07-08 10:42:13
850
原创 post请求提交图片链接地址，地址被截断
原本是想实现在数据库做一个存放图片地址的字段（varchar类型）想在页面输入图片地址保存到数据库在另一个界面把数据库里面的图片地址给到 img 的 src 属性，显示出来BUG：图片链接通过post 请求保存到数据库被截断，链接不完整导致图片最后显示不出来。经过一遍一遍调试之后发现是在 post 请求这里出了问题，因为图片地址里面有 & 这样的符号，使得链接被二次分割，识别为两个参数。解决方法：对获取图片链接先进行处理保存进数据库，从数据库获取时再反处理。用 unescape() .
2021-05-22 22:49:24
870
1
原创 对服务器获取的XML文件解析成json数据格式
参考文章代码，定义好三个函数，调用第二个函数处理xml即可/** * xml字符串转换xml对象数据 * @param {Object} xmlStr */function xmlStr2XmlObj(xmlStr) { var xmlObj = {}; if (document.all) { var xmlDom = new ActiveXObject("Microsoft.XMLDOM"); xmlDom.loadXML(xmlStr); xmlObj = x
2021-04-09 13:45:56
529
原创 mysqli 加载不到问题解决以及 PHPnow 中mysql 和 php 的升级
https://www.cnblogs.com/imxiu/p/3378129.html
2021-03-13 11:01:00
492
2
原创 移动端rem布局总结（Reset257）
rem 布局1、rem是什么?rem (font size of the root element)是指相对于 根元素（html 标签） 的字体大小的单位。简单的说它就是一一个相对单位。2、rem 与 em 的区别em (font size of the element)是指相对于 父元素 的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素，一个是依赖父元素计算。3、rem能等比例适配所有屏幕，rem是通过根元素进行适配的，网页中的根元素指的是 html ，我们通过设置html
2020-11-30 21:15:39
376
原创 CSS3的2D效果（Reset257）
记于 2020.10.28 【P310】????一、transition1、 transition CSS 属性是 transition-property 过渡特性，transition-duration 过渡持续时间，transition-timing-function 过渡定时功能和 transition-delay 过渡延迟组成的一个简写属性，用于实现过渡效果。2、过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换，像是 :hover，:active 或者
2020-11-28 22:51:29
181
1
原创 less学习笔记（Reset257）
学习移动端时新补充的 less 知识 ，记一下笔记 ????一、Less介绍Less ( Leaner Style Sheets的缩写)是一门 CSS扩展语言 ,也成为CSS预处理器。做为CSS的一种形式的扩展,它并没有减少CSS的功能,而是在现有的CSS语法上,为CSS加入 程序式语言 的特性。它在CSS的语法基础之上，引入了量, Mixin (混入) , 运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样, Less可以让我们用更少的代码
2020-11-27 09:11:45
192
原创 弹性盒模型笔记（Reset257）
笔记搬运工 ????♂️????♂️????♂️一、弹性盒1、概念弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒(FlexibleBox或flexbox)，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种 更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置display属性的值为flex将其
2020-11-26 12:56:29
157
原创 HTML表单笔记（Reset257）
整理一下之前的笔记便于查看????????????一、表单元素：一系列元素，主要用于收集用户数据**（一）、input元素** (1)输入框 <input type="text"> type属性：输入框类型， type:text表示这是一个普通文本输入框； type:password表示密码框,隐藏输入 type:date表示日期选择框，有兼容性问题 type:search表示搜索框，有兼容性问题 type:range表示滑块，有兼容性问题 type:color颜色选择框
2020-11-26 09:52:30
94
原创 响应式总结
一、屏幕大小分类1、超小屏幕 (手机，小于768px)2、小屏幕(平板，大于等于768px)@media(max-width:992px) { … }3、中等屏幕(桌面显示器，大于等于992px)@media(min-width:992px) { … }4、大屏幕(大桌面显示器，大于等于1200h)@media(min-width:1300px){ … } 1300是考虑了侧边滚动条的宽度二、具体实现思路1、还是把PC端的界面先照旧做出来，多用弹性盒模型替代浮动2、做响应式的时候把P
2020-11-26 09:43:16
126
原创 那些我错过的题
if( )里强制类型转换成布尔类型，bar变成了未定义。未声明就赋值是全局变量，做题认真分析AO和GO。++只能对变量，原始值不能++Bcall 和 this 的作用在函数执行时改变this的指向（最完整的说法）bind 详细见mdn...
2020-11-18 19:01:26
102
原创 构造函数、封装、原型
2020.11.17先来看一道题返回结果是 false、false、true、true实例的__proto__ 和 构造函数的 prototype 相等关于原型（prototype）1、原型即 prototype ，是 函数 的一个属性，也是一个对象，是祖先。构造函数+原型整体也是一个对象，叫做原型对象 。对象可以继承对象原型的属性。原型的存在可以减少代码的冗余，减少执行次数。对象并不具有prototype属性，只有函数才有prototype属性。!!2、利用原型的特点和概念可以提取共
2020-11-17 23:03:18
261
原创 如何让ol的序号的背景颜色随里面的li变化
今天做实验遇到了一个头疼的问题，要用CSS实现如下效果：而且使用有序列表做，但是，因为li的背景颜色不同，很奇怪，一开始他是这样的li的样式显然不能影响到ol的序号，但是只需要设置list-style-position: inside;就可以实现效果了。list-style-position属性指定标记框在主体块框中的位置。不经常用，记录一下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
2020-11-10 21:00:29
1565
原创 理解 Javascript 的浅拷贝和深拷贝
2020.11.6由于之前在第一遍学习 Javascript 的过程中对知识点理解的不是很透彻，对浅层克隆和深层克隆的理解比较模糊，今天在复习面向对象的时候醍醐灌顶，于是乎记录一下自己的理解。一、首先关于原始值和引用值1、数据类型分为：（1）不可改变的原始值：number, string, boolean, undefined, null（2）引用值：array, object, function, RegExp，Data2、他们之间的区别（1）存储方式不同原始值存储在栈中。意思就是说
2020-11-06 17:02:53
165
原创 一道关于数组 “缓存“ 的题目
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出「和为目标值」的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。如下图：一开始自己思考会想到用两个for循环遍历，找到满足条件的一对键值即可，但是这样算法复杂度太高，存在重复的工作，可以在第一次遍历过程中就对数据进行缓存。具体如下：...
2020-10-22 14:15:53
115
原创 JS实现弹幕效果（10.11—10.17）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹幕效果</title> <link rel="stylesheet" href="../拉勾网首页/com
2020-10-17 13:13:58
216
原创 我的css重置样式和通用样式
//commom.css文件.clearfix::after{ content: ""; display: block; clear: both;}.right{ float: right;}.left{ float: left;}.btn{ border: 1px solid #00B38A; background-color: transparent; color: #00b38a;}.btn:hover{ bac
2020-10-17 13:11:27
180
原创 我的js工具库
//查看滚动条的滚动距离function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else { return { x: document.body.scrollLeft + document.documen
2020-10-17 10:27:14
183
原创 JS零碎知识点记录(不断更新)
typeof 返回值：number、string、Boolean、object、functionundefined（null返回object是历史遗留问题）
2020-10-11 20:40:34
179
1
原创 前端笔记——ES6
前端笔记——ES6基础知识let的使用用来声明变量。它的用法类似于var ,但是所声明的变量,只在let命令所在的代码块内有效。存在块级作用域{}不存在声明提升不允许重复声明(包括普通变量和函数参数)链接: let 和 var 的区别 const的使用用来声明常量,不要试图改变常量的值.其他语法参照let解构赋值按照一定模式，从数组和对象中提取值，对变量进行赋值。数组let [a, b, c] = [1, 2, 3]; //a = 1; b = 2; c = 3默认赋值[
2020-10-07 11:41:03
144
原创 前端笔记之每日一题
JavaScript学习笔记（一）每日一题（二）复习知识点this指针1、在函数预编译过程中，this指向window2、全局作用域中，this指向window3、obj.func(); 对象里面的方法，this指向对象4、call/apply可以改变this的指向该题fn()函数内部有this指针，谁调用这个函数，this就指向谁，无人调用这个函数就指向window。arguments类数组arguments是函数里面隐式的一个实参数组，不定参。arguments[i]与实参之间存在
2020-09-11 11:46:36
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人