- 博客(35)
- 收藏
- 关注
原创 阿里云centos7.9安装docker,创建nginx容器,启动vue3项目
这里我在服务器根目录新建了一个文件夹,名叫mySite,然后chq这个文件夹就是我打包好的文件夹,这个打包好的文件夹之前是叫dist,默认名字,然后我把它改为了chq。这将显示Docker的版本信息,表示Docker已经成功安装并可用。8.使用带有nginx的docker容器启动vue3项目。7.上传打包好的vue3项目。2.添加Docker存储库。4.启动Docker服务。6.查看docker版本。3.安装Docker。
2023-05-10 14:13:47
469
原创 MacOS 使用hbuilderx启动项目node-sass报错
错误原因是由于当前hbuilderx内部使用的node版本和当前项目的node-sass版本不匹配,导致错误。修改hbuilderx的内部编译使用的node版本即可。
2022-10-17 13:44:51
1763
原创 el-table复选框回显出错
经过研究,json的序列化只是把同一组数据里的东西在内存中的位置进行了调换,并不是真正意义上的深拷贝,至于用索引却能取到正确的值,这个楼主没有想通。根据element的官方文档。
2022-07-18 16:28:08
1792
原创 vue3将dom打印pdf文件
这里使用的是vue3的一个插件vue3-print-nb使用步骤1.安装插件2.在main.js引入3.给按钮绑定打印4.css样式注意1.使用vue的单文件组件时,打印的dom的css需要单独换行写,不要写进父元素的嵌套里面2.需要打印的dom和它里面的子元素样式可以嵌套5.打印时在更多设置里勾选背景图形,展示css设置的颜色......
2022-07-07 16:46:35
1107
原创 解决vscode下载速度慢
使用谷歌浏览器访问vscode官网,在官网点击下载对应操作系统的版本的vscode,在查看下载内容的地方暂停下载,复制下载文件的url例如:在浏览器打开一个新的页面,将复制的这个地址粘贴在地址栏并将网站前面的一部分替换为此时再回车,可以正常下载了......
2022-07-05 12:56:36
283
1
原创 阿里datav地图json地址
http://datav.aliyun.com/portal/school/atlas/area_selector
2022-06-25 13:17:34
3897
原创 vue3接口数据赋值对象,渲染报错
用express启动了一个简单的node服务器写了一个测试接口vue/cli创建的vue3项目,页面中通过接口获取的数据,注意第二个属性dict 现在我们用对象赋值的方法将res.data赋值给vue3的reactive里绑定的属性form 查看打印结果报错了,但是页面能渲染 如果我们把动态数据绑定的form初始化的值不用null,换成{}打印结果.........
2022-06-14 16:38:27
2087
原创 vue3查看wangeditor工具栏所有配置
由于官方文档并没有将所有的key都列举出来,vue3的引入形式又是通过组件引入的,所有查看所有的可配置的工具key名很不方便vue3使用方式这样在配置工具栏的工具时无法找到对应的key进行设置,但是他又是组件形式引用的,所有找不到编辑器实例......
2022-06-11 14:08:01
2937
1
原创 el-table表格添加具名插槽并传递数据
以下举例使用vite+vue3+element plus我在操作栏内,使用默认template获取了表格的行内数据scope操作栏内的按钮之类的需要自己来自定义这里是一个公共组件,增加了<slot name="dog"><slot>一个具名插槽 <el-table :data="data.tableData" border style="width: 100%"> <el-table-column prop="date" label="Da
2022-05-24 13:31:28
7077
5
原创 (wasm)WebAssembly是什么有啥用?
WASM不是一种编程语言,它是一种将用一种编程语言编写的代码转换为浏览器可理解的机器代码的技术WASM (WebAssembly的缩写)被设计为其他语言的编译目标,允许服务器端代码(如C或C++代码)被编译成WASM并在浏览器中执行。...
2022-04-29 09:52:30
649
原创 js对象的一些新方法
const obj = { foo: 'bar', baz: 'qux' }; const objEntries = Object.entries(obj); console.log(objEntries); // [["foo", "bar"], ["baz", "qux"]] console.log(Object.fromEntries(objEntries)); // { foo: "bar", baz: "qux" }...
2022-04-28 17:36:15
255
原创 js重写鼠标右键的事件
1.contextmenu<body> <input id="root"> <script> let hh = document.querySelector('#root') hh.addEventListener('contextmenu', (e) => { e.preventDefault() console.log(e); })
2022-04-27 17:35:33
426
原创 实现网页应用程序脚本安全性,防止恶意脚本
在引用外部脚本文件时,我们通常会采用<script src="https://unpkg.com/vue@3.0.5/dist/vue.global.js"></script>如果对应的文件被篡改了,可能会对用户造成影响。虽然cdn一般都是可靠的,但是不排除受到黑客的攻击这种情况下,可以通过script标签的属性 integrity 来进行安全验证integrityintegrity属性设置引入js文件的hash值,浏览器在下载js文件时候,会对js文件进行
2022-04-27 09:18:02
362
原创 如何在nuxt项目中使用iconfont
1.在iconfont选取图标,并下载项目,不用多说,懂得都懂2.将下载文件解压,把解压后文件夹里面的文件全部复制到asstes目录下fonts文件夹里3.在nuxt.config.js中添加 css: [ '@/assets/fonts/iconfont.css' ], plugins: [ { src: '@/assets/fonts/iconfont.js', ssr: false } ],4.在页面中可以使用了<i class="iconf
2022-04-24 11:10:29
1282
3
原创 nuxt使用全局公共样式css
打开nuxt.config.jsexport default { css: ['@/assets/css/main.scss']}在css属性的数组里,加入你想全局引用的样式文件的路径注意,此处 @/ 为项目根目录
2022-04-22 11:58:18
2333
原创 nuxt使用sass预编译
找到package.json文件,在开发依赖下加入以下包名"node-sass": "^4.12.0","sass-loader": "^7.1.0"注意!不能直接安装最新版本sass,版本太高nuxt要报错然后在终端执行 npm i 拉取依赖
2022-04-22 11:54:50
567
原创 查看安卓应用签名,开通微信支付或登录功能需要使用
1.打开微信开放平台,登录微信开放平台https://open.weixin.qq.com/2.
2022-04-20 16:49:36
711
原创 webpack开启cpu多线程提升打包效率,大型项目适用
import Os from "os";export default { module: { rules: [ { test: /.js$/, use: [ { loader: "thread-loader", options: { workers: Os.cpus().le.
2022-04-18 13:59:05
1342
原创 webpack配置路径快捷方式,文件引用后缀过滤
resolve: { alias: { "@": path.join(__dirname,"src"), // 目录快捷方式配置 }, extensions: [".js", ".ts", ".jsx", ".tsx", ".json"],//以上文件引入可以省略后缀名}
2022-04-18 13:57:50
615
原创 uniapp单个页面去掉最顶端导航栏
在page配置文件里找到对应页面设置"path": "pages/dikuai/landMap","style": {undefined "app-plus":{"titleNView":false}//去掉}
2022-04-18 13:53:51
1300
原创 hbuilderx打包h5项目白屏
打包之前在根目录新建vue.config.js文件,写入module.exports={ publicPath: “./”}之后在进行打包
2022-04-18 13:51:31
3078
8
原创 mac使用hbuilderx安卓模拟器调试app
应用程序右键 显示包内容 Contents目录下MACOS打开adb 查看networking下connect的port(端口)在MACOS文件夹右键打开终端输入./abd connect 127.0.0.1:端口号
2022-04-18 13:50:06
3900
2
原创 mac使用hbuilderx模拟真机测试,无法正常启动
打开访达 - 实用工具 - 终端,挨个执行以下命令即可解决cd/Applications/HBuilderX.app/Contents/HBuilderX/plugins/nodemv node node-v8ln -s/usr/local/bin/node /Applications/HBuilderX.app/Contents/HBuilderX/plugins/node/node...
2022-04-18 13:46:57
849
原创 vue2-ssr从vue-cli搭建项目改造服务端渲染+打包上线部署
为了完成vue+ssr,本人呕心沥血翻阅很多博主的文档,并在b站看了很多视频之后,经过个人实践,终于整理出一套完整版,无缺失,不报错的改造流程(亲测!!)从创建=>打包=>上线部署,详细流程。好用的话点个赞吧!!1.通过 vue-cli 创建 vue 项目vue create 项目名称2.进入项目安装vue服务端渲染插件vue-server-renderernpm install vue-server-renderer Svue-server-renderer和v
2022-04-18 13:42:31
4571
10
原创 git修改本地用户名和邮箱及其他命令使用
清除本地用户名和密码git config --system --unset credential.helper执行以下命令后,再次pull或push时会缓存输入的用户名和密码git config --global credential.helper store修改上传代码用户名(单次用户名不加引号!!全局要加!!)单次:git config user.name 用户名全局:git config --global user.name “用户名”修改上传代码邮箱(单次
2022-04-18 13:01:05
1970
原创 macOS安装brew教程从入门到入土
1.打开macos的终端,输入 2.等待安装完成后的提示提示需要执行一个命令将homebrew添加到path中,复制提示文本继续在终端中执行,注意,这里每个人的电脑名字不一样,一定要复制你自己终端里提示的命令,我的只是一个参考,直接复制全部就行,不需要换行和调整格式什么的 3.此时再执行brew help就可以看到相关信息提示已经有brew了4.把brew下载包的地址切换为国内的镜像地址,和切换npm的下载地址为淘宝镜的意思一样依次执行以下4条命令 5.设置bottles镜像继续执行以下命
2022-04-18 12:50:10
5518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人