- 博客(28)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 路径传文字乱码，layui使用js修改页面样式，layui父子页面之间传值，window.open打开一个新页面，将新页面关闭后，如何刷新前面的这个页面
layui开发，js开发
2022-12-02 09:58:32
717
1
原创 编码遇到的问题：外层元素铺满，created不能获取dom元素，多行隐藏，多条件筛选，el-dialog修改样式
*1.*有两个嵌套元素，里面元素的高度不一定，可能会撑开元素，比100%要多，这个时候如果想要外层背景铺满解决方法：1.不设置外层元素的高度，2.全局去编写一个css文件，width：100%；width：100%；background：#red*2.*在页面打开的时候想要或取dom元素的值，created里面获取不到，可以在mounted里面去获取3.有时候display：flex会因为元素增多而分行显示，但是我们不想让他换行显示就可以设置flex-wrap：nowrap；overflow：hi
2022-04-14 17:55:45
311
原创 前端技术的发展
静态网页->服务器组装动态网页数据->后端为主的MVC->前后端分离->纯前端的MV*->前端虚拟DOM、前后端同构阶段1.静态网页阶段特征：网页是纯静态的页面交互考静态页面的跳转阶段2.服务器组装动态数据：动态页面的崛起：JavaScript诞生，仅仅使用JavaScript的静态页面不能读取后台数据库中的数据，以PHP，JSP、ASP.NET为代表的动态页面技术相继诞生其流程为：浏览器发送请求->后端生成静态页面->发送到浏览器特征：网页不再是纯
2022-03-29 10:30:43
1888
原创 解决display：flex布局出现的问题
1.页面实现过程中，有时候会希望页头或者页尾fixed固定布局，但是固定布局之后，会将元素的一些内容遮挡掉原因：使用了display：fixed布局之后，元素会浮动起来，不再占有以前的位置，解决的方法就是在这个元素外层在包裹一个等高度的元素，外层元素只需要设置一个高度就可以了，里面的内容元素按照样式设置就行...
2022-03-18 10:39:47
2303
原创 错误分享2， ‘vue-cli-service‘ 不是内部或外部命令，两个数组对象去重
‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。是需要npm install安装依赖在写代码的时候，会经常遇到，两个数组对象，删除其中一个的重复项我试过一层循环的，就是在第一层循环的时候，就将重复的数据删掉，还是有就是把这些重复项的数据保存下来遍历完了，再根据这个保留的索引号去删除，这两种情况的都是不可行的，因为没有考虑到数组的长度，两种情况导致的原因都是遍历数组的长度没变，索引没变，但是删除的数组长度和索引都都在变最后还是用的map的两层循环，不变的数据
2022-01-20 11:09:31
386
原创 遇见的浏览器状态码报错
302，系统重定向，这个解决方法，是去网络里面的响应表头里面找到Location，去访问Location后面的地址500，虽然说5XX，都是服务端出现异常，但是500的情况，有可能是前端向后台返回的数据格式有问题，或者是url的地址拼接有问题，这两个是目前编程遇到频率最高的，后面遇到其他状态码再加上有时候浏览器报错，可以去network里面查看，更清楚...
2022-01-14 15:13:35
1110
原创 对于qs的理解
qs是npm包中管理的一个模块，是一个增加了安全性解析和序列化字符串的库，主要用来处理url地址的安装： npm i qs然后在需要的文件里面引入：<script>import qs from 'qs'</script>这里插一句：有时候在main.js里面引用的是全局属性，就是在这里引入之后，在需要使用的文件就不需要再次引用了不在main.js里面全局引用，而在需要的文件里面单独引用，这是局部引用，除了引用的文件，其他文件是访问不到的qs主要有两个方法qs.strin
2022-01-14 11:52:08
992
原创 移动端开发遇到的问题
1.两个页面之间如何传递数据，a:可以将数据追加到链接当中，在另一个页面获取数据（也就是通过地址栏传递数据）b:还可以先将数据保存到sessionstorge里面，然后在另一个页面存取2.数组转换为字符串，可以用join方法，还可以将数组直接转换为字符串，然后截取掉方括号，以及用字符串方法，替换掉逗号（，）。3.文字超过字数自动换行：overflow-y:scroll 在垂直方向出现滚动条overflow-x:scroll 在水平方向出现滚动条判断一个字符串是否包含在另一个数组可以使用ind
2022-01-10 16:39:00
159
转载 正则的扩展
什么是正则表达式？正则表达式是构成搜索模式的字符序列可以根据自己的搜索条件设置出，正则表达式来搜索自己需要的内容正则表达式适用于执行所有类型的文本搜索或者文本替换语法/pattern/modifies例如：var patt = /w3scool/i其中/w3school/i,是一个正则表达式w3school是模式（pattern）（在搜素中使用）i是一个修饰符，代表大小写不敏感在ES5中，RegExp构造函数的参数有两种情况，第一种是，参数时字符串，这时第二个参数表示正则表达式修饰符
2021-12-24 10:37:27
114
原创 vant组件的使用
和Element-ui一样，vant也是一个组件库，不过是用于移动端的组件库其使用方法和element-ui类似通过npm 或 yarn 安装#vue2项目npm i vant -Syarn add vant#vue3项目npm i vant@next -Syarn add vant安装之后，在main.js中进行全局引用import Vant from ‘vant’import ‘vant/lib/index.css’Vue.use(Vant)注意看一下进阶用法中的浏览器适配也
2021-12-23 16:02:05
805
原创 处理vant list使用报错的点
1.使用vant-list在滚动条触底的时候，没有触发onLoad事件可能是因为在van-list父元素的地方设置了父元素高度为100%，这里不能这样设置，还有就是可能对需要遍历的数据，在每一次触底时，都进行了初始化2.有时候在tab标签切换后，滚动条不再触发onLoad事件解决方法是，在切换标签函数后，加上this.loading=truethis.finished =false3.下拉刷新时，数据一直在加载中，这是因为少写了，this.refreshing = false;有时候把这条
2021-12-23 15:22:16
3290
转载 html移动端布局与页面自适应布局
常见的布局方式，这里指的是对于width和height在不同页面情况下的改变，1.比如使用px，就是固定其高宽，不论页面怎样放大缩小，其占领的依旧是，使用px固定了的高宽。2.又比如弹性布局，没有设置内容盒子的大小，其放大缩小所占的比列一样，但大小不一样还有响应式布局，媒体布局等等，所以综上：常见的页面布局方式有：1.静态布局 即传统的固定px的布局2.流式布局(Liquid layout)(栈栏系统) 主要划分区域的尺寸使用100%来表示3.自适应布局（媒体查询布局） 即创建多个静
2021-12-21 15:07:55
3540
原创 如何在vue里面引入js和css文件
css是在style标签下使用@import “路径名”例如：@import “…/assets/ky-font/iconfont.css”;js文件引用：在script标签下使用import {} from ‘路径名’和父组件引用子组件一样
2021-12-21 10:56:21
631
原创 子父组件交互
1.父组件向子组件传值父组件向子组件传值，先在data中去定义，然后绑定到指定的组件上在子组件里面，通过props接收可以用props数组形式接收，将传过来的值，放入数组中即可，用props对象形式接收，将传过来的值，用属性名：属性的数据类型表示父组件调用子组件的方法this.$refs[‘popchoose’].子组件函数名（参数1…）子组件向父组件传值子组件里面发送this.$emit(‘方法名’，传递的值)在父组件里面调用这里的data就是传过来的res.data.d
2021-12-16 14:21:02
874
原创 vue中页面铺不满的问题，以及怎样修改element-ui样式
怎么解决vue中，html，body铺不满屏幕的问题，就是对于撑开的部分html，body没有覆盖掉，这样可以通过新建一个css文件，设置html，body的宽高，然后在引入，需要的文件中
2021-12-16 11:50:34
2616
2
原创 遇到问题2，异步问题，以及前端请求因为接口问题，报错400时，
异步Promisefun(a){return new Promise(（resolve，reject） =>{let params = {a:a}this.$request.getRules.getRules(params).then(res =>{// console.log(res.data)resolve(res.data.data)})})}，使用new promise时，不仅要写resolve，成功时返回的结果，还要写失败时，reject返回的值还有就是new
2021-12-16 11:40:46
1162
原创 字符串新增方法
1.String.fromCodePoint()用于返回unicod码点对应的字符，但是这个方法不能识别码点大于0xFFFF的字符使用方法 String.fromCodepoint（0x0025）formCodePoint方法，是用在String对象上2.Sting.raw（）raw（）方法，该方法返回一个斜杠都被转义（即在斜杠前面在加一个斜杠）的字符串，即在斜杠前面在加一个斜杠，往往用于模板字符串的处理。他也会将所有String.raw方法实现形式String.raw有两个参数，注意
2021-11-25 10:59:39
459
原创 字符串扩展
1.字符的unicode表示法es6加强了对unicode的支持，允许采用\uxxxx的形式表示一个字符，其中xxxx表示unicode的码点unicode表示字符的方式，\u{xxxx},\u后面用大括号括起来，可以让它正确解读该字符串综上，JavaScript共有6种方法可以表示一个字符‘\z’ === ‘z’‘\172’ === ‘z’‘\x7A’===‘z’‘\u007A’ ===‘z’‘\u{7A}’ ===‘z’ES6为字符串添加了遍历接口（iterator），使得字符串可以被
2021-11-24 10:10:53
429
原创 变量的解构赋值
ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值1.数组解构赋值普通数组依照位置一次进行赋值嵌套数组也是一次进行赋值注意点：如果解构不成功就为undefined结构赋值触发默认值的情况（1.左边有值，右边为空 2.左边赋值了，右边赋值为undefined·）如果默认值是一个表达式，那么这个表达式是惰性求值，只有在用到的时候，才会求值默认值可以引用其他变量，但是顺序为先解构，在触发默认值只要某种数据结构具有Iterator接口，都可以采用数组形式的结构赋值
2021-11-23 15:54:01
673
原创 let和const以及块级作用域问题
在es6中，新增了let命令，其和var声明一样的，但是let只能在其声明的作用域范围内使用在for循环时，因为这一特性，我们可以将循环下标用let声明，因为这样下标索引i的值在外部访问不到，还要记住for循环一个特殊点，设置的循环变量的那一部分是父作用域，而循环本体内部是一个单独的子作用域。let注意点：在同一个作用域内，不允许同时出现let和let，let和varlet不存在变量提升，在变量未声明之前和使用它的那一段叫做暂时性死区块级作用域...
2021-11-23 14:51:37
848
原创 数组进阶
数组的基本概念：数组是值的有序集合，数组有两种特性：数组的和对象的每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引数组是无类型：数组是动态的，数组是稀疏的：数组元素的索引不一定是连续的，他们之间允许有空缺针对稀疏数组，其length属性，比实际的多数组是特殊的对象以Array.prototype为原型[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rJ5tVk4Q-1618996183456)(C:\Users\97950\AppDat
2021-04-21 17:10:05
78
原创 对象进阶
对象的特征1.JS基本数据类型，一种复合值，可看做是属性的无序集合。2.对象除了自身属性外，还可以从一个称为原型的对象继承属性。 原型式继承3.对象是动态的，常见操作对其属性进行创建、设置、查找、删除、检查和枚举等操作4.除了原始值，false，null，undefined，其他值都是对象。对象的分类1.内置对象2.数组对象3.自定义对象属性的分类：自由属性继承属性创建对象：所有通过对象字面量创建的对象都具有同一个原型对象通过new创建对象Object.p
2021-04-21 17:09:12
29
原创 ES6数值扩展
概述：1.原始值与引用值2.基本包装类型ES将数据划分为原始值和引用值原始值是单一的数据，如10，”abc“，true（数值，字符串，布尔）ES设计了6种原始值：Undefined，Null，Boolean，Number，String和Symbol保存原始值的变量是按值访问，操作存储在变量内存中的实际值引用值，表示有多个值（原始值或其他引用值）构成的对象ES不允许直接访问对象的内存空间实际操作对象，访问的是保存对象的内存地址，及该对象的引用动态属性1.原始值是不能改变的2.引用值（对
2021-04-21 17:07:03
191
原创 原始值与引用值
概述：1.原始值与引用值2.基本包装类型ES将数据划分为原始值和引用值原始值是单一的数据，如10，”abc“，true（数值，字符串，布尔）ES设计了6种原始值：Undefined，Null，Boolean，Number，String和Symbol保存原始值的变量是按值访问，操作存储在变量内存中的实际值引用值，表示有多个值（原始值或其他引用值）构成的对象ES不允许直接访问对象的内存空间实际操作对象，访问的是保存对象的内存地址，及该对象的引用动态属性1.原始值是不能改变的2.引用值（对
2021-04-21 17:05:47
393
原创 结构赋值
什么是解构赋值：左边一个结构，右边一个结构分别赋值 //解构：分解，结构，赋值结构：数组结构和对象结构解构：ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值（这种方式相当于模式匹配，当两边模式相同时，左边配给右边）解构赋值的分类：数组结构赋值（重点）对象结构赋值（重点）字符串结构赋值布尔值结构赋值函数参数结构赋值（数组结构赋值在函数参数的作用）数值结构赋值块作用域：用{}括起来就形成一个块，因为let变量不能重复声明小结：1.当右边的没有被赋值时，没配对成功时，数据
2021-04-21 17:04:06
1513
原创 let，const与作用域
概述：ES6之前的版本用var声明变量，且不支持块级作用域JS中变量的实际创建位置取决于如何声明该变量ES6里面增加了两个关键字const和let用于控制作用域作用域：限制变量的访问区域letlet：识别块作用域，只在块作用域里面使用var允许变量提升，变量提升的是声明，不包括赋值的部分let的语法与var作比较：1.ES6规定，如果区块中存在let和const命令，则这个区块对这些命令声明变量冲一开始就形成封闭作用域。暂时性死区：let到其上面块之间的用到了let声明的变量的代码2.
2021-04-21 16:31:20
309
求解决vue从数据库拿到html代码渲染到页面，不能实现双向绑定和代码乱码的问题
2023-10-31
layui弹出页面传递参数
2022-12-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人