- 博客(36)
- 收藏
- 关注
原创 HormonyOS第一课第八章习题答案
3.以下选项是键值对列表,以Key-Value形式展示,如[teacher-zhangsan, student-lisi],表示有两个键值对,第一个键值对Key为teacher,Value为zhangsan,第二个键值对Key为student,Value为lisi。A. 使用getPreferencesSync()获取用户首选项实例,然后使用putSync()方法保存数据到缓存的Preferences实例中,再使用flush()持久化数据。4.使用用户首选项持久化数据的正确流程?
2024-07-22 15:09:44
765
原创 uni-app 中使用uview生成测试小程序后报错:pleaseSetTranspileDependencies is not defined
解决在uni-app 中使用uview后在生成小程序后第一次编译时控制台报错:pleaseSetTranspileDependencies is not defined
2023-01-06 10:13:01
1868
4
原创 [taro react] 【run dev:h5】 报错 Uncaught ReferenceError: $RefreshSig$ is not defined
taro 3.5.7 run dev:h5报错问题解决
2022-10-25 17:44:14
1051
2
原创 微信小程序 rich-text img (vue uni-app的 v-html img ) 图片宽度超出最简便解决办法
以最简单的方式解决微信小程序 富文本 rich-text 的图片超出问题
2022-06-17 11:36:56
5160
31
原创 小程序下拉刷新ios回弹问题-onPullDownRefresh
记录一个小程序的踩坑实录。事情是这样的,业务上需要加一个下拉刷新的功能,我看了我们项目中之前有人做过,直接第一步,cv一下我就也加上去了。加上去后感觉也没什么调一调api的事情。 onPullDownRefresh: function () { this.setData({ pageNum: 1, theEnd:false }, () => { this.getList() }) },谁知……到测试的时候我们测试跟我说这边有问题
2022-04-11 21:23:52
2672
原创 依托 axios 实现全局请求防抖
最近在看axios的时候发现一个之前用过的功能,但是一直没明白其中原理是什么,但是在仔细阅读了axios的api后结合之前所学,对当下的功能又有了新的理解,故又有了这篇文章。首先axios,一个依基于promise的网络请求库。防抖的话这里就不复述了,不懂的可以自己网上查。请求防抖的实现思路:定义一个全局的请求数组,每次在拦截器中判断是否有和数组中地址参数的请求,如果有就取消掉这个请求。核心api :axios.CancelToken;axios的介绍是这样的:
2022-03-21 20:36:32
2335
7
原创 css——优先级(权重)
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。CSS 是开放网络的核心语言之一,由 W3C 规范 实现跨浏览器的标准化。CSS节省了大量的工作。
2022-02-08 13:30:28
687
原创 TypeScript 中为window对象添加属性
这里其实就是用了全局属性 declare global 和 声明合并两个属性。直接代码:window.globalSetTimeout = {};declare global { interface Window { globalSetTimeout: { [key: string]: NodeJS.Timeout; }; aaa: boolean; }}再来使用一下也不会有报错提示了:...
2021-10-14 16:54:04
11040
原创 Type Script 之 泛型
泛型,在ts的类型中我认为可以看成一个类型的变量,让原先定死的“常量类型”在ts语法中自由的穿梭。在阅读本章之前我希望读者有个这样的思维:在一个方法中,TS的基本类型都是常量,如:number,string,undefined等等。而我们今天要讲的泛型,可以理解为是变量。一、泛型基础function fn<T>(leng:number,value:T):Array<T>{ let arr=[]; for(let i=0;i<leng;i++){ arr.push(
2021-08-27 18:02:28
593
原创 TypeScript之元组和枚举
一:元组可以理解为有限且有规律的数组。const people :[number,string] =[1,"2"];一:元组可以理解为多类型的数组const arr :[number,string] =[1,"2"];arr.push(3)//[1,"2",3];arr.push(4)//[1,"2",3,4];arr.push('5')//[1,"2",3,4,'5'];arr.push(true)//类型“boolean”的参数不能赋给类型“string | number”的参
2021-08-26 17:02:52
153
原创 Type Script 之 类型
Type Script 中的类型有很多。常见的类型有:undefined , null , boolean , number , bigint , string , symbol , void , object , unknown , never , any其中基本类型有:void , undefined , null , boolean , number , bigint , string , symbolobject 代表了所有非基础类型unknown , never 则是类型
2021-08-26 10:13:39
171
原创 JavaScript进阶之高阶函数(Higher-order function)
你还在以为 map,reduce ,filter 等是高阶函数吗?
2021-06-02 17:59:47
348
1
原创 从BOM,DOM和ECMAScript来看JavaScript
一个老套的问题:JavaScript是由什么组成的?答:1、ECMAScript(核心) 描述JS的语法和基本对象。2、文档对象模型 (DOM)处理网页内容的方法和接口3、浏览器对象模型(BOM)与浏览器交互的方法和接口ECMAScript其实就是我们所谓的js语法了。js对象啊原型啊什么的。学习方向推荐《你不知道的JavaScript》此书DOM和BOM的学习暂时没找到什么书籍,有篇博客写的不错,此处放一个传送门...
2021-05-12 11:57:17
80
原创 转JSON报错怎么办?增加发生js错误时候的代码强壮性
众所周知,try catch 是处理意外错误时候的语句,主要功能就是 try 方法会尝试去跑它包含下的代码,如果发生错误会立即走到catch里执行catch的方法。这里有一个点要说的就是finally里的return会修改try和catch的返回值,也就是说,如果在finally里返回一个true,就算上面报了错误,返回出来的错误信息会被修改为true,那么,相当于我们的错误就好像没有发生一样。在js中有些内置方法在使用的时候当传入意外类型参数的时候会报错卡死导致直接让整个项目都跑不起来了。
2021-05-06 17:48:45
647
原创 element-ui 项目注意事项
样式:// 兼容table表格第一个下面hover会有一条横线.el-table__row:first-child{ >td{ position: relative; } >td::after{ content: " "; display: block; position: absolute; width: 100%; left: 0; height: 2px; background-color: #EBEEF5;
2021-04-30 10:46:32
85
原创 基础学习JavaScript 之 Array
笔记文Array,JavaScript内置对象之一。由索引值来排序的数据集合,下面就以两种方式列出了array上的方法。会改变自身的方法:copyWithin() //在数组内部,将一段元素序列拷贝到另一段元素序列上,覆盖原有的值。fill() //将数组中指定区间的所有元素的值,都替换成某个固定的值。pop()//删除数组的最后一个元素,并返回这个元素。push()//在数组的末尾增加一个或多个元素,并返回数组的新长度。reverse()//颠倒数组中元素的排列顺序,即原先
2021-04-29 18:48:33
97
原创 axios 解决请求队列里多任务重复
场景:当我们在发出请求后队列里有多个请求的时候,大幅度的消耗了后端的资源,进行了很多不必要的操作。解决:在请求拦截器中,添加去查找当前请求队列里相同的域名接口,如果有,删除当前请求。返回上一个请求。实例: let pending = []; //声明一个数组用于存储每个ajax请求的取消函数和ajax标识let removePending = config => { for (let p in pending) { if ( pending[p].u === conf
2021-04-22 16:38:01
1096
11
原创 你不知道的JS上卷this
此文为学习笔记。每个函数的this是在调用时被绑定的,完全取决于函数的调用位置(也就是函数的调用方法)this的绑定规则:默认绑定首先要介绍的是最常用的函数调用类型:独立函数调用。可以把这条规则看作是无法应用其他规则时的默认规则。function foo(){ console.log(this.a);} var a=2;foo();//2 因为this指向了全局对象//在代码中,foo()是直接使用不带任何修饰的函数引用进行调用的,因此只能使用默认绑定,无法应用其他规则。
2020-11-06 16:59:02
118
原创 JS-词法作用域
词法作用域词法作用域就是定义在词法阶段的作用域。换句话说,词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的,因此当词法分析器处理代码时会保持作用域不变(大部分情况下是这样的)。作用域查找会在找到第一个匹配的标识符时停止无论函数在哪里被调用,也无论它如何被调用,它的词法作用域都只由函数被声明时所处的位置决定。词法作用域查找只会查找一级标识符,比如a、b和c。如果代码中引用了foo.bar.baz,词法作用域查找只会试图查找foo标识符,找到这个变量后,对象属性访问规则会分别接管对bar和ba
2020-11-03 15:24:06
697
原创 react 学习之路一 -- v16生命周期
用了react一年,很多东西用的也是迷迷糊糊的,这里报了来自于拉钩教育的修言老师的课程来系统的学习一下react。下面算是我对于课程的笔记记录以及自我的一点理解吧。在此作出记录以及分享。如果想要一起加入学习之路的可以 点击这里 或者下面评论里说出来~ 共勉!上一篇 v15生命周期上一篇我们讲了react 15的生命周期,接下来我们就再讲讲react 16的。对了在讲之前啊,我这里放一个在官网的对于v16的做的一个流程图,对理解生命周期的执行有很大的帮助。还是三个阶段:一、Mounting 阶段:
2020-10-28 16:33:01
204
原创 react 学习之路一 -- v15生命周期
用了react一年,很多东西用的也是迷迷糊糊的,这里报了来自于拉钩教育的修言老师的课程来系统的学习一下react。下面算是我对于课程的笔记记录以及自我的一点理解吧。在此作出记录以及分享。如果想要一起加入学习之路的可以 点击这里 或者下面评论里说出来~ 共勉!本文主要讲react15.0的生命周期。我们通常把react的生命周期分为三个阶段来区分(本来就是三个阶段嘛)。Mounting阶段 :组件的挂载Updating 阶段 :组件的更新Unmounting 阶段 :组件的卸载那接下来逐步讲一
2020-10-28 16:11:09
332
原创 react 学习之路一 --JSX
JSX 的本质是什么,它和 JS 之间到底是什么关系?为什么要用 JSX?不用会有什么后果?JSX 背后的功能模块是什么,这个功能模块都做了哪些事情?
2020-10-23 15:40:08
137
原创 node初体验——模块化
模块化node遵循的是CommonJs 规范。模块导入导出://导出module.exprots={ a:10, b(){ console.log(123) }}//orexprots.a=10;exprots.b=()=>{ console.log(1234)}//导入require('./module');const {a,b}=require('./module');node_modules:在node_modules下的模块引入的时候可以直接写模
2020-08-27 10:38:31
113
原创 在IIS上配置nginx的try_files
iis么不多说了,后台也是第一次前端的MVVM框架配合开发。因为是.net的所以一直用的也是IIS。没办法,我这小前端也来上前线打仗了。因为前端在本地的时候有本地的代理所以一直没问题,在服务器上,是访问不到localhost的,在页面访问不到的时候把页面重定向到跟目录就好了。首先想的是因为是重定向,就往重定向查啊查,捣鼓了半天。成功是成功了,但是因为一开始的思路错误,导致走了很多弯路(自己往自己重定向)。最后恍然领悟:try_files只是做了一次尝试,可以理解为,定义了一个404的页面。那么有思路
2020-08-11 10:30:31
676
原创 正则之方法篇
js 正则方法:test,exec;test 测试正则是否有匹配;输出布尔值;const str="abc123fda123";const reg=/\d+/g;console.log(reg.test(str));//trueexec只会返回匹配到第一次的结果;如果想要更多的结果可以执行多次;匹配成功返回数组,否则返回nullconst str="abc123fda123";const reg=/\d+/g;console.log(reg.exec(str));//["123", ind
2020-08-10 15:11:07
93
原创 react之react router返回传参
碰到个需求需要返回传参,这里记录一下碰到的坑点。中文档只有replaceState但是api是对的。英文文档是replace但是它显示的是push(path, [state]) - (function) Pushes a new entry onto the可能是我不怎么聪明吧,反正有被坑到。好了不扯了,回到正题,直接说使用的方法吧:一开始找的是react goBack传参。结果发现goback没有参数可传,那只能另寻方法了。最后找到了:this.props.history.replace({
2020-07-24 11:35:04
1920
原创 antd-mobile之请求
项目页面画完了;接下来要做数据交互;那在选用数据请求的时候也是有在考虑过不少方案的。一开始选用的dva脚手架(在使用antd的时候被他的结构吸引)里面也自带了feach;但是尝试了半天没给我搞成功(啊,我太菜了)。最后让我尝试成功了1种方案,Axios加package配置字符串形式的"proxy",指定key的话变成对象会报错。网上找了几种法案都没成功。(如有知道的可以指点一二)代码:npm install axios//安装axiospackage配置:"proxy": "url"页面上
2020-07-22 11:50:53
242
原创 CSS之选择器权重等级(不一样的权重操作)
众所周知我们的css选择器权重最高为!important往下依次为:!important,行内样式,ID选择器,类,属性选择器和伪类选择器元素和伪元素那么我这里讲一点不一样的东西。在某些修改某些组件样式的时候也都有头痛过权重等级。(只要不是放在行内或用!imprtant 你的选择器怎么放都无法盖过他们的权重)不得不用上我们不想用的!important.然我最近发现一些不一样的东西:/* 无效 */.am-list-item .am-list-line .am-list-content{
2020-07-10 10:43:05
228
原创 antd mobile第二弹之报错篇
打开项目后整理完基本的结构之后,就开始开发了,用着用着,发现控制台一直有个报错在显示:自此查 了下,说是使用了旧版本的api。是src下面的index里的<React.StrictMode></React.StrictMode>删除掉就好了~本来以为报错清掉了,结果浏览器好像在开玩笑一样,点击页面到时候又开始出现让人困扰的红色信息了:fastclick.js:446 [干预] Unable to preventDefault inside passive event li
2020-07-07 15:45:03
439
2
原创 antd mobile 项目搭建踩坑血泪史
这两天在用 ant design mobile 的时候碰到个问题:组件引入失败。一直解决不掉,查了半天不知道是我的理解问题还是怎么,就是找不到正确方法。(官网方法居然不行,增加学习难度啊!啊喂!~)最后让我找到了这么一句:“原因: react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired;然后 react-app-rewired 升级到 2.x 以后直接干掉了所有 helpers。”最后才注意到了这局话:解决方法:把react-app-rewired 进行降级后
2020-07-06 16:31:46
735
原创 使用css来实现点击效果
使用css来实现点击事件前段事件有人向我提过一个问题:“怎么使用css实现点击操作。”我想了下倒也不是不可以在解答了之后觉得有趣,刚好最近准备写点博客什么的,便拿来做素材吧。具体实现思路:在点击块上添加一个隐藏的单选button,然后在css里使用选择器判断当前选中块。做出显示或隐藏其他块。代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title><
2020-06-04 11:10:28
2166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人