- 博客(66)
- 收藏
- 关注
原创 *** is not in the sudoers file. This incident will be reported.
MAC 启动项目报错:可以再本地打开控制台输入以下命令:(***是用户用)
2022-12-07 12:00:13
289
1
原创 父子组件v-bind同步更新参数
父页面 <add-or-edit-dialog v-if="editDialogVisible" :dialog-visible="editDialogVisible" :type="type" v-bind.sync="currentItem" @close="handleClose" @submit="handleSubmit" />传入的currentItem ={addValProductItems
2021-10-22 14:24:55
276
原创 不要过度优化代码
今天遇到一个非常棘手的问题,线上报错,看代码怎么都没问题,接口出参正确,代码逻辑正确。但是偏偏报错代码结构接口出参:这。。。没问题啊,从content中获取dictionaryDtoMap,再看下dictionaryDtoMap中是否有wechatMerchantTypeItems && businessScopeItems && agvVolumeByDayItems;最终不信邪,本地跑了一下,真的拿不到dictionaryDtoMap的值;问题出在这一句:
2021-08-18 10:53:12
134
原创 手写promise过程
第一版<!DOCTYPE html><div>手写promise</div><script>const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class MyPromise{ constructor(executor){ executor(this.resolve, this.reject) } state =.
2021-04-08 21:11:19
97
原创 vue常见问题梳理
vue生命周期父子组件通信?父子组件通信父->子props,子->父 on、on、on、emit获取父子组件实例 parent、parent、parent、childrenRef 获取实例的方式调用组件的属性或者方法Provide、inject 官方不推荐使用,但是写组件库时很常用兄弟组件通信Event Bus 实现跨组件通信 Vue.prototype.$bus = new VueVuex跨级组件通信Vuexattrs、attrs、attrs、
2021-04-08 14:49:24
79
原创 浏览器相关
浏览器说下http跟https的区别对称加密对称加密是最简单的方式,指的是加密和解密用的是同样的密钥;如果使用对称加密的方式,那么第三方可以在中间获取到client_random、server_random和加密方法,由于这个加密方法同时可以解密,所以中间人可以成功对暗号进行解密,拿到数据,很容易就将这种加密方式破解了非对称加密如果有 A、 B 两把密钥,如果用 A 加密过的数据包只能用 B 解密,反之,如果用 B 加密过的数据包只能用 A 解密;如果使用非对称加密。在这种加密方式
2021-04-08 14:47:59
111
原创 bind call apply 区别
bind,call,apply的区别?bind强指向bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用call传递多个参数 可以实现继承function Product(name, price) { this.name = name; this.price = price;}function Food(name, price) { Product.call(th.
2021-04-08 14:45:05
95
原创 for in for of 的区别
for in与for of与foreach的区别?哪个可以使用break,return跳出for of 可以跳出foreach不能跳出for in 遍历对象 只能获取对象的键名,不能拿到值for of 可以获取到值总之,for...in 循环主要是为了遍历对象而生,不适用于遍历数组...
2021-04-08 14:44:27
78
原创 柯里化
实现柯里化柯里化是什么?是指一个函数,它接收函数A,能返回一个新的函数,新函数能够处理函数A的剩余参数为什么要有柯里化?什么场景需要?https://github.com/mqyqingfeng/Blog/issues/42先看一个简单版本,这个版本仅return一次函数,所以他的参数传递最多两次必须要传完,想要使用 curry(add)(1)(2)会报错。 var curry = function (fn) { var args = [].slice.call(arguments,.
2021-04-08 14:43:30
106
原创 防抖和节流
节流核心思想: 如果在定时器的时间范围内再次触发,则不予理睬,等当前定时器完成,才能启动下一个定时器任务。比如:等公交,公交不到点,再怎么嚷嚷都不行。闭包function throttle(fn, interval) { let flag = true; return function(...args) { let context = this; if (!flag) return; flag = false; setTimeout(() => {.
2021-04-08 14:42:50
75
原创 从Vue-cli看 webpack配置
用了哪些loader?vue-loader: 把vue转成jssass-loader: 把sass转成csscss-loader: 把css转成jsstyle-loader: 把css注入到js里,通过dom操作stylus-loader:加载并编译stylus文件file-loader: 把文件输出到文件夹中使用相对路径引用url-loader: 与file-loader类似,唯一不同的是可以添加阈值,超过limit阈值生成带有hash后缀的文件,不超过阈值的转化成base64ima..
2021-04-08 14:40:19
593
1
原创 git修改commit提交
https://github.com/uolcano/blog/issues/12git rebase -i commit^修改git commit --amendgit rebase --continue
2021-04-06 16:55:51
104
原创 vue模块间调用
computed: { ...mapState('common', { userPin: 'jdPin', //common.js 里面的jdPin 重新命名为userPin customerCode: 'customerCode', }), ...mapGetters('order', [ 'sendOrders',//order...
2021-02-02 18:22:42
110
原创 vue父组件对子组件事件监听
子组件computed: { list() { this.$emit('allListMsg', val); // 给父组件发送消息 return val }, 父组件 <PJDLCalendar @allListMsg="allListMsg" /> data() { return { allList: [], }; }, watch:{ allList(val){ /
2021-01-28 20:35:02
547
原创 vue2.0使用ts
package.json新增以下依赖"devDependencies": { "@vue/cli-plugin-typescript": "^4.1.0", "vue-template-compiler": "^2.5.17", "typescript": "~3.5.3", "nodemon": "^2.0.4", "json-server": "^0.16.1", "mockjs": "^1.1.0" }```新建tsconfig.json
2021-01-28 16:44:35
1396
原创 前端本地mock数据
文件结构data文件data文件呢是存储mock数据的比如:defaultRes.js文件里面如下:完全模拟 接口返回格式const Mock = require('mockjs')const result = Mock.mock({ code: 1, msg: 'success', errorMsg: 'success', content: { formCode: '5555555', formType: 0, formName: '表单5'
2021-01-07 17:26:22
572
原创 charles代理&抓包配置
背景先说下自己的应用背景 一件代发涉及到微信api相关的功能 扫一扫 转发,需要在真机上测试功能是否正确第一步掉接口,获取微信签名,接着微信初始化 之后才能使用api 初始化的时候 就算签名获取成功 微信端也会校验域名接口掉的域名是否与你访问的域名是一致 ,如果不一致 ready失败 还是不能调取api 换句话说 你本地其服务强行调通后端签名接口但是此时你访问的是localhost:80 到wx.ready的时候还是会失败 。 浏览器上只能选择wechat环境但是并不能真实的调起微信的api 所
2020-12-23 11:15:37
1437
原创 js实现时间转化成特定格式
this.formatDate(new Date(1534814729000),'M月d日hh:mm') : '',//8月21日09:25this.formatDate(new Date(new Date().getTime()), 'yyyy-MM-dd hh:mm:ss');//2017-09-09 17:02:56formatDate(date, fmt) { if (/(y+...
2020-08-31 13:07:59
2213
原创 关于package.json与package.lock.json的一些说明
package.json与package.lock.json区别package.json是通过npm init创建时生成的package-lock.json是在npm install的时候创建的npm install的过程大致就是从package.json中读取所有的依赖信息,然后再与node_modules中已经安装的依赖进行对比,如果没有则通过package-lock.json获取相应版本号下载安装.如果已经存在则会通过package-lock.json检查更新。 "dependencies"
2020-08-19 11:22:02
274
原创 Taro底层Taro.getJdStorageSync赋值
/** * is me * getStorageContent * ××平台 获取缓存里面的值为string 需要做换 */const storageJd = Taro.getStorageSync;const getStorageValue = (item) => { const keyValue = storageJd(item) // console.log('Ta...
2020-08-19 10:34:15
591
原创 前端常用 flex布局
flex上下布局一般像流式布局 比如在app的我的页面 会有很多条列表一样的选项 个数不固定 最下面有个按钮 固定距离底部多少距离之类的如图所示:不同像素的手机上显示的样式具体自适应html<div class='container'> <div class='my-wrapper'>//列表块 <ul></ul> </...
2020-08-19 10:14:53
406
原创 promise链实战经验
怎样创建一个promise结合项目 一般的使用场景 都是使用网络请求之后 需要同步做的事情,话不多说 上代码FunAll.js ------&amp;gt; 函数集合const getCouponList = () =&amp;gt; { return new Promise((resolve, reject) =&amp;gt; { //这里放入网络请求 Http.post('/coupon/ge...
2020-08-19 10:14:07
264
原创 ios系统上拉下拉出现白色背景解决方案
最近做的小程序 测试觉得 ios上拉下拉出现空白 觉得体验很不友好,在网上找了各种资料 基本大同小异 如果业务需求是需要纯背景的话 使用方案一 如果是图片做背景的话 使用方案二方案一:在page.json文件内配置 :”backgroundColor”: “#XXX” 属性 或者在每个page文件夹的json文件里面设置 都是可以的方案二:如果背景图片颜色比较单一 可以使用与之相近...
2020-08-19 10:10:19
9517
1
原创 Object.assign 与... 对象展开语法 区别
项目中 使用Object.assign 导致页面报错...mapMutations('heavy', ['setAddServiceFeeInfo']),preFeeParamsChange = Object.assig(AddServiceFeeInfo.preFeeParams,preFeeParamsChange)原因:Object.assign 会触发的setter方法 这使得mutation的值发生改变对象展开语法 不会触发setter...mapMutations('heavy
2020-08-03 10:12:53
2395
原创 vue-cli-service: command not found Mac电脑
1,没有安装全局参考官方文档2,本地没有@vue/cli可以在package.json里面添加上依赖"devDependencies": { "@vue/cli": "^4.4.6" }删除 node-module重新安装 npm install
2020-07-02 17:51:42
12418
原创 Koa入门2 koa-router 封装 组合 中间件
接着 Koa入门继续 传送门— Koa入门我们监听的是3000端口 但是路径没有限制,所以输入以下路径都是OK的http://localhost:3000/****这样的话怎么处理 ?按理说 我们想要每个路由对应不同的页面渲染实现如下// 导入koa,和koa 1.x不同,在koa2中,我们导入的是一个class,因此用大写的Koa表示:const Koa = require('koa');// 创建一个Koa对象表示web app本身:const app = new Koa();
2020-06-18 09:08:38
1685
原创 Koa入门1-认识编写启动项目
新建文件夹 koa执行npm install koa新建一个app.js内容如下:// 导入koa,和koa 1.x不同,在koa2中,我们导入的是一个class,因此用大写的Koa表示:const Koa = require('koa');// 创建一个Koa对象表示web app本身:const app = new Koa();// 对于任何请求,app将调用该异步函数处理请求:app.use(async (ctx, next) => { await next();
2020-06-17 16:29:45
316
原创 js 弹框 底层穿透问题
点击 发送邮箱按钮 出现弹框 使用fixed定位,当输入邮箱,软键盘被拉起,输入完毕,键盘收起,ios机型会导致键盘弹起的时候 底层页面的高度向上推 键盘收起 高度没有回来 导致点击探层的确定按钮 元素错位。解决方法 键盘收起时 底层高度回到顶部在这里插入图片描述...
2020-06-11 16:43:41
828
原创 对flex的理解
1,flex:1flex:1 等价于flex-grow: 1;flex-shrink: 1;flex-basis: 0%;对于flex-grow 默认为0 即就算有多余空间 也不扩张对于flex-shrink默认为1即有多余空间 缩小flex-basis默认为auto 在没有分配多余空间之前 自动使用自己的宽度所以想要实现自适应布局使用flex:1,2,flex:none...
2020-03-11 18:25:25
531
原创 webpack使用 使用DevServer webpack-dev-server报错
在开发中我们还需要一个本地文件的服务器,并且当我们保存代码的时候会自动进行打包,并且还支持 Source Map,以方便代码调试等功能,因此我们现在需要使用到 DevServer了。...
2019-12-03 16:32:50
776
1
原创 React 使用腾讯地图
参考https://www.cnblogs.com/softidea/p/6946779.html添加链接描述背景:直接使用不行,会报错 qq不存在两种方法:第一种 不推荐首先在html文件中加入script引入腾讯地图地址和key在html中加入全局变量window.QMap = qq.maps;<script charset="utf-8" src="https://ma...
2019-08-15 17:04:03
4043
1
原创 react 配置development uat production 环境
首先可以参考一下官方文档添加自定义环境变量,怎么创建环境接下来进入正文1,创建 .env, .env.test, .env.production文件# 默认测试环境 .envREACT_APP_ENV=development# 预发布环境 .env.testREACT_APP_ENV=prepare# 线上环境 .env.productionREACT_APP_ENV=p...
2019-04-22 16:32:07
3545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人