vue
关注
分享
扫一扫
zwhfyy
无
展开
-
quasar1 cordova打包脚本
这个时候，窗口中会出现多个问题，等待你输入，最重要的是上面我提到的两个update和content_url，把上面问题都回答完毕后，回车就会生成了cordova-hcp.json，存放在Cordova根目录下！执行这个命令后，会很快编译完毕，如果程序不大的话，随后你会在www目录中发现两个文件：chcp.json和chcp.manifest，这两个文件，是这个热更新帮助工具自动生成的，不要手动去修改，否则如果修改错误了，热更新也应该不能完成了！5，编译完毕后，把所有www目录，覆盖测试服务器中对应的文件。原创 2024-12-11 09:09:53 · 400 阅读 · 0 评论 -
this[kHandle] = new _Hash(algorithm, xofLen, algorithmId, getHashCache())；
然后通过yarn dev或者npm run dev运行。原创 2024-11-29 14:19:37 · 398 阅读 · 0 评论 -
vue 数组清空，保持监听不变
第二种方式：length赋值为0。第一种方式：splice。原创 2023-03-05 22:22:59 · 1379 阅读 · 0 评论 -
如何修改node_modules源码
我们在开发时，经常遇到需要修改node_modules源码的场景，我们希望修改后的源码下次安装时还可以使用，并让团队的其他成员也能看到。我们可以使用打补丁的方式轻松实现这个目的。在slot后面加了个test，然后我们希望这行修改的代码，在npm install重新安装组件库的时候仍存在。如何实现呢？转载 2022-12-31 10:12:36 · 2515 阅读 · 0 评论 -
bpmn.js元素事件监听
【代码】bpmn.js元素事件监听。原创 2022-11-23 10:31:19 · 2946 阅读 · 0 评论 -
Failed to compile with 1 errors
在运行quasar 工程的时候啥错误提示都没有，就来一个。结论是先运行打包命令就会知道为啥了。没任何辅助信息如何解决错误呢。原创 2022-08-03 12:38:28 · 630 阅读 · 0 评论 -
jenkins常用脚本
补充，查看管理员admin密码命令为：cat /root/.jenkins/secrets/initialAdminPassword首先判断项目bin目录是否存在，如果存在，就停止项目然后删除已经存在的目录了，解开新的压缩包，删除压缩包最后将脚本改为可执行的，并且启动项目projectFolder="/opt/app/projects"projectName="pro...原创 2018-08-30 15:09:20 · 1985 阅读 · 0 评论 -
实现html转文本
htmlToText(html) { try { return html.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '').replace(/<[^>]+?>/g, '').replace(/\s+/g, ' ').replace(/ /g, ' ') .replace(/>/g, ' '); } catch...原创 2022-05-07 09:53:44 · 1768 阅读 · 0 评论 -
常用图标总结
驳回、重置mdi-restoremdi-reply-outlinemdi-replaymdi-redo-variantmdi-undomdi-undo-variant搜索mdi-feature-search-outlinemdi-card-search-outlinemdi-text-box-search-outline原创 2022-04-02 14:13:27 · 1177 阅读 · 0 评论 -
vuex最简单、最详细的入门文档
出自：https://segmentfault.com/a/1190000009404727如果你在使用vue.js, 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架ElementUI开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :<!--父组件中引入子组件-->&...转载 2022-03-11 09:04:27 · 556 阅读 · 0 评论 -
vue文件命名规范
1、*.js文件命名规范属于类的.js文件，除index.js外，使用PascalBase风格其它类型的.js文件，使用kebab-case风格属于api的，统一加上api后缀2、*.vue文件命名规范除index.vue之外，其它.vue文件统一用PascalBase风格3、*scss/*.css/*统一使用kebab-case命名风格4、vue，js的变量、方法用驼峰命名方式，如：onSelectChange(currentData)5、所有文件夹用kebab-ca.原创 2022-01-19 10:03:05 · 2426 阅读 · 1 评论 -
quasar 实现vue根组件放两个标签
yarn add vue-fragmentimport { Plugin } from 'vue-fragment';Vue.use(Plugin);<template> <fragment> <q-tr v-show="parent.expand"> <q-td :auto-width="true"> <q-btn dense round .原创 2022-01-13 14:43:56 · 603 阅读 · 0 评论 -
vue组件自引用
<template> <q-tr> <q-td> <q-btn dense round flat v-if="menu.children" :icon="menu.expand ? 'mdi-minus' : 'mdi-plus'" @click="menu.expand = !menu.expand" /> </.原创 2022-01-11 14:24:25 · 570 阅读 · 0 评论 -
vue加载js时loading显示
<!DOCTYPE html><html style="font-size: 16px;"><head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport.原创 2022-01-10 22:26:34 · 490 阅读 · 0 评论 -
three.js
obj文件转gltf文件npm install --save obj2gltf -gobj2gltf -i factory.obj -o factory.gltf原创 2022-01-07 09:20:51 · 437 阅读 · 0 评论 -
cc-admin基于cordova实现手机打包说明
首先需要修改访问路径模式，从history改为默认的hash，具体操作是注释掉quasar.conf.js中的这一行// vueRouterMode: 'history',其次是登录完成后需要加载一下菜单，之前是在App.vue中完成的，核心代码如下： submit() { this.loading=true; this.$axios.post('/sys/login',this.form) .then((r) => {原创 2021-12-28 22:35:05 · 1578 阅读 · 0 评论 -
linux 安装nodejs
cd /optwget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xztar xf node-v12.18.1-linux-x64.tar.xzcd node-v12.18.1-linux-x64 cp /etc/profile /etc/profile.bakexport PATH=$PATH:/opt/node-v12.18.1-linux-x64/binsource /etc/profilenode -v.原创 2021-12-09 15:59:34 · 756 阅读 · 0 评论 -
判断JS数据类型的四种方法
在 ECMAScript 规范中，共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示：基本类型：String、Number、Boolean、Symbol、Undefined、Null引用类型：Object基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈中，即按值访问。引用类型也称为复杂类型，由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量查询速度，因此，其值存储在堆(heap)中，而存储在变量处的值，是.转载 2021-11-02 10:05:03 · 197 阅读 · 0 评论 -
vue codemirror vue-codemirror
yarn addvue-codemirroryarn addcodemirror<template> <q-card> <q-tabs v-model="activeTab" dense class="text-grey" active-color="primary" indicator-color="primary" align="left" > &...原创 2021-11-01 16:59:59 · 2481 阅读 · 0 评论 -
js代码美化、格式化、css代码美化、格式化、html代码美化、格式化
npm install js-beautify// 导入依赖import { js_beautify, css_beautify, html_beautify } from 'js-beautify'// 使用,css、html均是这种策略使用code = js_beautify(code)原创 2021-11-01 16:14:14 · 2331 阅读 · 0 评论 -
在VS Code中调试Quasar项目
这里重点说的是devtool: 'source-map' 用来解决debuger定位行不准确问题首先，转到用于Chrome的调试器并仔细阅读。 然后，由于Quasar是基于Vue的，所以您还需要参考VSCode调试的Vue指南用于设置调试Vue应用程序。最好的方法是在这个页面旁边的浏览器中打开它，这样你可以在阅读这些说明的同时查看那些说明。并将更改应用到您的项目中。Vue指南的第一步是启用源映射(source maps)。Quasar自动启用开发模式的源映射。这是一篇好文章，它描述了[webp.原创 2021-10-30 11:36:13 · 1189 阅读 · 0 评论 -
vue json 格式化
yarn add vue-json-viewerimport JsonViewer from 'vue-json-viewer'; components: { JsonViewer, }, <q-dialog v-model="codeDialog" persistent :maximized="true" transition-show="slide-up" transition-hide="sl.原创 2021-10-27 15:23:39 · 649 阅读 · 0 评论 -
animate.css 动画效果的使用
下载安装animate.css使用BootCDN加速 https://www.bootcdn.cn/ ，下载min版本即可。在线效果演示：https://daneden.github.io/animate.css/重复执行只需增加infinite即可<div class="article-box animated fadeIn infinite"></div>1这样这个div就回循环执行 fadeIn动画APIAttention seekersbounc.转载 2021-10-27 15:21:49 · 776 阅读 · 0 评论 -
draggable 总结
样式控制：可以拖拽元素设置draggable=".drawing-item"可以拖动的组：:group="{ name: 'componentsGroup', pull: 'clone', put: false }" <draggable class="components-draggable" :list="item.list" :group=".原创 2021-10-26 09:55:32 · 1208 阅读 · 0 评论 -
Vue render函数
总结的太好了，忍不住转载下：Vue render函数 - 简书前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方面的知识。为了更好的学习后续的知识，又折回来了解Vue中的render函数，这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vue的render函数相关的知识，我们有转载 2021-10-23 16:05:39 · 256 阅读 · 0 评论 -
vue quasar 整合富文本编辑器，实现图图片上传
先看看最终的效果图片上传样子：线上访问地址：http://cc-admin.top/sys/news（服务器带宽低，耐心多等会）演示项目源代码：前端：https://gitee.com/zhy6599/cc-admin-web，对应后台：https://gitee.com/zhy6599/cc-admin-api新闻编辑页面代码：<q-dialog maximized flat persistent ref="dialog" position="righ...原创 2021-07-26 15:49:34 · 1550 阅读 · 1 评论 -
css总结
css中的','、'>'、'+'、'~',(群组选择器)A , B{ }复制代码空格(后代选择器)//选择A所有的后代B元素A B{ }复制代码>（子元素选择器）//选择A的一代B元素A > B{ }复制代码总结：“>”是css3中特有的选择器，A B选择所有后代元素，为A>B只选择一代。+(相邻兄弟选择器)//设置的是紧跟在A元素后的B元素，指定元素的下一个元素A + B{ }//eg:设置...原创 2021-05-11 14:34:45 · 90 阅读 · 0 评论 -
js实现applyIf
实现函数 applyIf(obj1, obj2) { if (typeof obj2 === 'object') { Object.keys(obj2).forEach((key) => { if (obj1[key] && ((typeof obj2[key] === 'object' && typeof obj1[key] === 'object') .原创 2021-03-27 09:59:30 · 168 阅读 · 0 评论 -
vue slot
这是组件 slottwo<template> <div class="slottwo"> <div>slottwo</div> <slot name="header"></slot> <slot></slot> <slot name="footer"></slot> </div></template>impor..原创 2021-03-13 09:10:11 · 108 阅读 · 0 评论 -
git install 出错 Error: Command failed: git clone --depth=1 -q -b fix/ie-cannot-input-korean git://git
3577 verbose stack Error: Command failed: git clone --depth=1 -q -b fix/ie-cannot-input-korean git://github.com/sohee-lee7/Squire.git C:\Users\tupos\AppData\Roaming\npm-cache\_cacache\tmp\git-clone-f3923a54 --config core.longpaths=true3577 verbose stack .原创 2020-08-13 13:36:52 · 10025 阅读 · 4 评论 -
vue 父子组件传值
https://vuex.vuejs.org/zh/调用子组件的时候 定义一个ref<headerchild ref="headerChild"></headerchild>12.在父组件里面通过this.$refs.headerChild.属性this.$refs.headerChild.方法12子组件主动获取父组件的数据和方法在子组件里面通过this.$parent.属性this.$parent.方法...原创 2020-07-24 11:08:46 · 171 阅读 · 0 评论 -
vue drag and drop
1.设置 div 元素允许拖拽draggable="true"2.设置元素拖拽开始事件@dragstart="drag(item.data)"<div style="border:1px solid green;" draggable="true" @dragstart="dragstart($event, item.data)" @dragend="dragend"> {{item.data}}</div>dragstart (event..转载 2020-06-26 10:33:10 · 564 阅读 · 0 评论 -
vue color picker
不好用<template> <chrome-picker name="picker" v-model="colors" /></template><script>import { Material, Compact, Swatches, Slider, Sketch, Chrome, Photoshop } from 'vue-color'export default { components: { 'material-pick.原创 2020-06-23 16:27:18 · 2039 阅读 · 1 评论 -
vue 添加amchart
npm install @amcharts/amcharts4https://www.amcharts.com/docs/v4/getting-started/integrations/using-vue-js/原创 2019-11-22 15:23:06 · 831 阅读 · 0 评论 -
Error: EPERM: operation not permitted, unlink
参考：https://blog.youkuaiyun.com/u011215669/article/details/82958778我用最后一条解决了原创 2019-11-22 14:17:38 · 5670 阅读 · 0 评论 -
node-sass安装失败问题解决
1.先检查项目的node_modules文件夹是否存在node-sass文件夹，存在，删掉，不存在，执行第二步；2.打开cmd，在项目根目录下输入以下代码npm install node-sass --sass-binary-site=http://npm.taobao.org/mirrors/node-sassnode-sass安装成功；...原创 2019-10-31 16:27:11 · 537 阅读 · 0 评论 -
vue 常用命令
nodejs :http://nodejs.cn/download/npm install -g npmeslint 要代码检查生效 vue文件需要和vue关联npm config set registry http://registry.npm.taobao.org/npm install -g @vue/clinpm install -g yarnyarn c...原创 2017-11-29 18:13:14 · 5060 阅读 · 2 评论