前端
关注
分享
扫一扫
dlwlrma2022
李知恩的圈外男友
展开
-
MacOS 使用hbuilderx启动项目node-sass报错
错误原因是由于当前hbuilderx内部使用的node版本和当前项目的node-sass版本不匹配，导致错误。修改hbuilderx的内部编译使用的node版本即可。原创 2022-10-17 13:44:51 · 1803 阅读 · 0 评论 -
解决vscode下载速度慢
使用谷歌浏览器访问vscode官网，在官网点击下载对应操作系统的版本的vscode，在查看下载内容的地方暂停下载，复制下载文件的url例如：在浏览器打开一个新的页面，将复制的这个地址粘贴在地址栏并将网站前面的一部分替换为此时再回车，可以正常下载了......原创 2022-07-05 12:56:36 · 289 阅读 · 1 评论 -
vsCode插件
配置vscode代码颜色及路径提示原创 2022-07-04 09:33:31 · 136 阅读 · 0 评论 -
阿里datav地图json地址
http://datav.aliyun.com/portal/school/atlas/area_selector原创 2022-06-25 13:17:34 · 3912 阅读 · 0 评论 -
vue3接口数据赋值对象，渲染报错
用express启动了一个简单的node服务器写了一个测试接口vue/cli创建的vue3项目，页面中通过接口获取的数据，注意第二个属性dict 现在我们用对象赋值的方法将res.data赋值给vue3的reactive里绑定的属性form 查看打印结果报错了，但是页面能渲染 如果我们把动态数据绑定的form初始化的值不用null，换成{}打印结果.........原创 2022-06-14 16:38:27 · 2103 阅读 · 0 评论 -
vue3查看wangeditor工具栏所有配置
由于官方文档并没有将所有的key都列举出来，vue3的引入形式又是通过组件引入的，所有查看所有的可配置的工具key名很不方便vue3使用方式这样在配置工具栏的工具时无法找到对应的key进行设置，但是他又是组件形式引用的，所有找不到编辑器实例......原创 2022-06-11 14:08:01 · 2975 阅读 · 0 评论 -
vue mustache模板字符串原理
mustache源于String.prototype.replace() 字符串原型上的方法原创 2022-06-02 21:46:44 · 351 阅读 · 0 评论 -
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 · 7100 阅读 · 4 评论 -
(wasm)WebAssembly是什么有啥用？
WASM不是一种编程语言，它是一种将用一种编程语言编写的代码转换为浏览器可理解的机器代码的技术WASM (WebAssembly的缩写)被设计为其他语言的编译目标，允许服务器端代码(如C或C++代码)被编译成WASM并在浏览器中执行。...原创 2022-04-29 09:52:30 · 653 阅读 · 0 评论 -
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 · 260 阅读 · 0 评论 -
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 · 432 阅读 · 0 评论 -
实现网页应用程序脚本安全性，防止恶意脚本
在引用外部脚本文件时，我们通常会采用<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 · 370 阅读 · 0 评论 -
如何在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 · 1292 阅读 · 3 评论 -
nuxt使用全局公共样式css
打开nuxt.config.jsexport default { css: ['@/assets/css/main.scss']}在css属性的数组里，加入你想全局引用的样式文件的路径注意，此处 @/ 为项目根目录原创 2022-04-22 11:58:18 · 2345 阅读 · 0 评论 -
nuxt使用sass预编译
找到package.json文件，在开发依赖下加入以下包名"node-sass": "^4.12.0","sass-loader": "^7.1.0"注意！不能直接安装最新版本sass，版本太高nuxt要报错然后在终端执行 npm i 拉取依赖原创 2022-04-22 11:54:50 · 571 阅读 · 0 评论 -
nuxt项目中使用store
使用npx由于nuxt项目创建项目以后，内部已自动集成store，所以无需再单独安装和引入原创 2022-04-22 11:48:21 · 3058 阅读 · 0 评论 -
查看安卓应用签名，开通微信支付或登录功能需要使用
1.打开微信开放平台，登录微信开放平台https://open.weixin.qq.com/2.原创 2022-04-20 16:49:36 · 721 阅读 · 0 评论 -
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 · 1350 阅读 · 0 评论 -
webpack配置路径快捷方式，文件引用后缀过滤
resolve: { alias: { "@": path.join(__dirname,"src"), // 目录快捷方式配置 }, extensions: [".js", ".ts", ".jsx", ".tsx", ".json"],//以上文件引入可以省略后缀名}原创 2022-04-18 13:57:50 · 625 阅读 · 0 评论 -
uniapp单个页面去掉最顶端导航栏
在page配置文件里找到对应页面设置"path": "pages/dikuai/landMap","style": {undefined "app-plus":{"titleNView":false}//去掉}原创 2022-04-18 13:53:51 · 1306 阅读 · 0 评论 -
hbuilderx打包h5项目白屏
打包之前在根目录新建vue.config.js文件，写入module.exports={ publicPath: “./”}之后在进行打包原创 2022-04-18 13:51:31 · 3098 阅读 · 8 评论 -
mac使用hbuilderx安卓模拟器调试app
应用程序右键 显示包内容 Contents目录下MACOS打开adb 查看networking下connect的port（端口）在MACOS文件夹右键打开终端输入./abd connect 127.0.0.1:端口号原创 2022-04-18 13:50:06 · 3927 阅读 · 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 · 856 阅读 · 0 评论 -
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 · 4622 阅读 · 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 · 1976 阅读 · 0 评论