- 博客(40)
- 收藏
- 关注
RSS订阅原创 Prettier & Eslint & Stylelint & Husky & lint-staged
Prettier & Eslint & Stylelint & Husky & lint-staged
2023-05-26 10:09:09
1232
5
原创 CSS-BFC
Block Formatting Content格式上下文BFC就是符合某些特性的元素指一个独立的区域/空间，或者说是一个隔离的独立容器，不会影响到外部。如何形成？// 1.float除none以外的属性// 2.position：absolute/fixed// 3.display：inline-block/table-cell/table-caption/flex// 4.overflow除visible以外的属性BFC特性规则// 1.内部元素垂直方向放置// 2.垂直方向的距离
2022-05-21 00:21:10
141
原创 chrome开发调试小技巧
1. Replay XHR（重新请求）前端：‘接口报错了，后端童鞋看一下’后端：‘ok 你重新请求一下 我打个断点’以上场景相信各位开发都遇到过，一般情况下 我们都会下意识刷新页面或者重新进入页面发起请求，其实在chrome的调试工具中自带了一个选项Replay XHR，Network tab中鼠标悬浮要重新发起的接口右键选择Replay XHR即可重新请求2. Capture node screenshot（截图选中元素）3. $0在构建样式修改样式的时候选中元素后面会跟上一个$0变量
2022-04-22 09:07:54
943
原创 uniapp取消网络请求
如图该页面存在一个tab切换选择，由于两个类型的dom结构一模一样，所以我就偷懒将两个接口返回的数据统一由一个数组存储，这个时候就会出现一个问题 ，在用户快速切换tab且网速不是很好的时候 ‘推荐’ 和 ‘全部’ 里面的数据可能会互相污染，本应该是 ‘全部’ 里面的数据存放成了 ‘推荐’ 接口的数据，这种情况中断网络请求就显得尤其重要了。// 在封装请求文件let httpList = {}// 在请求之前判断httpList里面有没有相同的请求如果有则中断取消并删除if(httpList[opt.
2021-12-21 16:43:34
4215
2
原创 js大数据渲染总结
十万条大数据渲染优化window.onload = () => { let now = Date.now(); let ulDom = document.querySelector('ul') let data = 100000 for(var i=0;i<data;i++){ let li = document.createElement('li') li.innerHTML = `我是第${i}个子节点` ul
2021-12-16 15:38:49
2039
原创 微/宏任务，事件循环
js执行机制是从上至下一条条执行，遇到异步代码会放到消息队列里面，然后再往下走。其中异步任务又分为微任务，宏任务，微任务就可以看作是比较紧急的事务，优先级始终比宏任务高。每次微任务执行完毕之后才回去执行宏任务。然后执行完当前的宏任务后会再折返回去看有没有微任务，如果有微任务那么就去执行微任务。当微任务执行完毕之后再去执行下一条宏任务，如此以往就形成了事件循环 Event Loop//宏任务：setTimeout，setInterval ...//微任务Promise.then catch final
2021-04-08 17:58:59
99
原创 浅拷贝深拷贝区别
昨天面试中遇到了这个问题，回来查阅资料发现还是个很重要且基础的知识点，总结记录一下（害 好烦找工作???? ）js数据类型分为基本与引用 当我们创建复制基本数据类型时不会发生什么毛病 一切岁月静好。let a = 'hello'let b = ab = '蔬菜'console.log(a,b) //hello 蔬菜但是我们以同样方式复制引用类型且试图改变属性的时候就出事了。发现被复制的对象里的属性也会发生变化let a = [1,2,3]let b = ab[0] = '0'conso
2021-04-08 10:40:28
114
3
原创 onPageScroll监听卡顿，导致部分dom延迟很久才渲染
先说一下业务场景首页是个很长的商品列表页 ， 通过上拉加载数据，当用户翻页（也就是上拉加载）后应出现回到顶部按钮。然后 开始做法是onPageScroll监听滚动 判断当前位置setData一个标志符通过标志符动态显示隐藏回到顶部按钮。错误代码：onPageScroll(e){ if(e.scrollTop > 700){ this.setData({floorstatus:true}) }else{ this.setData({floorstatus:false}) }}这
2021-01-09 17:00:35
1698
1
原创 小程序自定义动画库
//使用方法import ani from '../../animate.js' //然后页面dom元素指定一个动画实例 <button bindtap="showPop" animation="{{ani}}">自定义动画</button> //然后直接调用 动画方法 //需要传入this对象，及dom的动画实例对象 ani.shake(this,'ani') //ps 可自定义动画执行时间 //ani.shake(this,'ani',2000)...
2020-12-23 10:13:28
323
原创 微信小程序爬坑之旅 -- 持续更新
1.微信小程序不支持使用绝对路径！！！这句mmp我一定要讲出来！2.低版本微信使用async会报错！！！方案1:乖乖使用promise 0.0方案2:下载runtime.js 在使用async的页面引入3.wx.previewImage安卓手机一直转圈https...
2020-11-20 14:59:34
166
原创 前端处理分页
//后端统一把所有数据以json串 传给前端item.total = 数据的length //数据的总数量item.totalPage = Math.ceil(item.total/每页展示的数量) //取整数量除每页展示的数量 分页大小item.current = 1 //默认展示页码let list = {} //以对象的格式来保存数据//for循环 分页大小sizefor(var i = 0;i < item.totalPage;i++){ list['page'+(i
2020-11-07 11:19:06
525
原创 微信小程序获取unionid
卡了我一天查资料都是说微信开放平台绑定小程序就可以获取到unionid然后我就微信公众平台捣鼓了好久 最后才知道微信公众平台和微信开放平台不是一个东西！！！！微信公众平台绑定小程序实现微信支付，微信开放平台绑定小程序实现授权登录获取唯一idccccc！...
2020-10-10 10:35:46
162
原创 vue生产环境跨域问题
开发环境可以在vue.config文件依靠vue.cli设置代理服务器，但是打包生成的正式环境就需要在nginx那边配置反向代理，同时router模式也得切换成hash模式 如果是history同时服务器没做处理的话，页面刷新会404页面。...
2020-09-29 09:26:55
379
原创 web项目部分接口net::ERR_BLOCKED_BY_CLIENT
原因是被谷歌浏览器插件拦截请求把adblock禁掉 所有请求全部正常使用 。
2020-09-23 10:13:09
529
原创 vue addrouters 动态添加子路由 页面没有按照子路由的形式展开在父路由页面上
登录的时候 后台返回页面的权限表然后拿到该数组 便进行动态添加嵌套路由操作具体代码如下export function initRouters(){ myRouter.options.routes[2].children = [] //嵌套路由清空 避免重复添加 let projectIndex = JSON.parse(sessionStorage.getItem("projectIndex")) //选中项目索引 let menuRouters = JSON.parse(s
2020-09-12 19:00:17
1830
原创 element 上传组件 边框样式失效
el-upload组件声明 图片样式 为 picture-cardlist-type="picture-card"修改样式.avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 148px; height: 148px; line-height: 148px; text-align: center; } .avatar { width: 148px; hei
2020-09-10 17:00:26
2151
原创 微信小程序请求数据概率出现400 bad request
RT今天安卓手机请求的到数据明天苹果请求不到数据各种不稳定这个问题卡了我两三天 各种百度google 头发都要掉光了☹️最后发现是域名穿透的问题 用的是花生壳穿透 换了nat123穿透 一切问题都解决????...
2020-08-13 10:03:55
451
原创 mac svn: E155009: Failed to run the WC DB work queue associated
找到.svn文件并进入sqlite3 wc.db “select * from work_queue”sudo sqlite3 wc.db “delete from work_queue”
2020-08-13 10:00:54
423
原创 uniapp安卓app 自动更新并获取更新进度
//首先 先跟服务端约定好接口规则//1.vue原型上写入app版本号 Vue.prototype.$appVersion = "2.0.2" //app版本 ps每次版本改动升级 请务必修改此值//2.首页初次加载 请求服务器 比较版本号 如果与服务器版本号不一致则打开更新页//pages.json更新页配置: "path" : "pages/my/upDateApp/upDateApp", "style" : { "navigationStyle":
2020-07-27 16:47:35
1452
原创 移动端简易的table表格
<template> <view> <view class="flex ac Dark" style="color: white;"> <view class="p-2 " style="width:25%;text-align: center;"> 房间号 </view> <view class="p-2 " style="width:25%;text-align: center;"> 业绩金额
2020-05-15 15:04:40
8164
原创 uniapp scroll-view 在ios端隐藏滚动条
只需要在对应页面style标签下添加/deep/.uni-scroll-view::-webkit-scrollbar {/* 隐藏滚动条，但依旧具备可以滚动的功能 */display: none}
2020-05-12 17:12:48
2296
6
原创 Typescript学习Day4(类型推断)
1，typescript里，在有些没有明确指出类型的地方，类型推断会帮助提供类型let num = 10 let str = 'nineone' //尽管没有声明是什么类型但是ts会自动解析2，最佳通用类型let arr = [0,11,true,null] //(number | boolean | null)[]class animal{ breed:string}cla...
2020-04-30 14:06:37
222
原创 Typescript学习Day4(泛型)
概念//1，软件工程中。我们不仅要创建定义良好且一致的api，同时也要考虑可重用性//2，组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能//3，在ts中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据；这样用户就可以以自己的数据类型来使用组件//泛型变量 T 这里T是个变量 可以用其他代替 li r//类型变量 ，...
2020-04-30 13:41:35
101
原创 Typescript学习Day4(函数)
概念//1，函数是javascript应用程序的基础，它帮助你实现抽象层，模拟类，信息隐藏和模块//2，在typescript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方//3，typescript为javascript函数添加了额外的功能，让我们可以更容易的使用//1，基本示例//命名函数function maxA (x:number,y:number):nu...
2020-04-30 09:51:52
112
原创 Typescript学习Day3(类)
概念从ECMAScript2015，也就是es6开始，javascript程序员将能够使用基于类的面向对象的方式TypeScript，我们允许开发者现在就使用这些特性，并且编译后的JavaScript可以在所有主流浏览器和平台上运行基本使用class Cat{ catName:string constructor(catName:string){ this.catName = c...
2020-04-30 09:18:48
335
原创 Typescript学习Day2(接口)
概念//TypeScript的核心原则之一是对值所具有的结构进行类型检查//它有时被称做‘鸭式辩型法’或‘结构性子类型化’。//在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约基本操作//1，定义一个接口 interface Person { pName : string, pAge : number, pJob : string}le...
2020-04-28 09:39:37
144
原创 Typescript学习Day2(声明与解构)
1，声明//在Typescript中，支持var，let和const这样的声明方式//1， 块级作用域 let var//例1：function func(flag:boolean):number{ let a = 99 if(flag){ //let b = a + 1 var b = a + 1 return b } return b //如果是let声明的那...
2020-04-27 09:43:53
180
原创 Typescript学习Day1(基础类型)
1,字符串let name : string = 'nineone';let age : number = 18;let sex : string = '男';let people : string =` 我的名字是&{name}, 我今年&{age}了， 我是&{sex}性`console.log(people) 2，数字let num1 : ...
2020-04-25 16:31:31
227
原创 uniapp使用vuex
项目根目录创建store文件夹，store创建index.js文件store里的index.js文件引入vue，vuex，导出vuex.storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({})store对象结构2.1 :state//全局属性变...
2020-04-03 11:09:02
474
原创 【转载记录】rn工程启动流程
一、React Native工程结构分析1) 初始化RN工程react-native init LKDemo22) 工程目录结构图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZUf5wHzh-1585552299962)(/Users/a123/Desktop/Flutter/LearnFlutterNodes/images/img16.png)]3）...
2020-03-30 15:11:54
262
原创 【转载记录】rn环境配置
-------------如果你使用的是Mac OS系统，请参照以下步骤-----------安装前注意：在Max OS X 系统中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：sudo chown -R `whoami` /usr/local如果命令行提示command not found，请加上sudo获得最高权限...
2020-03-30 15:10:18
199
原创 【转载记录】react-navigation安装及使用
一、安装1.1 项目初始化完成后，集成React Navigation在项目的根目录下运行命令：expo install react-navigation react-native-gesture-handler react-native-reanimated react-native-screens1.2 在已创建的项目中安装 React Navigation在项目的根目录下运行命令...
2020-03-30 15:08:18
434
原创 小程序自定义弹出框，支持淡入淡出动画。
modal----api：isShow ------布尔值---------true显示---------fasle隐藏inp ------布尔值---------true文本弹出框---------fasle默认弹出框okCor ------字符串---------自定义确定按钮颜色okBtn ------字符串---------自定义确定按钮文字cancelBtn ------字符串...
2020-03-26 14:38:07
6860
3
原创 less css预处理语言
安装npm i -g less使用vscode安装插件easy less新建一个less文件例如:test.less每次保存的时候，都会自动编译一个css文件 然后页面引入编译后的css文件即可 。@声明变量注:声明变量不能有特殊字符 .不能数字开头,可以数字结尾.区分大小写例如: @colorp:purple;嵌套例如:.father{ .son{ backgr...
2020-03-18 15:48:19
212
原创 移动web h5开发相关
单位相关…1.rem：rem 是根据html的字号进行计算的 比如html的字号是16px 那么1rem就等于161=16px 0.2rem=160.2=3.2px2.emem是相对于父元素的字体大小来计算的 比如父元素是16px 2em就相当于2*16=32px3.vhvh = 浏览器视图 20vh就等于当前视图百分之20的高度4.vwvw同理vh 20vw相当于当前视图的百...
2020-03-18 14:44:18
94
原创 vue项目npm run build报错
报错信息：building for production…Error processing file: static/css/app.df86e347a94aed52aa7bb0b865b3f053.css…吧啦吧啦一大堆，遇到这类信息不要慌！第一时间还是熟练的打开百度google面向浏览器编程????笔者并没有引入mui所以这个问题pass????终于找了好久终于找到解决方案????即修改文件webpac...
2020-01-18 14:54:05
429
原创 钉钉小程序scroll-view @scrolltolower事件不触发
钉钉小程序scroll-view @scrolltolower事件不触发数据是通过v-for渲染出来 但是数据并没有超过屏幕高度导致@scrolltolower不会被触发所以在循环体的外部,scroll-view内部放入一个空白的view获取数据的时候动态设置空白view的高度，以撑满屏幕。这样@scrolltolower就可以被正常触发具体代码：:style={height:屏幕高度减...
2020-01-10 18:39:49
2628
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人