- 博客(66)
- 收藏
- 关注
RSS订阅原创 *** is not in the sudoers file. This incident will be reported.
MAC 启动项目报错： 可以再本地打开控制台 输入以下命令： (***是用户用)
2022-12-07 12:00:13
401
原创 父子组件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
370
原创 不要过度优化代码
今天遇到一个非常棘手的问题，线上报错，看代码怎么都没问题，接口出参正确，代码逻辑正确。但是偏偏报错 代码结构 接口出参： 这。。。没问题啊，从content中获取dictionaryDtoMap，再看下dictionaryDtoMap中是否有wechatMerchantTypeItems && businessScopeItems && agvVolumeByDayItems； 最终不信邪，本地跑了一下，真的拿不到dictionaryDtoMap的值；问题出在这一句：
2021-08-18 10:53:12
211
原创 手写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
169
原创 vue常见问题梳理
vue 生命周期 父子组件通信？ 父子组件通信 父->子props，子->父 on、on、on、emit 获取父子组件实例 parent、parent、parent、children Ref 获取实例的方式调用组件的属性或者方法 Provide、inject 官方不推荐使用，但是写组件库时很常用 兄弟组件通信 Event Bus 实现跨组件通信 Vue.prototype.$bus = new Vue Vuex 跨级组件通信 Vuex attrs、attrs、attrs、
2021-04-08 14:49:24
127
原创 浏览器相关
浏览器 说下http跟https的区别 对称加密 对称加密是最简单的方式，指的是加密和解密用的是同样的密钥； 如果使用对称加密的方式，那么第三方可以在中间获取到client_random、server_random和加密方法，由于这个加密方法同时可以解密，所以中间人可以成功对暗号进行解密，拿到数据，很容易就将这种加密方式破解了 非对称加密 如果有 A、 B 两把密钥，如果用 A 加密过的数据包只能用 B 解密，反之，如果用 B 加密过的数据包只能用 A 解密； 如果使用非对称加密。在这种加密方式
2021-04-08 14:47:59
194
原创 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
184
原创 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
149
原创 柯里化
实现柯里化 柯里化是什么？是指一个函数，它接收函数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
168
原创 防抖和节流
节流 核心思想: 如果在定时器的时间范围内再次触发，则不予理睬，等当前定时器完成，才能启动下一个定时器任务。 比如：等公交，公交不到点，再怎么嚷嚷都不行。 闭包 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
140
原创 从Vue-cli看 webpack配置
用了哪些loader？ vue-loader: 把vue转成js sass-loader: 把sass转成css css-loader: 把css转成js style-loader: 把css注入到js里，通过dom操作 stylus-loader：加载并编译stylus文件 file-loader: 把文件输出到文件夹中使用相对路径引用 url-loader: 与file-loader类似，唯一不同的是可以添加阈值，超过limit阈值生成带有hash后缀的文件，不超过阈值的转化成base64 ima..
2021-04-08 14:40:19
810
1
原创 git修改commit提交
https://github.com/uolcano/blog/issues/12 git rebase -i commit^ 修改 git commit --amend git rebase --continue
2021-04-06 16:55:51
184
原创 vue模块间调用
computed: { ...mapState('common', { userPin: 'jdPin', //common.js 里面的jdPin 重新命名为userPin customerCode: 'customerCode', }), ...mapGetters('order', [ 'sendOrders',//order...
2021-02-02 18:22:42
182
原创 vue父组件对子组件事件监听
子组件 computed: { list() { this.$emit('allListMsg', val); // 给父组件发送消息 return val }, 父组件 <PJDLCalendar @allListMsg="allListMsg" /> data() { return { allList: [], }; }, watch:{ allList(val){ /
2021-01-28 20:35:02
650
原创 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
1515
原创 前端本地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
682
原创 charles代理&抓包配置
背景 先说下自己的应用背景 一件代发涉及到微信api相关的功能 扫一扫 转发，需要在真机上测试功能是否正确 第一步掉接口，获取微信签名，接着微信初始化 之后才能使用api 初始化的时候 就算签名获取成功 微信端也会校验域名 接口掉的域名是否与你访问的域名是一致 ，如果不一致 ready失败 还是不能调取api 换句话说 你本地其服务强行调通后端签名接口 但是此时你访问的是localhost:80 到wx.ready的时候还是会失败 。 浏览器上只能选择wechat环境 但是并不能真实的调起微信的api 所
2020-12-23 11:15:37
1595
原创 js实现时间转化成特定格式
this.formatDate(new Date(1534814729000),'M月d日hh:mm') : '',//8月21日09:25 this.formatDate(new Date(new Date().getTime()), 'yyyy-MM-dd hh:mm:ss');//2017-09-09 17:02:56 formatDate(date, fmt) { if (/(y+...
2020-08-31 13:07:59
2285
原创 关于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
395
原创 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
712
原创 前端常用 flex布局
flex上下布局 一般像流式布局 比如在app的我的页面 会有很多条列表一样的选项 个数不固定 最下面有个按钮 固定距离底部多少距离之类的 如图所示：不同像素的手机上显示的样式具体自适应 html <div class='container'> <div class='my-wrapper'>//列表块 <ul></ul> </...
2020-08-19 10:14:53
509
原创 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
361
原创 ios系统上拉下拉出现白色背景解决方案
最近做的小程序 测试觉得 ios上拉下拉出现空白 觉得体验很不友好，在网上找了各种资料 基本大同小异 如果业务需求是需要纯背景的话 使用方案一 如果是图片做背景的话 使用方案二 方案一： 在page.json文件内配置 ：”backgroundColor”: “#XXX” 属性 或者在每个page文件夹的json文件里面设置 都是可以的 方案二： 如果背景图片颜色比较单一 可以使用与之相近...
2020-08-19 10:10:19
9912
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
2517
原创 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
12616
原创 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
1839
原创 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
395
原创 js 弹框 底层穿透问题
点击 发送邮箱按钮 出现弹框 使用fixed定位，当输入邮箱，软键盘被拉起，输入完毕，键盘收起，ios机型会导致键盘弹起的时候 底层页面的高度向上推 键盘收起 高度没有回来 导致点击探层的确定按钮 元素错位。 解决方法 键盘收起时 底层高度回到顶部 在这里插入图片描述 ...
2020-06-11 16:43:41
942
原创 对flex的理解
1，flex：1 flex：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
665
原创 webpack使用 使用DevServer webpack-dev-server报错
在开发中我们还需要一个本地文件的服务器，并且当我们保存代码的时候会自动进行打包，并且还支持 Source Map， 以方便代码调试等功能，因此我们现在需要使用到 DevServer了。 ...
2019-12-03 16:32:50
873
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
4294
1
原创 react 配置development uat production 环境
首先可以参考一下官方文档 添加自定义环境变量， 怎么创建环境 接下来进入正文 1，创建 .env, .env.test, .env.production文件 # 默认测试环境 .env REACT_APP_ENV=development # 预发布环境 .env.test REACT_APP_ENV=prepare # 线上环境 .env.production REACT_APP_ENV=p...
2019-04-22 16:32:07
3723
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人