- 博客(101)
- 收藏
- 关注
RSS订阅原创 nth-of-type 使用class 详情
nth-of-type里既然有个type，就表示它是按照元素类型来进行选择的，它的选择范围是父元素下某一种元素类型的集合。ele:nth-of-type(n)表示选择父元素下的第n个ele元素，其中n可以是正整数、公式或者关键字。n为正整数，如p:nth-of-type(2)表示选择父元素下的第2个p元素。n为公式，如p:nth-of-type(2n+1)表示选择父元素下的每一个奇数项的p元素。n为关键字，有even(偶数，等价于2n)和odd(奇数，等价于2n+1)两种。
2023-08-23 10:58:15
652
原创 完美解决 antd-vue a-transfer 中 a-tree接口异步加载
可以让antd-vue 穿梭框能够把异步的树形图，能够正常的使用穿梭框，做了研究，发现全网找不到案例，研究一天搞定了。
2022-11-01 10:59:05
2501
原创 git 常用的命令行
常用git命令行：git pull //拉取代码git commit -m "xxx" //提交和提交文字提示git push //推送代码创建分支git流程：git branch test //添加test分支git checkout test //切换到test分支git add . //添加所有新文件文件git commit -m "add test branch" //提交和提交文字提示git push --set-upstream origin te....
2022-06-13 11:08:01
2209
2
原创 postman接口执行速度比网页调用接口快的原因
背景：经常在测试人员看见页面加载缓慢就会提个bug让前端同学优化，前端同学看到是接口加载缓慢，于是前端同学通知后端同学，后端同学用postman跑了一下，告诉前端，我这很快啊，于是就进入了撕逼甩锅的过程。。。区别的原因：原因1：https请求的时候，web网页会多了ssl校验，特别是第一次加载接口的时候，后面再刷新页面就会发现快了，因为后面就不校验ssl了原因2：web调用的环境比较复杂，调用一个接口的时候，很多情况下是多个动作一起运行的，资源之间的争夺，部分情况会出现导致接口运行缓慢的..
2022-04-26 14:35:09
4952
3
原创 node npm 常用命令
一、安装包1.模板：npm install xx简写：（npm i xx）可以写多个包 :npm i 包名@版本号,比如：npm i jquery@1.7.2eg： npm i express-session cookie-parser2.安装指定的包：npm i 包名@版本号,比如：npm i jquery@1.7.23.–save、–save-dev、-S、-D、-g–save 等价于 -S–save-dev 等价于 -D–save或-S：表示需要安装...
2022-04-24 13:44:15
348
原创 完美解决：flex布局中设置宽度被压缩的问题
问题描述：在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；产生原因：当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩解决方法: 给固定宽度的元素添加flex-shrink:0flex-shrink:0;TIPS：flex-shrink平时在使用过程中比较少见，具体查看flex-shrink链接...
2022-03-17 10:22:58
25932
4
原创 微信小程序 分享 onShareAppMessage onShareTimeline 使用 async promies 的坑和方式
开发环境：uniapp window uview开发背景：分享的链接参数是接口生成的，所以每次分享的时候需要进行调用一个接口。为了实现这个目标，想到用async 来等待接口请求完了，在分享实际测试：测试分享好友：测试结果是成功，分享的url，确实会带上接口返回的参数async onShareAppMessage(res) { const {data} = await this.$u.api.getShareOther(); return { title: '分...
2022-03-16 16:16:25
2548
原创 微信小程序上传文件 chooseMessageFile uploadFile，添加loading显示异常
开发环境：uniapp vue2.0开发背景：小程序中使用了chooseMessageFile，选中聊天记录中的文件之后调用uploadFile进行上传，本想在调用chooseMessageFile 之前添加loading,在上传成功后在隐藏loading。实际是直接点击选择文件那一下，loading就迅速消失了，没有等上传成功后再消失。问题原因：调用chooseMessageFile时候，选中文件返回时候，页面进程被中断了，导致loading直接就消失了。解决办法：在启动loadin...
2022-03-03 16:31:13
4422
原创 uniapp vue 中 echarts 修改tooltip 添加html便签没被解析
开发环境：uniapp ；vue ; echarts5.0背景：在使用uniapp开发echarts折线图的时候，重写tooltip时候，点击折线图的小弹窗，没有解析html标签。原因:echarts中的js和uniapp自带的wx对象js冲突了，可以把wx对象重置未空就行。解决办法：在main.js 添加 window.wx = {}，重置对象...
2022-02-18 16:48:11
1243
2
原创 微信小程序 wx.setstoragesync和wx.setstorage 区别
相同点：微信小程序 wx.setstoragesync和wx.setstorage都是能把值保存在微信小程序缓存中，类似于浏览器的localstorage概念区别：wx.setStorage是异步的：就是这个在执行中不会影响其他代码的执行wx.setStorageSync是同步的：要等待这个代码执行完才会去执行其他的代码使用范例：setStorage：// 设置值wx.setStorage({ key:"key", data:"value"})// 取值...
2022-02-17 15:49:27
2642
原创 完美解决：页面识别textarea的回车
背景：在后台管理中textarea组件中编辑文本，里面的文本有换行，展示到前端页面的时候，正常是无法识别到回车解决办法：添加下面的css就行.des { white-space:pre-line; }
2022-02-16 11:47:11
769
原创 完美解决：antd-vue Chrome禁用账号密码自动填充
背景：在系统登录页中，点击chrome中的默认保存会自动填充账号密码，现在想把这个默认功能去掉。。。网上看到了：都是用autocomplete="off" autocomplete="new-password"就能使用了,我就高兴的copy，见鬼的是大家都说能用，只有我不行。。。，注意了下，文章的日期，大多是几年前的。。一个大胆的想法产生了，就是高版本浏览器无法支持autocomplete，一番查看果然有人是这么回答的，解决方式：先让input 为readonly,得到焦点时候再把re...
2022-01-25 11:18:20
5790
10
原创 vue $set 1分钟精通
使用场景：经常在vue中，修改对象某个属性，或者修改数组时，会发现页面没有更新，这是因为vue为了性能，不会主动去监听对象的值是否改变，只有对象地址改变时，vue才会主动去更新。修改对象地址主要是使用深拷贝，还有一只方式就是用vue自带的$set.使用方式：$set更新对象时：this.$set(this.data,”key”,value’)$set更新数组时： this.$set(this.data,index,value’)...
2022-01-19 16:03:49
461
原创 30个ES6—ES12 新功能
30个ES6—ES12 新功能ECMAScript是一种由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言，这种语言被称为 JavaScript 。简单来说，ECMAScript 是 JavaScript 的标准与规范，JavaScript 是 ECMAScript 标准的实现和扩展。自2015年开始，ECMAScript发布的版本如下：发布时间 正式名称 版本名称 名称缩写 2015 ECMAScript2015 ECMAScri.
2022-01-12 15:11:09
1014
1
原创 uniapp uview 选择地区的组件 自定义添加一项
背景：使用unipp开发的小程序中，使用了uview的框架，现在需要第一项添加一个“全部”这个选项，原来的地理位置都是默认的，研究了一番终于解决了！！解决步骤：1.开发uview配置地区的目录文件，在文件按下图添加自定义内容，注意：如果省在第一个加了一项，市和区都要在第一个位置加一项，要不省-市-区对应关系就会错乱！！...
2021-12-27 16:31:36
1580
原创 把master分支的代码，同步更新到子分支中
背景：git项目开发中，早先从master拉取,建立test分支，如果现在先把test的分支东西，再同步一次最新的master的代码内容。解决方法：第一步:先把代码切换到test分支第二步:敲下面的代码git pull origin master...
2021-12-12 15:24:38
1544
原创 Vue 中img标签src的路径问题
背景：开发过程在本地开发时候img正常显示，打包之后显示路径不正确。解决方法：<template> <div > <img :src="logo" /> </div></template><script>import logo from '@/image/logo.png'export default { data () { return { logo:logo ..
2021-12-02 16:35:22
1196
原创 vue npm安装报错 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
背景：今天看到同事电脑突然爆FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory ，同样的代码，我确没有问题，调查了下是他的node 内存不足，nodejs内存溢出，解决方式：在命令行输入下面代码；npm install -g increase-memory-limitincrease-memory-limit...
2021-11-26 18:25:04
1016
原创 小程序ios15页面被击穿的问题
背景：使用uni 中 uview组件，弹窗时候选择日期组件点击时候，会点到蒙层下方，导致弹出键盘。调查：我的手机是ios14不会有这种情况，测试用的手机是ios15,我就大胆的猜测，可能是兼容问题。我在uview组件配置了z-index 99999,依然不起作用。百度了下：有人说用：，但是我这个第三方的组件，没办法修改。。。。解决：最后使用了暴力解决方式：在弹出日期组件弹窗时候，直接把其他的内容隐藏，bingo ！！！，完美解决问题...
2021-11-25 13:57:09
459
原创 uniapp 导航配置按钮
背景：做一项目，uniapp现在首页导航栏添加一个返回的图标，并且添加回退的点击事件。解决方案：配置信息如下：在pages.json中：添加titleNView "titleNView": { "buttons": [ // 左边 { "color": "#FFFFFF", "colorPressed": "#BBBBBB", "type": "back", "float": ..
2021-11-21 16:30:33
1018
3
原创 checkSession:fail 系统错误，错误码：-13001,session time out, need relogin
项目场景：在微信开发者工具中，微信小程序登录时候，调用wx.checkSession，一直报checkSession:fail 系统错误，错误码：-13001,session time out, need relogin问题描述：checkSession:fail 系统错误，错误码：-13001,session time out, need relogin原因分析：主要因为没有登录的原因解决方案：在调用checkSession时候没登录时候，让他重新调用wx.log...
2021-11-08 16:48:18
2327
原创 vue 使用scss报错 this.getOptions is not a function
背景：npm 安装sass发现报错了大概通过npm安装sassnpm install node-sassnpm intall sass-loader上述命令安装的是最新版的，出现错误的原因就是安装最新版的导致getOptions()不兼容，解决方案就是卸载sass-loader node-sass，安装低版本，命令如下npm uninstall sass-loader //卸载npm install sass-loader@8.0.0 //安装8.0npm uninst...
2021-11-02 20:34:29
1034
2
原创 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
背景：在一个旧项目中，发现重新npm install 的时候，报了Cannot assign to read only property 'exports' of object '#<Object>'，而本地运行的时候没问题，发布服务器的时候，发现问题,报了Cannot assign to read only property 'exports' of object '#<Object>'。出现bug的原因是：第一种是：webpack不能混合使用import 和modul..
2021-11-01 15:39:04
4182
1
原创 display:flex 和 display:inline-flex 区别
简单的说就是：display:flex;不会让容器本身取消它的块装的属性，但它的子元素会变成行内块的的属性 。display:inline-flex;父级是变成行内块元素，他的子元素也是行内块元素，并且自动换行。...
2021-10-12 18:59:04
1588
原创 完美解决 .gitignore无法生效
背景：想把一个已经在git中的目录，添加到gitignore里面，让以后的git提交不要出现他，发现添加完，git commit的时候，还是有这些问题，让我提交。原因：原因是.gitignore只能忽略那些原来没有被track提交的文件，如果某些文件已经被纳入了版本管理中，则修改.gitignore是无效的解决方式：该项目的目录的命令行里，输入下 面命令gitrm-r--cached.gitadd.gitcommit-m'update.gitignor...
2021-10-11 15:07:35
357
原创 vue v-for 最好不要index作为key
为什么要用key？Vue 和 React 都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。Vue 和 React 的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 同一层级的一组节点，他们可以通过唯一的id进行区分。为什么不能用index作为keyvue中 如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来
2021-10-11 08:49:30
190
原创 3分钟了解 vue props type类型
用了很久的vue，有时候总觉得props type类型，总是有点模棱两可，今天来好好的盘盘他props介绍：都知道props是用来父给子传值的（单向的）,HTML 中的 attribute 名是大小写不敏感的，这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名props类型：props type使用的目的，有点像typescript那种类型检查，type的类型有如下几种，...
2021-10-08 17:16:29
18187
1
原创 andriod移动端文字不上下居中-完美解决
背景：在andriod移动端页面中，发现文字不管用flex布局，还是设置line-hight文字都无法上下居中，都会偏上一点，在pc和ios页面中又没问题，让我差点怀疑人生，这么简单的居中都搞不定了？调查：这是andriod的一个bug，字体小于12px,或者使用rem等会出现这种情况（网友提供的资料待验证）解决办法：1.把字体放大2.再用scale缩小，缩小后原来的位置莫名被保留了，导致间隙大，这时候再用位移调整下，如下代码： font-siz...
2021-09-29 20:11:51
1229
原创 浏览器页面的生命周期
浏览器页面的生命周期Android、iOS 和最新的 Windows 系统可以随时自主地停止后台进程，及时释放系统资源。也就是说，网页可能随时被系统丢弃掉。Page Visibility API 只在网页对用户不可见时触发，至于网页会不会被系统丢弃掉，它就无能为力了。为了解决这个问题，W3C 新制定了一个 Page Lifecycle API，统一了网页从诞生到卸载的行为模式，并且定义了新的事件，允许开发者响应网页状态的各种转换。有了这个 API，开发者就可以预测网页下一步的状态，.
2021-09-23 10:09:47
2916
原创 css 实现椭圆，半椭圆
一、自适应的椭圆1. 椭圆css.ellipse{ width: 250px; height: 150px; margin: 50px; background: #FFD900; border-radius: 50% / 50%;}效果图2.半椭圆所以现在我们知道怎么来实现半椭圆了吧：css.ellipse{ width: 550px; height: 150px; margin: 50px; bac...
2021-09-17 10:02:58
1783
原创 nuxt中使用svg 开发svg组件
为什么要使用SVG虽然我们在日常开发的时候，在使用iview 或者element ui等组件时，通常会包含一些常用icon；但是在面对一些特定的需求时，或者自己想high一下，这些通用的icon并不能很好的满足我们。这个时候我们可能会拿到一些SVG适量图，但是怎么去使用这些矢量图呢。项目目录这里以基于Nuxtjs的开发为例：要使用SVG矢量图，在这里会使用到上述匡出来的文件。其中在asserts中放置一些图片资源（个人习惯）如图所示：在compo...
2021-08-24 09:43:08
1046
原创 ajax fetch axios xhr 一次性了解清楚
目录ajax fetch axios xhr 一次性了结清楚一、ajaxfetch axios xhr关系图：二、他们各自的概念1.Ajax（原生自带）2.XMLHttpRequest（原生自带）3.fetch（原生自带）4.Axios（二次封装）ajax fetch axios xhr 一次性了结清楚一直以来，对fetch ajax axios xhr 之间的关系和概念很模糊，今天忍不了坐下来好好的盘盘他们。一、ajaxfetch axios xhr关系...
2021-08-19 13:50:58
323
原创 nuxt项目打包成静态包，解决报错：xxx from origin ‘null‘ has been blocked by CORS policy
背景:公司需要把前端代码打包成静态文件，但是初始化打包，发现js报错。经过一番研究，解决了这个问题。报错信息：第一步：解决js引入路径问题在nuxt.config.js中修改js引用配置路径：添加mode 和 base配置...
2021-08-18 11:05:03
1087
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人