- 博客(39)
- 收藏
- 关注
RSS订阅原创 如何一键复制所有接口
如何一键复制所有接口第一步： 封装转化接口的函数（不会也没事）getApiUrl () { // 接口文件转存http://192.168.0.193:9020/v2/api-docs window.$get("/v2/api-docs").then((res) => { // console.log('接口转存文档为' + res.paths) formatApiUrl(res.paths); }) }formatApiUrl (apiSo
2022-04-12 18:52:51
726
原创 js模糊搜索高亮效果
js模糊搜索高亮效果先看效果图然后代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2022-02-25 11:08:00
699
原创 JavaScript Promise 对象
JavaScript Promise 对象1、什么是Promise？1、Promise 是异步编程的一种解决方案，（解决回调地狱）回调地狱：在js里，在异步js里，回调函数写的太多了，回调套回调。很难凭直觉看懂代码。var fs = require('fs');fs.readFile('./views/index.html', (err, data) => { if (err) { throw err } fs.readFile('./views/
2022-02-25 10:47:04
1076
原创 antd react Table 列表 内容超出宽 省略号显示 以及 浮窗 Tooltip
antd react Table 列表 内容超出宽 省略号显示 以及 浮窗 Tooltip let columns = [ { title: '政策名称', dataIndex: 'name', key: "name", width: 100, onCell: () => { return { style: { maxWidth: 100, overflow:
2022-01-05 23:55:16
3971
原创 Received NaN for the `children` attribute. If this is expected, cast the value to a string.
Received NaN for the children attribute. If this is expected, cast the value to a string.啥意思： 为children属性接收NaN。 如果这是预期的，则将值强制转换为字符串。剩下的交个自己分析问题在那个文件里面 <div className={styles.talentsdeggetlic}>{(formData.budget * 10000)}</div>元/月经过排查这块代码引起的
2021-12-30 10:14:54
2566
原创 js 基础
Js脚本-javaScript编程分为 ：1、 项目编码 UTF-82、本地编码 ANSI2、 对于判断1、string 空字符串 打印为假 其他为真 // var name = " " ;2、boolean true 为真 false 为假3、number 任何数字值为真 0和Nan为假4、Object 任何对象为真 null 为假5、undefined undefined 为假 其余为真3、valueOf 与 toString这两个方法有意思的
2021-12-27 22:11:02
123
原创 React - antd-mobile移动端项目（好客租房）
React - antd-mobile移动端项目（好客租房）第一步：创建启动项目1、创建项目 npx create-react-app hkzf-mobile2、npm start (yarn start)能看到这个图片 说明项目启动成功了第二步：启动后台数据库先清理MySQL （需要可以看，不需要的跳过）本地cmd 输入services.msc回车，进入服务管理窗口，将MySQL的服务给停止。输入 regedit 打开注册表删除以下几个文件：HKE
2021-11-09 12:38:04
2160
原创 React ES7 React/Redux/GraphQL/React-Native snippets插件常用代码块
ES7 React/Redux/GraphQL/React-Native snippets插件常用代码块生成无状态组件 rfc生成类组件 rcc打印 clg导入 imp导入React imrthis.setState sst导入React,useState,useEffect imrse生命周期方法 cdm类组件定义方法 met生成匿名函数 anfn函数组件定义方法 nfn解构对象 dob解构数组 dar间歇调用 sti超时调用 sto从this.state中解构 cs从
2021-11-05 18:26:06
454
原创 github 提交代码不识别身份 认证身份 提交代码出现错误
github 认证身份github desktop 这个软件提交代码时候弹出警示框说身份不对，叫我重新认证身份解决方案：电脑打开控制面板 => 用户账户 =>凭据管理器 => windows凭据这里面删除你的账户信息 别删错了图片vscode打开项目部会出现弹框 ：输入账户密码这样就可以了再次提交代码就成功了...
2021-11-05 16:28:56
435
原创 react - 从脚手架开始建立一个移动端mobile项目
react -从脚手架开始建立一个移动端mobile项目react （脚手架）脚手架的安装，会使用yarn的建议使用yarn1、npm install -g create-react-app2、create-react-app my-app （my-app）为自己的demo名称注：目录名不要使用大写，这样作只要是为了严谨性成功安装之后运行npm start 即可。假如打开页面没有出来 F12 调试器中报错问题：用create-react-app工具生成react项
2021-11-05 10:02:23
1493
转载 React中的路由react-router
React中的路由react-routerURL的hashURL的hash就是锚点，本质上是改变window.location的href属性；我们可以直接赋值location.hash来改变href，但是页面不发生刷新；<body> <div id="app"> <a href="#/home">首页</a> <a href="#/about">关于</a> <
2021-11-02 18:36:06
544
1
原创 Css-module 嵌套组件样式
Css-module 嵌套组件样式由于原生CSS的规则都是全局的，任何一个组件内的样式规则，都会对全部组件生效，导致全局样式污染。为了解决这个问题，我们可以给不同的页面写不同的类名，但是这样特别的繁琐，而且多人协同开发难免会出现类名重复;css-module 解决了这个问题，通过自动附上独一无二的哈希字符串（需配置），避免选择器重名；在使用css-module 时会发现当前组件样式表的类样式对嵌套组件内的类不生效的情况，以下是嵌套自定义组件和antd组件的例子在webpack.config.de
2021-11-01 16:17:20
836
原创 vue2X与vue3X小小区别
vue2X与vue3X的原理Vue2x1、基于Object.defineProperty，不具备监听数组的能力，需要重新定义数组的原型来达到响应式。2、Object.defineProperty 无法检测到对象属性的添加和删除 。3、由于Vue会在初始化实例时对属性执行getter/setter转化，所有属性必须在data对象上存在才能让Vue将它转换为响应式。4、深度监听需要一次性递归，对性能影响比较大总结：Object.defineProperty 是对对象属性的监听vue3x1、基于P
2021-10-28 10:31:58
214
原创 虚拟DOM 和 diff算法
虚拟DOM与真实DOM的区别虚拟DOM不会进行排版与重绘操作 虚拟DOM就是把真实DOM转换为Javascript代码虚拟DOM进行频繁修改，然后一次性比较并修改真实DOM中需要改的部分（注意！），最后并在真实DOM中进行排版与重绘，减少过多DOM节点排版与重绘损耗真实DOM频繁排版与重绘的效率是相当低的虚拟DOM有效降低大面积（真实DOM节点）的重绘与排版，因为最终与真实DOM比较差异，可以只渲染局部使用虚拟DOM的损耗计算：总损耗 = 虚拟DOM增删改 + （与Diff算法效率有关）
2021-10-27 15:47:32
217
原创 cookie，sessionstorage, localstorage之间的区别
cookie，sessionstorage, localstorage之间的区别1.大小区别cookie： 数据根据不同浏览器限制，大小一般不能超过 4ksessionStorage - localStorage： 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大2、时间限制cookie: 设置了时间限制，一段时间后就会失效，与浏览器是否关闭无关sessionStorage： 基于窗口，只要窗口不关闭就一直都在（与登录无关）localStorage：只要不手动删除掉，就一直存
2021-10-26 11:58:07
91
原创 vue3.0中找不到组件 或者找不到对应的类型声明。怎么解决
vue3.0中找不到组件 或者找不到对应的类型声明如何解决？这里报错 、报错原因报错就是ts影响找不到组件模块或者找不到对应的类型声明typescript 只能理解 .ts 文件，无法理解 .vue文件解决方法在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： declare module '*.vue' { import { ComponentOptions } from 'vue' const componentO
2021-07-08 14:33:56
5705
1
原创 2021-07-01 VUE3.0下拉框回显问题
VUE3.0下拉框回显问题html <el-form-item label="目前法律状态" prop="lawStatus"> <el-select v-model="form.assetHouse.lawStatus" :disabled="route.query.type === 'view'" size="small" style="width: 220px;" placeholder="请选择法律状态"> <el-option
2021-07-01 15:43:01
927
原创 vue3.0-树形选择框
v3-树形选择框展现的效果如下首先代码如下结构<el-form label-width="130px" inline :model="form" ref="aForm" :rules="rules"> <el-form-item label="人员" prop="userId"> <tree-select v-model="form.userId" :options="contactArr"
2021-06-03 19:06:52
973
原创 使用vue3.0实现图片回显
vue3.0实现图片回显这里是结构<el-col :span="20"> <el-form-item label="附件" prop="file"> <el-upload class="upload-demo" :action="uploadFile" :on-success="handleSuccess" :on-error="handleError"
2021-05-25 14:49:28
674
原创 vue中声明式开发选项卡
选项卡案例第一：css样式* { margin: 0; padding: 0; } .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab ul li { box-sizing: border-box; padding: 0; float: left; width: 100px; hei
2021-05-06 16:36:15
71
原创 Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8
Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8报错原因：安装页面自适应插件postcss-pxtorem导致解决方案：重新安装个低版本的就行：npm i [email protected]
2021-04-29 21:12:19
2365
原创 这么说吧 你不是知道闭包
闭包1、什么是闭包 优缺点原理： 一个函数可以访问外部函数的变量就形成了闭包优点： 可以延长函数的生命周期 也可以叫做延长变量作用域缺点 ： 造成内存泄漏常见的应用场景： 实现数据私有注意点：外部函数中，一般需要return 引用（内存才不会被释放）function fn() { let const =0 function inner () { const++ console.log('函数被调用了'+const + '次') } return inner}let
2021-04-16 22:15:46
47
原创 什么是作用域链
什么是作用域链？如上图：inner函数访问自身的变量时，没有找到。则访问外部中的变量，还是没有找到就往全局找这样一层一层形成的链叫做作用域链当然全局还没有找到最外面一层是null 会报错官方回答：js 全局有全局可执行上下文，每个函数调用时，有着函数的可执行上下文，会入js调用栈每个可执行上下文，都有对于外部上下文 词法作用域的引用 ，外部上下文也有着对于再外部的上下文词法作用域引用=>就形成了作用域链...
2021-04-16 16:49:40
325
原创 汽车被追尾, 若对方全责, 除了修车费, 还有这三笔费用必须要对方赔偿
汽车被追尾, 若对方全责, 除了修车费, 还有这三笔费用必须要对方赔偿车子被追尾, 若是对方全责, 除去维修费, 还有这3笔赔偿你必须要付。1、非碰撞部位的损失汽车是一个整体，就好像人体一样，你的身体一部分疼痛，不一定是因为这个部位出了故障，也有可能其他部位也出了问题。汽车也是如此，如果追尾了，受损的不一定是车尾，最好是把车送到修理厂，全部检查一遍，这样哪里受损了就让对方赔偿多少，清楚明了。2、误工费如果你是一个上班族，结果在上班的路上被别人追尾，那么你这一天的时间肯定就会浪费了，交警和保险公
2021-04-14 15:37:15
466
原创 HTTP中Get与Post的区别 GET、POST、HEAD、PUT、DELETE、PATCH方法
走进生活，让心更静些 HTTP中Get与Post的区别 GET、POST、HEAD、PUT、DELETE、PATCH方法Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET、POST、HEAD、PUT、DELETE、PATCH方法。URL全称是资源描述符:我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE、PATCH就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了GET一般
2021-04-13 21:16:54
2179
原创 盘点下快捷键
快捷键的使用和方法1、CTRL（Control）组合键2、Ctrl + A（All）全选3、Ctrl + C（Copy）复制4、Ctrl+X 剪切5、Ctrl + V 粘贴6、Ctrl + S（Save） 保存7、Ctrl + B 整理收藏夹8、Ctrl + E\ F（Search\Find）搜索助理9、Ctrl + H（History）历史记录10、F1-F12（Function）键...
2021-04-13 18:16:47
63
原创 职场经典黑话 兄弟姐妹参考参考
职场经典黑话全是重点① 当老板说：你最近上下班都很准时嘛其实他的意思是：每天走这么早，工作都做完了吗？别人都在加班，你也好意思走？②当老板说：你自己看着办吧其实他的意思是：别 TM 在那里纠结来纠结去了也别指望我帮忙总之尽快给我一个满意的答复好嘛③当老板说：这个项目，你有信心吗？其实他的意思是：管你有没有信心必须给我拿下！④当老板说：放心，公司不会亏待你的！其实他的意思是：好好工作吧你不要整天提一些过分的要求⑤当老板说：忙完这
2021-04-13 18:12:03
558
3
原创 微信小程序报错 Error: MiniProgramError {“errMsg“:“request:fail invalid url \“/api/public/v1/home/swiperdata
微信小程序报错解决方法 其一：// 配置请求根路径$http.baseUrl = ‘https://www.uinav.com’ 这个写错或者没写解决方法 其二：微信小程序里面报错，后面检查了一下 是自己拼接链接的时候http签名多了一个空格 去掉就Ok了...
2021-04-12 20:34:09
22869
2
原创 解剖对this的理解
this 的指向的理解this 可以分为全局和局部环境来细分全局环境中 ===>this指向 window1、this表示当前的对象 this 的指向是根据上下文来决定的 默认指向的是window对象，可以省略不写2、定时器中的this指向的是window3、箭头函数中的this指向是父级作用域，可以说是上下文=>指向它的父级作用域，而不是调用它对象 箭头函没有自己的this即时调用call/apply/bind也无法改变箭头函数的this箭头函数本身没有名字箭头函数不能
2021-04-12 14:10:58
502
1
原创 派大星如期反馈小程序的生命周期
派大星总结小程序中的声命周期1、什么是生命周期生命周期（ Life Cycle ）是指一个对象从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段我们可以把每个小程序运行的过程，也概括为生命周期：小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束中间小程序运行的过程，就是小程序的生命周期2、生命周期的分类在小程序中，生命周期分为两类，分别是：① 应用生命周期特指小程序从启动 -> 运行 -> 销毁的过程② 页面生命周期特指小程序中，
2021-04-10 20:25:36
273
2
原创 派大星的面试题以及解决
1、promise 与 async-await 有什么区别?解答：promise 是一个异步编程的解决方案，减少了代码量，提高了代码可读性，有效解决了回调地狱问题，它可以链式调用。async 的用法，它作为一个关键字放到函数前面， 调用该函数会返回一个 promise 对象如果只是 async,promise 差不多，但有了 await 就不一样了，await 关键字只能放到 async 函数里面，await 是等待的意思。其实它后面可以放任何表达式，不过我们更多的是放一个返回 promise 对象
2021-04-10 18:12:15
357
1
原创 小程序 npm
1、小程序对 npm 的支持与限制目前，小程序中已经支持使用 npm 安装第三方包，从而来提高小程序的开发效率。但是，在小程序中使用 npm 包有如下 3 个限制：① 不支持依赖于 Node.js 内置库的包② 不支持依赖于浏览器内置对象的包③ 不支持依赖于 C++ 插件的包总结：虽然 npm 上的包有千千万，但是能供小程序使用的包却“为数不多”。2. Vant Weapp1. 什么是 Vant WeappVant Weapp 是有赞前端团队开源的一套小程序 UI 组件库，助力开发者
2021-04-10 15:38:50
416
2
原创 小程序 自定义 tabBar
tabBar自定义 tabBar1、自定义tabBar 的一般实现步骤自定义 tabBar 分为 3 大步骤，分别是：① 配置信息在 app.json 中的 tabBar 项指定 custom 字段，“custom”:ture在项目根目录下创建custom-tab-bar文件夹, 并创建index组件{ "tabBar"：{ "custom":true // 必填 "color": "#000000", "selectedColor": "#000000", "backg
2021-04-10 15:05:45
2251
原创 小程序 基础知识（二）
小程序 1、语法入门动态绑定数据、三元运算、算数运算、事件绑定数据绑定<!-- 对比和 Vue 的差异 --><image src="{{ imgSrc }}" mode="widthFix"></image>1.1 事件绑定 事件绑定e.target：点击谁就是谁e.currentTarget：谁绑定就是谁1.2 setData 的注意点1.2.1 bindtapsetData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 th
2021-04-09 21:35:13
1460
1
原创 小程序 基本常识（一）
1.1. 小程序页面的组成部分1、小程序代码构成组成部分：文档.json 后缀的 JSON 配置文件 // 配置文件 分为app.json 全局配置 局部配置文件比全局配置文件优先级要高.wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件.js 后缀的 JS 脚本逻辑文件2、小程序配置 app.jsonapp.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等配置文件：文档{ "pages":[
2021-04-09 21:02:27
1731
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人