- 博客(61)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 hint: the ‘.husky/pre-commit‘ hook was ignored because its not set as executable 报错mac
原因：mac对这种husky的指令是不成效的，所以思路是如何改变权限。错误的解决方案：./husky/pre-commit。解决：chmod 777 .husky/*
2024-01-10 10:34:14
461
原创 熟悉 import 和 import {} 和export const 和 export default 和 export { default as } 等等的使用
这些是属于ES6的用法，作用是导入导出，可以导出变量、函数、对象，可以导入变量、函数、对象、文件总是有点混乱，这次就详细的整理下这几个导入导出的区别和具体的使用1、最简单 导出一个变量这是index.js文件export const hh = 123;export const h1 = 111;这是index.vue文件import wwJS from "./importexport.js" ❌打印： wwJS undefined 连文件里的代码都不直接返...
2022-05-16 17:10:58
1426
原创 JavaScript 贴士，js知识点掌握程度自查
我自查的技术点如下： 原文档来源： https://www.delftstack.com/zh/howto/javascript/答案在如下，都是自己自查的第一反应JavaScript String一:在 JavaScript 中获取字符串的最后一个字符二:在 JavaScript 中将字符串转换为日期三:在 JavaScript 中将数组转换为字符串四:在 JavaScript 中将对象转换为字符串五: 在 JavaScript 中从字符串中删除最后一个字符六：...
2022-03-01 10:47:06
266
原创 在原有项目中使用eslint的demo以及基础的rules配置
项目：vue cli3框架 、nuxt官方文档：List of available rules - ESLint中文一：在原有的项目中引入eslint你可以使用 npm 安装 ESLint：$ npm install eslint --save-dev紧接着你应该设置一个配置文件：$ ./node_modules/.bin/eslint --init之后会生成下面这个文件 会生成这个文件 .eslintrc.js.eslintrc.js 文件如下module....
2022-02-22 14:20:04
1643
原创 后台管理系统：某个功能模块上线后，bug复盘总结
主要是有下面四种类型~~~~~~~ 体验优化和规范UI（一般是测试、产品提出） 输入是数字input框，只能输入正整数，不能是逗号、负号，不能输入中文和英文 ，不能输入小数 table数据为0的时候显示0，显示-，直接不显示 内容过长或者过短时候，展示的效果要修改 点击的按钮类要抓手图标、input要高亮等 UI的样式（此次修改了弹框，因为没有明确的样式指定） 回车事件，需要跟进情况加 需求调整.
2022-02-10 16:51:45
905
原创 vue中.render的使用，element-ui里el-table组件动态渲染，jsx语法
难易程度 最易⭐️ 难⭐️⭐️⭐️⭐️⭐️一：demo的使用：方式一：（⭐️正常写死）<h3>方式一</h3> <el-table :data="tableData"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄">&l...
2022-02-10 13:32:58
8054
5
原创 OSS 图片水印使用,以及如何针对markdown上传的图片做批量水印添加
一：几个dome的入门熟悉下：h0: "https://zydmall-test.oss-cn-shenzhen.aliyuncs.com/我的图片.jpg?x-oss-process=image/watermark,image_b25saW5lL3dhdGVybWFyay96aDEuanBnP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfOTA=",h1: "https://zydmall-test.oss-cn-shenzhen.aliyuncs.com/我的图
2022-02-08 15:39:30
1391
原创 异常bug， ERROR [HPM] Error occurred while trying to proxy from 10.88.20.00 to http://10.10.32.00:8089
c端ERROR [HPM] Error occurred while trying to proxy request /zyd-api/**/search/cata/select from 10.88.20.00to http://10.10.32.00:8081 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)小b端Proxy error: Could not proxy request ...
2021-12-12 15:42:39
606
原创 vue框架cli3和cli4配置axios接口请求＋代理
1、cnpm i axios --save2、新建js文件 src/utils/axois/index.jsimport axios from 'axios';import apiConfig from "./api.js";import Vue from 'vue'axios.defaults.baseURL = "/api"; let service = axios.create({ timeout: 60000, headers: { ...
2021-07-22 09:43:06
364
原创 第一次学习typescript的基础笔记（1）
首先先建一个页Runbood.ts （Tips: 是以.ts）然后就可以直接在里面写，会有各种写法错误时候的提示，可以直接把我写的文件复制过去 就会看到有想过的错误提示了// 任意类型 let hht: any = 1; hht = 'I am who I am'; hht = false; let arrayList: any[] = [1, false, 'fine'];// 字符串的使用let myname: string = "Runoob";let ...
2021-06-01 05:40:11
310
原创 Cookie写入之path的坑 不同目录下值不同
解释：path = / 表示主目录下的所有文件都有权限访问到cookie的值，但是若是没有定义则表示是一种继承关系，就是若是访问了product/select的话 那么就是写入cookie路径在product里，只有它的子路径可以获取到改cookie，而主页面没办法获取到product的cookie如果 window.document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + "; path=/".
2021-05-06 21:52:51
644
原创 《node.js + webpack实战》书籍 —— 学习笔记一
第一章：基础知识基于chrome v8的引擎js运行环境简单的说Node.js就是运行在服务端的JavaScript。第三章：node编程基础什么是后端的node，什么是前端的node？三\1 npm安装依赖的使用npm inpm i -g 全局npm i --save-dev 开发依赖 小范围的安装在devDependenciesnpm i --save 生产依赖 Dependencies 大范围的npm run 执行package.json里script定义的命令...
2021-05-06 21:52:10
227
原创 nuxt seo项目配置请求和具体使用示例，服务端请求携带cookie/客户端携带cookie，使用中间件，配axios的header
????问题：清除服务端接口cookie 获取cookie nuxt添加cookie nuxt的middleware添加cookie值得参考的文：https://blog.csdn.net/Py1807A/article/details/105380224https://www.jianshu.com/p/d16919f01288https://www.jianshu.com/p/95fbd8d7d2fenuxt.config.jsrouter: { middleware: 'a...
2021-04-26 16:50:06
807
原创 nuxt.js 的router作用解说：使用，自定义extendRoutes配置，route和router区别
nuxt的router是自动生成的，不需要配置router，然后下面介绍的就是基础的使用，特殊的个性化自定义的配置，然后router和route的常用易混淆的解说# 一：基础的使用要在页面使用路由 建议使用<nuxt-link to="/hhh">或者是直接通过js的写法 this.$route.push({ path: '/hhh', query: {}, params: {} })# 二：个性化定制nuxt的路由配置eg： 这个的访问地址是 localhost:3000/
2021-04-25 08:36:53
3872
原创 nuxt项目点击跳转没问题，但刷新页面会出现接口错误aysncData， Error: connect ECONNREFUSED 127.0.0.1:80 at TCPConnectWrap.afte
问题：nuxt正常点击跳转没问题。但是刷新页面会出现接口错误。asyncData 没有使用async asyncData方法去请求后台地址刷新页面就没问题，如果使用了该方法去请求后台刷新页面就报上面的异常。排查一：然后我就打印下error，发现是出现错误是Error: connect ECONNREFUSED 127.0.0.1:80 at TCPConnectWrap.afterConnect[此时运行的访问链接还是http://localhost:3000/]然后我排查二：搜索Erro.
2021-04-22 13:07:20
2456
原创 在nuxt中使用swiper 整理和报错解决
在nuxt中使用swiper1、安装npm install swiper vue-awesome-swiper --save （swiper是必须要vue-awesome-swiper是为了使用vue的写法）2、在plugins目录下新建文件swiper.jsimport Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'// import 'swiper/css/swiper.css'; //使用...
2021-04-15 15:17:09
2018
原创 nginx 的mac本地配置踩坑、样式渲染不出来、运行一个html+vue.js的项目
一：搜索的关键词是 mac安装nginx这篇文章写的关于nginx本地的使用不错，解决了我安装使用的所有问题https://blog.csdn.net/zz00008888/article/details/109114904cd ../ ../ 到/目录下 然后定位到cd一（2）发现问题：[warn] the "user" directive makes sense only if the master process runs with super-user privileges...
2021-04-09 09:55:54
539
原创 vue项目 添加全局水印或某个指定页面水印 源码
vue项目的页面添加水印,效果如图index.vueimport watermark from "./watermark";mounted() { watermark.set('我是水印啦');},destroyed() { watermark.set(''); //为了清除页面返回时，其它页面也有水印},watermark.jslet watermark = {} let setWatermark = (str) => { let id = '..
2021-03-29 17:01:05
1439
5
原创 3天一个小型活动到上线的逻辑和源码,使用到vue-cli3、vue、vue-router、vant-ui、微信sdk
最近半个月都好忙，连着4、5个活动，都没啥自己的时间了,今天整理下其中一个比较小的活动代码吧包含的功能点：（进入正题，下面这个花了大概3天的时间包括项目切分支新建、ui样式还原、接口对接、测试、测试bug修改、上线）技术栈：vue、vue-router、vant-ui、微信sdk，还引入了flexible.js和pxtorem字体大小自适应<这块代码没列出来>一全局：分享功能、百度统计二首页：距离截止日期倒计时、若是已经申请的话从首页自动跳审核页、点申请跳申请页三申请页：表单必填
2021-03-23 11:12:45
168
原创 [三分钟笔记]HTML5有哪些新特性
1、语义化的标签 header footer nav section aside article2、多媒体标签 video audio3、webstorage本地缓存4、websocket长链接5、拖放、地图、canvas、6、表单属性、h5应用缓存1-4实际项目用的比较多，5-6比较少...
2021-03-04 22:51:03
99
1
原创 [三分钟笔记]性能优化小笔记
1、图片 雪碧图（多张类似或大小统一的图片合成一张大的图片，通过绝对定位background的相关属性设置展示的区域） 懒加载 缩略图 （我们一般用把图片上传在oss，有一个单独的域名，图片的域名跟展示项目是在不用域名下，分担了资源请求） ?x-oss-process=image/auto-orient,1/resize,m_lfit,w_200/quality,q_100然后...
2021-03-04 22:41:43
81
1
原创 [三分钟笔记]vuex使用简洁笔记
0、vuex是什么：全局的状态存储仓库1、为何要用：主要可以解决兄弟、或无关联组件之间、全局的数据传递的问题2、使用方法:state属性 可以看做全局的datagetters属性 可以看做全局的computed属性mutations 可以看做全局的methods方法actions 可以看做全局的异步调用methods方法 modules 一整个模块 略3、代码引入：main.js import Vuex from 'vuex' Vue.use...
2021-03-04 18:32:39
68
1
原创 [三分钟笔记] 输入网址到展示网页的过程
例如访问必应网页https://cn.bing.com/一：DNS解析成IP地址将cn.bing.com 转成了ip为202.89.233.101二：发送http请求可以在network里看到请求的数据三：tcp连接（三次握手）Tips: 浏览器对同一域名下的并发的tcp连接是有限的，2到10个，为了解决资源加载的问题，#资源打包合并请求四：接受响应五：渲染页面...
2021-03-02 20:44:10
149
原创 [三分钟笔记]localStorage | sessionStorage | cookie
localStorage | sessionStorage | cookie1、生命周期：永久有效 | 页面会话期间可用 | 关闭浏览器就清除数据2、大小： 5MB | 5MB | 4kb3、与服务器通信： 不会传送到服务器，安全性高 | 不会传送到服务器，安全性高 | 数据会传送到服务器，请求传递是会带在http头部4、易用性： 可以直接使用或再封装，例如对array和object有更好的兼容 | | 需要自己再封装> 使用方法localStorage.se...
2021-03-02 20:43:24
87
原创 使用轻量级的vue小项目不需要用到vuex状态管理，通过install方法定义全局的变量、函数
一：state.js （在vue项目中新建一个文件libs,然后创建一些全局的需要用到文件，例如router.js common.js state.js）import Vue from 'vue';import common from "./common"; // 可以根据情况引入需要的import Api from './api.js'; // 可以根据情况引入需要的import axios from "axios"; // 可以根据情况引入需要的 Vue.use(Api) ...
2021-03-02 11:00:55
563
原创 【3分钟前端】oss图片使用缩略图 ?x-oss-process=image/auto-orient,1/resize,m_lfit,w_200/quality,q_100
?x-oss-process=image/auto-orient,1/resize,m_lfit,w_200/quality,q_100取值范围 q_0~q_100 代表图片的质量全局的js中添加ossUrl过滤// 图片转换Vue.prototype.ossUrl = function(url,width = 750) { return url+'?x-oss-process=image/auto-orient,1/resize,m_lfit,w_'+width+'/quality.
2021-03-02 09:53:13
2105
原创 【3分钟前端】Invalid Host header报错、vue项目盯盯内网穿透、同时开两个穿透
App running at: - Local: http://localhost:9528 - Network: http://192.168.0.142:9528一：vue项目使用内网穿透cd到下载的钉钉穿透的文件夹下，然后运行命令行ding -config=ding.cfg -subdomain=cxl 9528Tunnel Status onlineVersion 1.7/1.7Forwa...
2021-03-01 14:06:04
746
转载 用一个个小例子解释：什么是原型？什么是原型链？什么是原型继承？一篇文章让你搞懂原型和原型链
转载自：葡萄城技术团队原创 https://www.cnblogs.com/powertoolsteam/p/14009110.html真的超赞，简洁明了
2021-02-27 18:17:32
227
原创 pc端基于element-ui的文件上传，移动端Vue项目用plupload直传阿里云oss，图片上传后再合成动态海报
基于element-ui的文件上传功能<el-upload class="upload-demo" :before-upload="beforeUpload" drag action multiple> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>...
2021-02-27 10:32:27
670
1
原创 直播间赠送礼物动效、选礼物列表、赠送数量，礼物连发排队处理，Vue项目
1、可以选择送的是礼物列表的哪一个、可以选择送的数量x1x2x32、礼物做了排队展示的处理，可以解决礼物连续发送、监听到别人发送礼物接口数据回调的排队问题，不会冲刷掉礼物动效下面是一个完整的送礼物动效页，可以直接copy到vue项目运行打开<template> <div> <div class="test_box" v-if="giftAnimation"> <img v-if="showGiftList.length"...
2021-02-27 09:51:34
2710
1
原创 git操作：如何使用git命令回滚到某个指定分支，以及新开一个分支，又回滚回来最新的分支
需求：如何使用git命令回滚到某个指定分支，以及新开一个分支，又回滚回来最新的分支0、准备开始操作版本号1、git log 获取曾经提交过的版本2、git reset --hard 8b***18 切换到指定的这个8b***18版本号 <拓展 git reset --hard HEAD^ 适用于返回一个版本的情况 >3、git checkout -b dev 在8b***18这个版本号下切换一个新的分支 （然后提交git push origin dev到远程分...
2021-02-19 18:22:17
1417
原创 原生javascript基础知识的回顾初版
1、输出 document.write(); 写入到html里 document.getElementById("id").innerHTML = ''; 写入到某个元素里2、语句 for..in.. 对数组 或 对象的属性 做循环 throw 抛出异常 break 跳出循环3、变量 局部变量 eg: function hh() { var name = "xl"; } 的name为局部变量，即使用的是var 变量 start-》被声明时开始 |..
2021-02-18 17:31:42
127
原创 yarn的安装和失败问题解决、nuxt的单页head的使用方式两种写法
我又来了，哈哈哈新建一个nuxt项目的步骤重新温习一遍吧，差不多忘记了【】看到用的新的技能点yarn来安装项目和依赖，所以我打算看下yarn要如何使用yarn的好处是为了弥补npm的一些缺陷而出现的。 《目的：善用包管理工具npm 和 yarn 》【】mac的软件包管理工具Homebrew，查看我的homebrew的版本号，安装包 brew install yarn ???? 最开始就遇到这个问题，一直停留在updating Homebrew ，错误方式一：直接关闭b...
2021-02-18 16:23:17
680
原创 vue的搭建1、创建 2、引入vue-router 3、vant+sass+axios+js-md5 4、引入common+过滤5、引入pxtorem+flexible字体兼容 6、引入全局变量和函数
第一步：创建vue项目的几种方式哈哈，我还是找到了最简单的一种方式 vue create hhh 然后 npm run serve 哈哈 就是这么简单第二步：引入路由 vue-router### 1、cnpm i vue-router --save### 2、app.vue<div id="app"> <!-- 路由出口 路由匹配的组件渲染的位置 --> <router-view></router-view> <...
2021-01-24 21:24:54
178
原创 转盘活动的一些积累素材
转盘具备要求：1、需要选择第一次后，第二次可以无缝衔接，没有明显需要恢复到原位置再旋转的bug2、转速要先快后慢，体验感好的过渡，而不是慢起慢停3、有字有图片demo0.这是体验，我觉得不错的，https://www.99cankao.com/numbers/spin-to-win.php#topAnchor优点： 可以动态插入更多的选项电子书,缺点是没代码1、https://hehaibao.github.io/lottery2/index.html2、http.
2020-11-24 09:43:59
102
原创 利器——钉钉提供的内网穿透工具
原始链接：https://github.com/mzlogin/ding-tunnelHTTP 穿透 下载工具 git clone https://github.com/open-dingtalk/pierced.git 执行命令./ding -config=./ding.cfg -subdomain=域名前缀 端口。 以 Mac 为例： cd mac_64chmod 777 ./ding./ding -config=./ding.cfg -subdomain=..
2020-11-23 09:48:47
762
原创 微信中“下单账号和支付账号不一致，请核实后再支付”原因及解决办法 hideMenuItems 复制链接
如果你出现了如下问题，且你的需求是需要保留分享的功能，但是不想用户支付出现这个问题，那么如下方案可以解决例如：原始A链接 http://***/index.html?activityId=5&staffId=503880用户进入后授权登录后 就会授权后的B链接 http://***/index.html?activityId=5&staffId=503880&code=071R8ZZv3iSXIU221Y2w3Hd6Ia1R8ZZ6&state=..
2020-11-11 10:15:04
11945
原创 2020-11-02
今日任务需求梳理：1、删除本地分支 git branch -D dev 删除远程分支 git push origin --delete dev 哈哈 这个删除分支的指令忘记了 重温一遍开始理需求：需要提供的素材：多个标题、百度统计、整个分享链接和文案entry页面: loading （√）、跳落地页域名链接（√）state.js：获取医师药师的转盘接口、获取全局的分享、存tokenhome页面：提示弹框、按钮医师、按钮药师、直播宣传图跳转链接wheel页面：什么时候结束和...
2020-11-06 15:11:28
92
原创 yapi的搭建内网部署 和 外网部署 以及bug的修复
# 前置条件一：确保环境是满足要求的 确保 node 版本=> 7.6,请运行 node -v 查看版本号 确保 mongodb 版本 => 2.6，请运行 mongo --version 查看版本号 确保安装了 npm, 运行 npm -v 查看版本号 确保安装了 git,运行 git --version 查看版本号 ### 前置条件二：官网安装方式第一种：全局安装yapi-cli1、sudo npm install -g yapi-cli --re
2020-07-17 10:56:14
1139
Cornerstone.zip
2021-04-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人