- 博客(155)
- 资源 (3)
- 收藏
- 关注
原创 本地调试指引文档
(4)执行 ls -l node_modules/@tencent/merchant-ui-components,确认是否成功link,如果成功link,node_modeules中的组件库文件会更新成我们本地的版本。使用npm link,创建一个组件库库的链接,将当前的包注册到全局下,可以在项目中通过npm link xx来链接组件库。在开发组件库时,我们经常需要在真实的项目中测试组件库的功能,所以需要进行本地调试,本文介绍两种组件库本地调试流程,(2)执行npm publish发布到npm源。
2024-07-29 15:23:47
403
原创 前端项目部署
配置项目地址,和入口文件我们就能通过ip地址访问项目了,修改服务器域名(域名必须绑定ip),就能通过域名访问你的项目了,your_email@example.com: 填你自己的邮箱,一般是绑定代码仓库(gitee,github等)的邮箱。控制台–》轻量应用服务器(往下滑我的资源找到服务器,我这里是轻量服务器,没有服务器的先购买)/home/study 代表你服务器上面的路径,代表你想将你的代码推送到那个目录下。之后要求你输入密码,我们一般不设置,一直回车就行,当看到这个图片代码你设置成功了。
2024-07-16 14:55:01
565
原创 webpack生产环境下的配置
在入口文件(src/index.js)引入@babel/polyfill。在入口文件引入 @babel/polyfill。根配置,配置eslint标准。方案2和方案三选一种即可。
2024-07-16 14:43:25
634
原创 【webpack开发环境下的配置】
/ 开发服务器, devServer: 自动化(自动编译,自动打开浏览器,自动刷新浏览器~~)// 启动devServer指令为:npx webpack-dev-server。// 特点:只会在内存中编译打包,不会有任何输出。其他资源: 指不需要处理的资源如字体图标。以上两个命令都可以,任选一个就行。
2024-07-16 14:40:09
510
原创 vscode在node环境中如何调试
1.在vscode编辑器中,点击左侧的小图标。创建launch.js文件(这个文件创建好以后会在项目的.vscode文件下)配置文件内容如下,我们只需要关注program字段,这是入口文件,写绝对路径就行。5. 如果调试出现问题,页面只是闪现,未能暂停到打断点位置,检查路径是否正确。打断点,给需要调试的地方打断点。点击按钮启动调试就OK了。
2024-01-10 16:41:12
883
原创 【cannot lock ref ‘refs/heads/develop/micro-app-cqaa-v2‘: ‘refs/heads/develop‘ 已存在,无法创建 ‘refs/heads/】
在这个例子中,你正在尝试创建一个名为’develop/micro-app-cqaa-v2’的新分支,但是已经存在一个名为’develop’的分支。这个错误是因为你正在尝试创建一个新的分支,但是这个新分支的名字与一个已经存在的分支的名字冲突了。Git不允许这样做,因为这会导致混乱和不一致。
2023-12-26 18:31:27
713
原创 利用腾讯云cos如何自建一个上传图片源站
对于一个新手来说,做一个东西,最困难的不是怎么做,而是做什么,接下来我会将任务进行拆分,让新手可以轻松"上路"。在对象存储中可以创建cos对象如果你已经上传图片成功,恭喜你已经成功了一半。
2023-05-12 13:29:16
783
转载 mac mongodb的安装
前提: 安装了 xcode 和 Homebrew (这个就不详细写了,网上很多)背景: Mac上要安装一下MongoDB。版本:MongoDB 5.0 社区 版本。PS: Apple M1 为下面这个命令。启动mongod服务器。作为 MacOS 服务。关闭mongod服务器。...
2022-08-31 16:50:11
215
原创 taro+react 微信小程序踩坑
taro 安装完成后默认所属权是管理员的,如果你使用非管理员权限去只是taro init myApp命令时候会出现。是将/lib/node_modules、/bin、/share 这三个的目录权限设置为whoami。但是问题又来了sudo执行后的文件全部为管理员权限普通用户是无法编辑的,那如何解决这个问题呢?有人想问这条命令的意思那么我来给你做一下介绍。是查看npm路径安装在哪里。,需要加sudo才可以解决。taro版本:3.5.4。是设置所属用户和用户组。执行 如下命令即可解决。下载 postcss。..
2022-08-25 20:11:44
693
转载 vscode前端自动格式化vue代码,保存格式化代码
安装插件prettiervetur配置文件!!!注意:不能自己添加setting.json文件,不能生效ctrl + shift + p搜索setting.json写JSON文件(有注释,需自己取消,不想取消看下面代码){ "editor.fontSize": 17,//编辑器字体大小 "[scss]": { "editor.defaultFormatter": "michelemelluso.code-beautifier" },//scs
2022-04-20 11:00:48
2015
原创 如何将docx文本转换成使用微信小程序rich-text能编译的格式
文章目录首先用wps打开文件,如果**有批注**先删除批注将文件保存未html格式删除多余代码通过脚本生成目标文件首先用wps打开文件,如果有批注先删除批注选中其他一条批注,然后点击审阅 =》删除 =》 删除所有批注将文件保存未html格式点击文件 =》另存为选择文件类型: 网页文件(htm)删除多余代码用编辑器打开,我使用的是vscode,然后格式化一下代码,删除多余的代码,只留boby标签里面的代码删除前删除后:将body标签改成div标签,删除注释,ctrl+f搜索这个
2022-03-27 15:25:32
2624
2
原创 node 如何添加环境变量
原因环境变量可以解决我们打包后,如果我们想改变服务器的端口,我们可以直接修改package.json文件中定义的环境变量,使我们的项目更加灵活。下载 cross-env模块npm i -S cross-env在运行脚本的命令前面加环境变量这里我们设置的是PORT=3001,项目在运行的时候,我们会读取我们设置的环境变量PORT"start": "cross-env PORT=3001 babel-node app.js"读取环境变量这里的PORT相当于我们定义的一个常量 3001pro
2022-03-02 16:21:10
966
转载 通过git换origin
https://blog.youkuaiyun.com/m0_37034294/article/details/79986198
2022-02-24 11:41:45
2547
原创 2.23 node框架日志
安装npm i -S winston使用// 日志工具import { createLogger,format, transports } from "winston";const myFomat = format.printf(log => `${log.timestamp} ${log.level}: ${log.message}`)// 日志输出级别: info < warn < error// 通过日志系统的 level设置可以过滤掉不需要的提示// .
2022-02-23 15:42:26
353
原创 node对es6模块化的支持export/import
node只支持少数的es6语法解决方法 :安装依赖 babel-cli (babel-node)npm i babel-cli babel-preset-env babel-plugin-add-module-exports测试是否安装成功npx babel-node(x => x * 2)(2) //得到结果为4代表安装成功配置 .babelrc文件(自己新建一个文件){ "presets":["env"], "plugins":["add-mo
2022-02-23 15:36:45
621
转载 mac上mysql的修改密码
可参考一下链接:https://juejin.cn/post/6844904056054366222修改密码报错:ERROR 1064 (42000): You have an error in your SQL syntax; check the manual thatcorresponds to your MySQL server version for the right syntax to use near ‘(‘123456’) where user=‘root’’ at line 1
2022-02-16 17:29:18
401
原创 1.21 iphonex的底部样式兼容
iphonex的底部样式兼容形成一个安全区域,解决iphonex兼容性问题.bottom-wrapper { margin-top: 24rpx; height: calc(112rpx + env(safe-area-inset-bottom)); .bottom { background-color: white; position: fixed; left: 0; right: 0; bottom: 0; padding-bottom
2022-01-21 19:31:21
717
原创 1.12 git stash暂时提交
暂时提交使用场景使用使用场景当你正在做一件工作的时候(还未做完),突然有另外一件工作需要你做。使用暂存,使用之后,项目回到上一次你提交的状态git stash当你完成了工作之后,回到之前的状态git stash apply 回到特定版本的暂存git stash apply stash@{2}查看暂存的情况git stash list清空暂存栈git stash clear官方文档...
2022-01-12 18:21:06
444
原创 12.24小程序优化之道
小程序优化之道开发者工具评分的使用优化的常见问题及解决方法存在将未绑定在 WXML 的变量传入 setData存在可点击元素的响应区域过小存在图片太大而有效显示区域较小谈到小程序的优化,首先我们得知道小程序有哪些点需要优化,可以查看微信官方文档。https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html“工欲善其事,必先利其器”,小程序开发工具为我们提供了贴心的问题提示。主要从性能、体验、最佳实践三
2021-12-24 15:19:08
8110
原创 12.22 小程序的开发模式
小程序的开发模式一个页面一个文件夹小程序每一个页面都由一个wxml(其实就是html),一个wxss(其实就是css)和一个js文件构成。并且页面之间样式和js都是隔离开的,而路由统一由根目录下的app.json配置而成内置常用组件使开发变得简洁小程序的本质VUE + 内置一堆JS方法 + 禁止使用JQUERY。而微信小程序的开发者工具可以看作配置好的vue开发环境操作domconst query = wx.createSelectorQuery()query.select('#the-i
2021-12-22 12:06:07
1335
转载 12.21通过n模块管理node版本
在开发的工程中,我们可能需要经常切换node版本来应对不同的开发环境,所以需要经常使用不同版本的nodeNode版本的升级和降级安装npm插件n ,通过n模块来管理node版本全局安装n模块npm instlal -g n安装当前稳定版本sudo n stable安装最新版本的sudo n latest安装指定版本的noden v8.16.0卸载指定的node版本n rm v8.16.0使用nvm管理node版本安装nvmbrew instal
2021-12-21 17:18:33
758
原创 11.29 git使用
文章目录是什么历史发展为什么怎么做常用命令分支远程rebase(变基)(实践中需重看)快速解决冲突多人协作开发配置文件免密登入git忽略文件任务管理是什么git:分布式版本控制软件历史发展文件(多文件) => 本地(单文件) => 集中式版本控制 (可协作开发 SVN)=> 分布式版本控制(集中式挂掉了,不影响单独的操作)为什么方便回滚,获得以前的版本怎么做进入要管理的文件夹(进入)初始化(提名)管理生成版本常用命令初始化仓库git init
2021-11-29 10:05:04
452
原创 11.23 ts中webpack的简单配置
文章目录entryoutputmodemodulepluginsresolve配置文件entry配置入口文件的位置"entry":"./src/index.ts"output配置输出文件"output": { path:path.resolve(__dirname,"dist"), filename: "bundle.js", environment: { //输出文件中没有箭头函数(主要是为了兼容ie浏览器) arrowFunction:false }}mo
2021-11-23 18:33:30
356
原创 11.23 ts常用的编译配置
文章目录includeexcludecompilerOptionsts的编译配置,写在tsconfig.json文件中include配置需要编译的目录,**代表任意目录,*代表任意文件"include":["./src/**/*"];exclude配置不需要编译的目录,默认值默认值:[“node_modules”, “bower_components”, “jspm_packages”]compilerOptions编译器的配置选项(写一个错误的值进行编译可以得到所有合格的选项)ta
2021-11-23 15:26:47
229
原创 11.22 ts类型
文章目录boolean string numberany unknown字面量类型voidneverobjectarraytupleenum类型断言boolean string numberlet a:string;a = "hello"; //a只能是string类型let b:boolean;b = true; //b只能是boolean类型let c:number;c = 14; //c只能是number类型any unknownany unknown可以是任意类型,但是an
2021-11-22 22:29:23
212
原创 10.22 generator函数
文章目录generatorgenerator的两大开关yield nextnext传参generator循环 for ofgenerator生成器对象,用于异步编程,他和yield一起使用generator的两大开关yield相当于暂定键next()相当于播放键yield nextfunction* fn() { yield 'a'; yield 'b'; yield 'a'; yield 'd';}var _fn = fn(); //调用函数返回一个迭代器对象//nex
2021-10-22 20:50:55
75
原创 10.15 手写一个简单webpack
文章目录webpack是什么怎么手写webpack是什么webpack是一个打包工具,根据各个模块之间的关系,将文件打包到bundle.js文件中(分割,转译,合并)怎么手写如何执行打包命令 npx webpack打包完输出到dist目录,通过html文件引入并在浏览器上运行npx可以执行node_modules目录下的包npm init -y 自动生成一个package.js包管理文件分析打包生成的文件bundle.js,明白他的结构,以便自己生成一个这样的文件
2021-10-15 16:12:25
499
原创 10.10 正则表达式嵌套对象访问
正则?: //匹配但是不捕获. //除换行符意外的任意字符\r //回车\n //换行访问嵌套的对象已知 对象obj,还有要求的对象关系,返回最终的对象的值var obj = {a:{b:{c:2}}};var str = “obj.a.b.c”;求obj.a.b.cvar obj = {a:{b:{c:2}}};var str = "obj.a.b.c";var arr = str.split('.').slice(1);let res = arr.reduce((tota
2021-10-10 18:54:37
138
原创 input type=“date“
文章目录问题原因解决方法问题通过 <input type="date">标签选择时间然后提交到数据库,然后重新获取到值,通过设置value值,但是不能够显示原因首先我们需要明白,返回的值是date类型的对象,我们需要通过getFullYear()等函数,才能够获取到值input中value的格式 “2018-05-06”,中间通过-分割,不足两位的补0,不是这中格式的不能显示明白以上原因之后,我相信能够很容易写出来,我提供一种方法,仅做参考解决方法time.getFullY
2021-09-27 17:33:09
2461
原创 手写常用的数组函数,和bind
call//手写callFunction.prototype.myCall = function (context) { if (context === null || context === undefined) { context = window } let args = Array.from(arguments).slice(1); context.fn = this; let res = context.fn(...args);
2021-09-18 10:02:35
98
转载 9.17 flex布局
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool%EF%BC%88%E8%AF%AD%E6%B3%95%E7%AF%87%EF%BC%89
2021-09-17 09:47:45
88
pzisp.bkill.com.zip
2020-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人