- 博客(55)
- 收藏
- 关注
原创 小程序云函数路由优化之tcb-router多个模块使用同一个依赖封装
最近发现小程序云开发推出了tcb-router的云函数路由管理工具,它是一个类似koa+koa-router的路由处理方式。但是每一个云函数都要封装依赖,感觉很烦,简单封装之后多个模块可以使用同一个依赖正好最近也在写云开发,就使用了一下,也踩了一些坑,下面介绍一下tcb-router的快速入门使用。
2024-07-05 22:45:44
571
原创 express学习笔记8 - 文件上传 下载以及预览
4、用postman进行测试 (如果返回下面的内容 说明上传成功)2、新建配置文件(utils/multerConfig)1、 安装multer (任意选其中一种)3、新建文件(router/upload)
2023-08-16 11:23:14
643
原创 express学习笔记7 - docker跟mysql篇
如果不了解Mysql的,建议先花点时间看看Mysql的基础。以下列举⼀下建表需要的注意事项: 主键设计:每个表都应该有⼀个主键来唯⼀标识每⼀⾏数据,常⻅的主键类型包括⾃增⻓整数。-v ./db:/var/lib/mysql 表示将 MySQL 数据库⽂件存储到本地当前⽬录下的 db/ ⽬录, 实现数据持久化。进官⽹https://docs.docker.com/get-docker/ 选择机型安装即可。提醒:下⼀章我们就开始要开始设计数据表,如果不熟悉mysql的⼩伙伴可以先去了解⼀下mysql。
2023-08-01 17:42:13
774
原创 express学习笔记6 - 用户模块
在router/user.js引入并使用。完整代码router/index.js。新建router/user.js。刷新页面 ,出现下面说明成功了。
2023-08-01 16:08:47
1001
原创 express学习笔记5 - 自定义路由异常处理中间件
完整代码创建 utils/constant:(为了方便后期统一维护,单独拉出来定义)然后刷新http://localhost:8000/user 这就完成了
2023-08-01 14:45:49
1767
原创 express学习笔记4 - 热更新以及express-boom
重启项目 然后随便做改动,刷新页面,如果有变化就成功了,后期我们改动只需要刷新页面就可以了。接下来安装expres-boom (我一般用yarn,你们可以用npm或者pnpm)我们每次改动代码的时候都要重启项目,现在我们给项目添加一个热更新。修改一下刚在router/index.js封装的404代码。在package.json添加一行代码。
2023-08-01 14:33:52
1074
原创 express学习笔记3 - 三大件
引入router并且使用。接下来我们测试我们写的处理404的中间件。(也可以随便输入一个路由地址来测试)刷新页面,如果出现下面说明成功了。
2023-08-01 14:02:09
780
原创 express学习笔记2 - 三大件概念
中间件是一个函数,在请求和响应周期中被顺序调用(:提示:中间件需要在响应结束前被调用)应用如何响应请求的一种规则。下节课我们开始写代码。
2023-08-01 13:50:42
709
原创 记录egg官方初始化项目失败解决方案
不管是使用egg-init 还是按照egg官网上提供的方法,npm init egg --type=simple的方式构建项目,都会因为egg源的问题导致项目构建失败。后来使用egg-init构建项目,也是出现同样的问题,要解决问题,就要解决访问npm源的问题。我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目(然后我们的文件是空的,也就是创建失败。但是在某些情况下,会安装失败,如下。总之,就是因为无法访问npm,不能正常访问导致的。
2023-07-28 10:22:20
655
原创 nuxt3初始化项目后配置eslint+prettier
3、新建prettier.config.js或者初始化prettier配置文件(我这边知识随便配置了几个座位测试)3、新建文件夹.vscode/settings.json文件。现在打开一个vue文件保存试试。
2023-07-18 16:43:15
1299
原创 NUXT3学习笔记2
2、使⽤的 Vite,你可以使⽤ unplugin-vue-components 来进⾏按需加载。1、配置Ant design Vue (两个安装方式随便选一种,yarn会安装的更快)在nuxt.config.ts中引⼊。
2023-07-17 09:24:53
522
原创 vue3+vite配置多环境打包
做项目的时候,会遇到一个项目打包到多个环境的问题,只是一些微小的改动,比如说标题不一样之类的,我们就可以通过打包命令来实现,而不需要重新拉分支
2023-01-11 14:53:04
3724
原创 es6学习笔记
在终端中输入以下命令,如果你安装很慢的话,可以使用淘宝镜像的cnpm来进行安装。安装cnpm的方法,大家自己百度吧npm install -g babel-cli虽然已经安装了babel-cli,只是这样还不能成功进行转换,如果你不相信可以输入下边的命令试一下。1babel src/index.js -o dist/index.js......
2022-08-02 15:31:49
74
原创 ES6中的箭头函数和扩展
这节课开始,先不着急看ES6中的函数,而是回顾一下ES5中的函数写法。写一个函数,进行一个加法计算。function add(a,b){ return(a+b)}console.log(add(1,2));打印结果:3默认值在ES6中给我们增加了默认值的操作,我们修改上边的代码,可以看到现在只需要传递一个参数也是可以正常运行的。function add(a,b=2){ return(a+b......
2022-08-02 15:31:21
94
原创 map数据结构
Json和map格式的对比map的效率和灵活性更好先来写一个JSON,这里我们用对象进行模拟操作。let json={ name:'leiy', skill:'web'}console.log(json.skill);但是这种反应的速度要低于数组和map结构。而且Map的灵活性要更好,你可以把它看成一种特殊的键值对,但你的key可以设置成数组,值也可以设置成字符串,让它不规律对应起来。......
2022-08-02 15:30:23
63
原创 es6 箭头函数
通过 call 或apply 调用由于 箭头函数没有自己的this指针,通过call()或apply()方法调用一个函数时,只能传递参数(不能绑定this),他们的第一个参数会被忽略。(这种现象对于bind方法同样成立---译者注)var adder = { base:1, add: function(a){ var f = v=>v+this.base re......
2022-08-02 15:29:54
50
原创 TypeScript中的数据类型
Undefined : Number:数值类型; string : 字符串类型; Boolean: 布尔类型; enum:枚举类型; any : 任意类型,一个牛X的类型; void:空类型; Array : 数组类型; Tuple : 元祖类型; Null :空类型。...
2022-08-02 15:28:54
69
原创 vue3.0使用antd按需加载报错.bezierEasingMixin() 解决方式
全局引入antd-design-vue根目录新建.babelrcwe文件{ "presets": ["@vue/cli-plugin-babel/preset"], "plugins": ["@vue/babel-plugin-jsx", ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] ]}完成啦...
2021-09-30 14:31:09
629
原创 vue使用tsx语法必不可缺少的两个插件
用vuecli新建项目的时候,再次基础上我们开发的时候如果想用tsx语法,会报错这是我的tsx语法,报错信息是上面的,下面是安装的插件,按照官方提示已经安装了@vue/babel-plugin-jsx,但还是报错上面的信息,后来经过不断排查,终于发现问题在此基础上安装一个插件@vue/cli-plugin-babel 到devDependencies 大功告成,再也不会报错啦...
2021-09-30 11:11:37
978
原创 vue项目自定主题及字体大小以及颜色
1.新建seeting.js(前提是你项目里用了less)//自定义字体及主题颜色export function defaultFontSize(fontSizec,color){ let headerHeight='166px' let navHeight='75px' let fontSizeXl = '36px' let fontSizeLg = '26px' let fontSizeMd = '24px' let fontSizeSm = '22px' let .
2021-02-07 11:58:50
8393
5
原创 es6 数组去重多种方法
const arr = [ { "id":"1", "name":'zhangsan' }, { "id":"2", "name":"lisi" }, { "id":"1", "name":"wangwu" }]方法一:const peon = arr.reduce((pre, cur) => { const index = pre.findIndex(x=>x.id === cur.id) if(index <0){ .
2020-05-18 17:29:06
412
原创 vue3.0使用iconfont图标
1、首页定义一个组件,在main.js中引入icons目录(svg里面是下载svg文件)index文件配置import Vue from 'vue'import SvgIcon from '@/components/SvgIcon'// svg组件// import generateIconsView from '@/views/svg-icons/generateIcon...
2020-03-17 11:08:28
3532
4
原创 树级处理为一级
let data = [{ "key": "1189583149081661442", "title": "西宁市", "icon": null, "parentId": "1189582840854831106", "value": null, "code": "A01A01", "children": [{ "key": ...
2019-12-06 15:39:42
305
原创 vue实现俄罗斯方块初级版本
最近乘工作闲暇,做了一个俄罗斯方块,里面用了较多es6的语法,但是基本上都做了注释先上思路俄罗斯的方块简单指出在于他有固定的集中图形大概有个印象,本身加变化总共19种图像1、先画一个游戏区方块(我的思路是定义行列,然后根据行列先画出一个一维数组,把一位数组转为二位数组)2、去解决碰撞跟触底的判断(这是一个难点,还是要找规律)我的思路是这样比如说这个图形,如果向下做触底...
2019-11-11 15:28:40
2425
原创 axios 传参数组
先来看一般情况下传参(经过封装,图2qs你要安装引入)然而传过去的参数是这个样子,显然不是我们需要的修改过后再在network里面看下我们的传参...
2019-05-06 16:45:43
2284
原创 计算当天时间段
import moment from 'moment';(安装自己百度,超级好用的一个时间插件)let time = moment().format('HH.mm');//取到当天时间的时分let arrTime = [ { startTime: 5, endTime: 12, tips: '早上好', }, ...
2019-02-28 11:25:24
409
原创 momentJS 格式化本周、本月、本年
function calcCurrentDays(type){ const data = {} const m = moment().month()+1<10?`0${moment().month()+1}`: moment().month()+1 const y = moment().year() const d = moment().daysInMonth() if...
2019-02-21 15:15:06
1527
原创 live-server使用
在你的的文件夹初始化 npm init用npm进行全局安装npm install live-server -g在项目目录中打开live-server
2019-01-21 10:39:31
423
原创 微信小程序使用 vant Dialog组件
在 app.json 或 index.json 中引入组件"usingComponents": { "van-dialog": "path/to/vant-weapp/dist/dialog/index"}在xxx.wxml中写入<van-dialog id="van-dialog" />在xxx.js中引入import Dialog fro...
2019-01-17 17:42:59
17369
11
原创 promise AsyncFunction
function resloveAfter(){ return new Promise(resolve=>{ setTimeout(()=>{ resolve('res') },2000) })}async function asyncCall(){ console.log('1'); var result = await resloveAfter() c...
2018-11-13 11:32:40
246
转载 npm install 报 command not found
问题:安装了git bash,然后从官网下载了Node.js的Windows Installer,想通过npm install 安装cheerio模块,发现报错 command not found。原因:PATH配置得不对。解决:选择『计算机』-『属性』-『高级系统设置』-『环境变量』,先查看了『系统变量』部分,发现安装后确实在系统变量的Path后追加了安装路径,即:C:\Program ...
2018-11-12 11:55:23
10756
2
原创 vscode 推荐插件使用
1、QuokkaJavaScript和TypeScript的快速原型操作平台。它会在您键入时立即运行代码,并在代码编辑器中显示各种执行结果。使用方法:先ctrl+shift+p(MAC shift+cmd+p )输入 quokka 选择 new javascript插件地址:插件地址:https://quokkajs.com/2、vscode-fileheader顶部注...
2018-11-09 17:32:04
1725
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人