- 博客(21)
- 收藏
- 关注
RSS订阅原创 解决chrome浏览器高版本/98版本无法在本地手动添加cookie，刷新无法保留，cookie项报红的问题
解决chrome浏览器91版本SameSite by default cookies被移除后的解决方案，Chrome中跨域POST请求无法携带Cookie的解决方案昨天上班之后启动项目，谷歌浏览器自动升级到了98版本，因为之前项目是需要手动添加一个cookie在本地开发调试的，现在就无法手动进行添加cookie了，而且高版本移除了SameSite by default cookies，导致之前的方法不能使用，手动设置之后cookie还报红色，如下现在只需要打开Chrome中访问地址chrome://f
2022-02-08 11:24:42
6249
28
原创 用css增加元素的可点击范围
使用伪元素增加元素的可点击范围.msn-fa-edit-pen::before{ content:""; position:absolute; width: 26px; height: 20px; top:6px; left:24px; }使用伪元素选择器选中父级元素，增加一个伪元素，给他设置定位，宽度高度，就可以给父元素的点击时间增加点击范围...
2021-10-27 11:29:52
699
原创 封装axios请求
#axios基本封装、请求拦截和响应拦截配置我们在开发中基本上都要对请求进行统一配置，这样非常利于我们后期的维护比如可以在此配置请求拦截，响应拦截等大部分请求都需要携带token，我们可以在请求拦截中进行配置，让页面每次发起请求时都被拦截下来加上token再通过。import axios from 'axios'// 在此可判断当前是什么环境 开发环境、生产环境const isDev = process.env.NODE_ENV;// 基础配置const ins = axios.create
2021-10-14 18:24:04
156
原创 用Vue实现一个简单的记事本效果
html部分<div id="app" v-cloak> <p class="title-Black">小黑记事本</p> <div class="head-box"> <input class="record-box" type="text" placeholder="请输入非空的内容，点击加号记录" v-model.trim="todoLIST" @keyup.enter="addBox">
2021-08-03 21:03:14
660
原创 关于ES5和ES6的简介
ES5和ES6我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已比如我们使用的微信最早的版本是没有支付功能的随着时间的流逝，后来出现了一个版本，这个版本里面有支付功能了ECMAScript 就是 js 的语法以前的版本没有某些功能在 ES5 这个版本的时候增加了一些功能在 ES6 这个版本的时候增加了一些功能因为浏览器是浏览器厂商生产的ECMAScript 发布了新的功能以后，浏览器厂商需要让自己的浏览器支持这些功能这个过程是需要时间的所
2021-07-29 21:25:07
710
原创 git的常用命令
如果gitee上已经有仓库，或者改动过，需要执行下面的命令在需要上传的文件夹内空白处点击右键鼠标，输入指令git init//获取控制文件夹的命令git add 1.xxx //1.xxx为某某文件夹，或者输入 git add .//.表示选取文件内的全部文件git commit -m '我的第一个版本'//输入更新的版本信息git remote add origin (接网址)//进行提交的gitee上仓库的路径git push origin master //提交命令，提交不上去，因为是文件
2021-07-29 21:23:25
140
原创 JS的基础的方法使用String以及Array
JS基础方法-String方法str.charAt()方法作用：查找一个字符串的索引对应的字符，索引范围为从0到length()语法：str.charAt(n)语法解释：str为将要查找的字符，n指将要查找字符的某个下标例如 var str = "腾讯游戏 用心创造快乐" console.log(`打印第3个索引:${str.charAt(3)}`);//打印第3个索引：戏 console.log(`打印第8个索引:${str.charAt(8)}`);//打印第8个索
2021-07-29 21:19:57
314
原创 用jquery给同级元素实现value值的加减操作
//这里先获取页面元素的dom元素，设置点击事件$("#reduce_num").click(function () {///然后声明一个cont接收同级元素，这里的this指向获取到的dom元素，next表示下一个同级元素， let cont = $(this).next(); //先给一个判断，如果cont元素的value值已经是0了，做出判断，return出去不执行下面的减1操作，如果大于1则执行下面的方法，这里的parseInt是为了将页面中的value值（这..
2021-07-29 21:15:37
525
原创 关于如何判断浏览器地址中的锚点
+ 将需要判断锚点的页面加载此代码。利用一个函数自调用的方法，函数将会自执行；+ window.location表示浏览器的方法，hash是获取浏览器地址参数的方法，slice表示将截取掉从下标0后面开始，也就是1后面的参数，表示截取#后面的参数+ 下面开始判断，如果h不等于home参数，就执行下面的代码，否者执行什么代码```(function () { let h = window.location.hash.slice(1); if (h !== "home") ...
2021-07-29 17:45:17
392
原创 数组排序，利用js对数组进行从小到大重新排序
1.冒泡排序：始终将最大的值冒泡排序到最后面 ``` var arr = [8,7,6,5,4,3,2,1]; //先找到最大的数，放到最后，进行两两比较，最大的数永远在最后面,利用两个for循环，外层的for用于循环多次判断数组的两两大小，里面的for循环用于判断前后两个数，也就是两两对比，大的值就对调位置，再用if用于判断，里面申明一个新的变量接收对调的值的临时存放，最终完成对调 for(var j = 0; j < arr.leng...
2021-06-17 21:15:30
8802
原创 关于视口，rem单位的计算方式方法
关于头部区域的视口<meta name="viewport" content="width=device-width, initial-scale=1.0"> 在pc端布局写不写无所谓 但是移动端必须写关于计算单位rem网页中常用的单位有哪些 - px 像素 - em 相对单位 - pt 磅 硬件、打印机 - % - deg - rem 相对单位 相对于html根元...
2021-06-01 21:46:27
474
原创 多列布局和媒体查询
关于多列布局css多列布局column-count 列数属性属性值：nmber;属性值：数值加单位；column-rule 边框；column-fill:auto/balance ;auto 表示各列的内容自动补充；balance 均衡补充；column-span ;none 表示不跨列 ；all 横跨所有列，并定位在列的z轴之上；text-align:center; 使用在块元素上 ，块元素默认独占一行，宽度100%；column-width:列的宽度；column
2021-05-31 21:18:12
119
原创 关于怪异盒模型和弹性盒模型
标准盒模型 - 组成部分: content + padding + border + margin - 计算方式: - 计算自身的大小 content+padding+border - 盒子在浏览器中所占的位置大小 content+padding+border+margin怪异盒模型(IE盒模型):在IE低版本浏览器如果丢失了文档类型,触发IE盒模型(IE6)...
2021-05-28 21:59:54
516
原创 3D和动画属性
关于3D和动画的学习景深 近大远小 景深的样式程序中实现的方法 perspective 元素距离 视线的距离（物体和眼睛的距离越小，近大远小的效果越明显） 属性和属性值：perspective: 1200px;（在父元素中使用）transform:perspective(1200px) （在子元素中使用）3D属性 2d场景，在屏幕上水平和垂直的交叉线x轴和y轴3d场景，在垂直于屏幕的方法，相对于3d多出个z轴Z轴：靠近屏幕的...
2021-05-27 19:41:44
198
原创 渐变属性还有2D属性的大概介绍
线性渐变属性的学习属性:background 属性值:linear-gradient(参数) - 第一个参数表示方向 - 第二个参数表示颜色1 - 第三个参数表示颜色2 - ...最少两个、多个、无数个颜色 注意- 每个参数之间都需要用逗号隔开 - 线性渐变是有兼容问题的,需要加浏览器前缀，但是在工作中一般不考虑兼容写法 第一个参数:方向 - 从一个边到另一个边 t...
2021-05-26 20:29:19
67
原创 CSS3中新增得属性
CSS3中新增得属性属性选择器的使用 E[attr] E表示标签的名字 [ ]中括号中填写选择属性 attr是一个属性 E[attr=”value”] 表示选中属性中带有value属性的 E[attr~=”value”] 表示选中有attr属性，且是有共同的value（某某）属性 E[attr ^="value"] 表示选中有attr属性，且是有共同的value（某某）属性开头/开始的 E[attr $="value"...
2021-05-25 19:25:08
122
原创 关于html5的新知识
关于html5的新知识Html大前端 发布时间为2014年 为什么推出html5 手机移动，pc电脑，pad 兼容优化 用户体验上做出的优化 Html5更新了哪些技术 新增了语义化标签、header、footer、main 新增了属性 placeholder 新增了api（数据接口。操作）七天免登录...
2021-05-24 21:15:33
80
原创 表单以及关于BFC的重点。
关于表单的回顾： -表单的作用是收集用户的数据，后续和后台发生数据交互 <form表单 action="提交的地址" name="表单的名字" method="get/post提交给浏览器的方式"> <input type="text" name="" size="文本输入框的大小设置" maxlength="最大长度字符" value="占位符"> <!-- password密码输入框、radio单选框、ch...
2021-05-21 18:51:27
118
原创 关于宽高大小的自适应、高度塌陷以及伪类选择器的解释~
关于宽高大小自适应 今天的内容大纲解释了：宽度自适应的问题 高度塌陷的问题 兼容的问题关于宽度自适应width -在页面的布局中如果是“块级元素”设置宽度为100%或者不设置的情况下，宽度默认自适应到整个屏幕，（达到通栏的效果） -块级子元素不设置宽度的时候，和父级等宽度...
2021-05-20 18:32:49
331
原创 HTML关于定位和锚点的设置解释
HTML关于定位和锚点的设置解释：相对定位的使用： 相对定位的属性是position：relative -参照物：相对于初始的位置进行移动 -方向：top-right-bottom-left 定位数值可以接负值的 margin：-10px text-indent：属性是首行缩进的意思，也是可以接负值的。...
2021-05-19 20:06:40
453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人