- 博客(84)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 DevEnc Studio预览报错Preview failed. Unable to start the previewer. Open PreviewerLo
DevEnc Studio预览报错Preview failed. Unable to start the previewer. Open PreviewerLog to Check foe details.
2024-02-11 17:15:36
244
原创 yarn create vite 报错 ‘D:\Program‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
yarn create vite , yarn 'D:\Program' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
2022-06-25 13:10:36
1697
2
原创 (已解决) npm突然报错 Cannot find module ‘D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js‘
解决了npm突然报错 Cannot find module 'D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js'
2022-06-25 12:31:28
8820
2
原创 i18n国际化切换
v3 usenpm i -S vue-i18n@nextconfigconst i18n=createI18n({ locale:"", fallbackLocale?: 'zh-CN',//没有英文的时候默认中文语言 locale: 'zh-CN', // 语言标识 globalInjection: true, //使用全局$t()函数 message:message, //信息 legacy:false, //跟v3的comsitionapi 有关})export
2022-04-09 16:55:05
906
原创 滚动条样式
参照:https://blog.csdn.net/hanshileiai/article/details/40398177/* 整体,width:横向宽 height:竖向宽 */::-webkit-scrollbar { width: 16px; height: 16px;}/* 滚动条的轨道（里面装有Thumb） */::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); backgro
2022-04-09 11:31:19
159
原创 01-权限指令
Vue Use执行Use里的函数并传入app实例在函数中调用app.directiveapp.directive('name', {});//指令名称(不包括v-){}对象当中是一个个钩子钩子有对应的参数就是在这些钩子当中做一些处理{ mounted:(el,binding)=>{ ... }}没有权限时el.parentNode?.removeChild(el)...
2022-03-30 19:30:33
281
原创 eslint+prettier+csscomb 格式化代码
Install Vscode PluginseslintprettiercsscombInstall Project Pluginsnpm i -g eslintnpm i prettier -DConfig Filenpx eslint --initDocsEslint忽略整个文件/*eslint-disable*/忽略下一行/* eslint-disable-next-line */忽略文件.eslintignoreme1.Vscode settin
2022-03-24 21:25:54
409
原创 tailwindcss 切换深色主题切换
installnpm i -D tailwindcssinitnpx tailwindcss init -pconfigmodule.exports = { purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"], darkMode: "class", // or 'media' or 'class' theme: { extend: {} }, variants: {}, plugins: []}[
2022-03-13 16:55:04
1662
1
原创 配置 resolve.alias, vite @别名
配置 resolve.aliaspath会报2307,根据提示install @types/node 即可vite.config.tsimport { resolve } from 'path'export default defineConfig({ resolve:{ alias:{ '@':resolve(__dirname,'src') } }})tsconfig.json add+"baseUrl": ".","paths": { "@/*": ["s
2022-03-09 16:45:29
3468
原创 监听页面触底,触顶,滚动条事件
https://blog.csdn.net/Jack_zengzhen/article/details/79013841offset带边框clint不带边框,边框以内时间内容document.body.scrollTop谷歌:滚动条距离顶部的距离document.documentElement.scrollTopIE:滚动条距离顶部的距离window.screen.height电脑屏的高度document.body.scrollHeight谷歌&IE: 浏览器所有内容的高度
2022-03-03 21:43:20
498
原创 vue项目中长时间不操作退出登录
;(function () { /** * @Tip: * FenZhon:Number 设置超时时间(分钟) * timeoutJianCha:时间戳 多久检查一次 * lastTime:时间戳 最后一次操作的时间 * currentTime:时间戳 当前操作的时间 * timer:计时器 */ let FenZhon = 0.1 let lastTime = new Date().getTime() let currentTime = new D
2022-02-28 19:55:22
815
3
原创 vscode标签插件bookmarks
目的一个页面代码行数太长时,在编辑某个方法,为了方便快速定位到这个方法时很有用安装Bookmarksv13.2.4使用打标签 ctrl+alt+k再打一次就是清除 这个标签跳转至下一个标签ctrl+alt+j会循环跳转,所以没必要分上一个下一个清除当前页所有标签ctrl+shift+p搜索bookmarks选择bookmarks:clear就行整个项目所有标签的用法安装好插件在vscode扩展边框上会有个标签的图标 点击,会显示出你这个项目哪些地方打了标
2022-02-27 13:04:18
1405
原创 去除vscode注释文字斜体跟下划线
很简单{ "name": "Comments", "scope": [ "comment", "punctuation.definition.comment", "unused.comment", "wildcard.comment" ], "settings": { .
2022-02-18 16:03:26
882
原创 vscode自定义配色方案 插件基础上
01-下载相关主题插件02- 点击设置按钮 复制id03-进入插件文件C:\Users\Administrator\.vscode\extensions04-复制刚才的id05-themes下选择你所用的主题名称在原基础上修改相关的参数值就行了.相关参数说明: https://blog.csdn.net/sinat_39620217/article/details/115618730搜索 colors节点的内容直接通过键值对参数描述 下的内容...
2022-02-17 10:24:29
313
原创 uniapp自定义导航栏的开发
在我眼里自定义导航分2类: 原生基础上 || 非原生基础上总结:项目当中能原生就原生,提高性能区别uni-app 自带原生导航栏，在pages.json里配置。原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。但原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导航栏的配置。在App下，pages.j
2022-02-14 17:50:58
1824
原创 Hbuilder链接逍遥模拟器
01-在开发app时如果选择模拟器调试 就需要下载模拟器02-HBuilder如何链接下好的逍遥模拟器安装好逍遥模拟器 在D:\sofw\ziyuan\shouJiMoniQi\Microvirt\MEmu路径下cmd运行adb devices分别填入运行配置ADB server didn't ACK这种报错的情况是因为端口被占用了进入D:\sofw\ziyuan\shouJiMoniQi\Microvirt\MEmu\MemuHyperv VMs\MEmu文件夹下打开MEmu.
2022-02-13 15:06:56
1616
原创 开发app真机调试问题
HBuilderX真机调试插上手机却提示“未检测到手机或浏览器”的问题](https://www.cnblogs.com/bydzhangxiaowei/p/13441443.html)HBuilderX真机调试插上手机却提示“未检测到手机或浏览器”的问题：https://blog.csdn.net/u014131617/article/details/101651793?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMac
2022-02-11 10:30:56
431
原创 开发app hbuilderx连接安卓模拟机
01- 下载逍遥安卓模拟器http://www.xyaz.cn/02-找到这个文件路径D:\insatll\ziyuan\anZhuo\Microvirt\MEmu03-查看端口在模拟器安装目录，shift+鼠标右键打开命令行，输入adb devices2150304-hbuilder中将上面的端口跟路径分别设置到这两项中运行就可以了bug11:28:04.417 PID为：23332进程名称为：adb.exe 11:28:04.417 路径为：d:\insatll\ziyuan
2022-02-10 11:45:07
9027
原创 vite搭建vue2项目
学习 : https://juejin.cn/post/6988808776291713060术语可能是错的但是步骤是这样的01-初始化一个vite原生框架npm init vite@latest选择vanilla原生项目02-安装依赖npm installnpm install vite-plugin-vue2 -Dnpm install [email protected] [email protected] -S03-创建src文件夹 将main.js放进去main.js
2022-02-10 10:50:12
1930
原创 webpack配置
webpack.config.js属性module.exports={entry:"./index.js",//入口，从哪里开始编译//出口output:{ publicPath:"",//打包后的文件资源引入到html模板时文件名的前缀 path:"",//打包后到哪里 filename:"builder.js"//打包后生成的文件名 },plugins:[ 插件 ]}插件Plugin:`htmlWebpackPlugin`打包后
2022-02-06 15:14:34
668
原创 eslint+vetur+prettier
theme: juejinhighlight: vs201501-理论认识eslint包:检查代码，但是不在编辑器用线条提示,只能处理js文件,需要命令检查和修复。vscode eslint插件:在eslint包基础上，用红线提示。还提供保存修复，但是只能修复双引号分号极其简单的格式。prettier包:还能修复eslint比较复杂的格式，css,js,html文件，需要命令修复。vscode prettier插件:在prettier包基础上提供保存时修复。顺序:先执行vscode上的插.
2022-02-06 13:59:48
750
原创 函数式组件
Vue 函数式组件 functional函数式组件无状态无法实例化内部没有任何生命周期处理函数轻量,渲染性能高,适合只依赖于外部数据传递而变化的组件(展示组件，无逻辑和状态修改)在template标签里标明functional只接受props值不需要script标签父组件<template> <div class="hello"> <btn :selfArray=[1,2,3] :click="click" &
2022-02-05 21:03:01
582
原创 vue用函数调用 创建组件
01-创建一个好的组件02-在js文件创建函数html<!-- * @Author: Allyn * @Description: * @Date: 2022-02-05 19:47:40 * @LastEditTime: 2022-02-05 20:05:03 * @FilePath: \hmYouGou\components\test.vue--><template> <div v-show="isshow"> <div cl
2022-02-05 20:33:17
931
原创 uniapp自定义头部导航栏
01-去掉导航栏打开pages.json配置文件，找到自定义导航栏的页面，在页面的style里面设置导航栏样式navigationStyle属性。"navigationStyle": "custom"02-条件uni_modules有uni-nav-bar组件03-安装组件组件1 https://ext.dcloud.net.cn/plugin?name=uni-nav-bar组件2 https://ext.dcloud.net.cn/plugin?id=81304-使用引入组件并
2022-02-03 22:34:22
1287
原创 uniapp使用colorUI 组件
gitHub地址 https://github.com/weilanwl/ColorUI文档：https://www.kancloud.cn/m22543/colorui/128924501-下载安装运行之后的样子02-app.vue引如2个文件在app.vue中引入这2文件@import "~@/colorUI/main.css";@import "~@/colorUI/icon.css";03-组件的使用复制相应功能的代码 属性 方法 单个样式过去…有的组件没有用到属性方法
2022-02-03 18:49:45
1892
原创 uniapp中image不显示网络图片
资料来源：https://itcgq.blog.csdn.net/article/details/79978896https://blog.csdn.net/weixin_44138647/article/details/112407737图片不能站外引用这个问题所导致的。原因是因为设置了HTTP Referer，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，利用Referer是可以防止图片盗链的，所以这就是报错的原因。解决方案一、使用image
2022-02-03 13:36:24
7391
1
原创 PicGo+gitee制作免费图床
01-安装软件https://molunerfinn.com/PicGo02-创建一个gitee仓库03-创建一个私人令牌 一个权限就行04-picgo 安装gitee-uploader插件05-配置正常上传就行
2022-02-02 18:39:01
471
1
原创 uniapp使用vant组件 如何使用 解决其中的坑
`[“usingComponents“][“component1“]:“xxx“未找到` 这种错解决
2022-01-26 15:58:46
1597
原创 hBuilder uniapp 运行到手机调试
01-调试手机app手机打开开发者模式一般都在 **系统管理-关于手机-版本信息** 那一项当中 ，然后 点几下 版本信息，就会提示进入开发者模式进入开发者模式后 就返回到 系统管理，会多出来一个 开发者选项,进入 然后开启开发者选项 和 usb调试最后重新打开hbuilder就可以看到运行到手机 有选项了02-在手机调试微信小程序直接真机调试 启动自动调试就行了 如果不行试试是否进入了开发者模式 还有项目配置好微信id没...
2022-01-23 18:38:42
1153
原创 node 后端服务部署到服务器 宝塔
01 准备好项目文件02 将文件放入宝塔 文件里面03 宝塔商店下载pm2设置开启https的请求，比如小程序就需要这种接口需要改改代码 要用https来监听 还要配置 ssL证书const express=require('express')const https=require('https')const fs=require('fs')const app=express()const httpsOpt={ key:fs.readFileSync('./htt
2022-01-23 15:35:02
669
原创 node安装及所有配置 npm yarn 环境变量
01-卸载node软件目录正常卸载 (软件)c盘下整个 .vsCode 文件删除 （安装的插件）C:\Users\Administrator\AppData\Roaming\ Code整个文件 （用户缓存信息）02-安装nodenode-v8.9.3-x64为例01-安装时选择安装路径D:\Program Files\nodejs\选Add to PATH 默认添加环境变量02-cmd 查看环境变量有说明环境变量成功echo %PATH% //其中的D:
2022-01-19 14:41:08
1290
原创 .eslintrc.js+vetur
文章方案代码校验：Eslint格式化：vetur+vscode前期准备vscode插件ESLint`v2.2.2`ESLint Chinese Rules v0.1.0 eslint中文提示package.json依赖下载所有依赖 "babel-eslint": "^8.2.1", "eslint": "^4.15.0", "eslint-config-standard": "^10.2.1", "eslint-friendly-forma
2022-01-19 14:14:21
1062
原创 工作中使用的 Git
01-理论点.git文件 === 版本库：存储版本号、提交时间等信息git fetch === 拉取版本库git merge === 同步到工作区git pull === git fetch+git mergegit init --bare name1.git === 创建一个name1.git的裸库(公共库)文件状态>untracked 未跟踪： 最初状态，不参与版本控制>unmodify 未修改 ： commit入库后状态>modifled 已修改： 跟踪后文
2022-01-19 14:13:17
228
原创 node.js搭建基础的后端服务接口 express
整体结构1-安装依赖`body-parser express mysql`yarn init -yyarn add body-parser express mysql2-编写入口文件app.js//导入 post请求参数处理组件const bodyParser=require('body-parser')//路由const user=require('./router/user.js') //user//开启服务文件const app=require('./bin/ww
2022-01-16 16:05:20
673
TA创建的收藏夹 TA关注的收藏夹
TA关注的人