vue/react/node/vite/npm/yarn build自动更新版本号
//根目录 创建 version.js //安装 dayjs 或者 momentjs //修改package.json中build script为： node version.js & vite build //version.js如下： import fs from "fs"; import dayjs from "dayjs"; const getPackageJson = () => { let data = fs.readFileSync('./package.json') //fs读取文件 return JSON.parse(data) //转换为json对象 } let packageData = getPackageJson() packageData.version = dayjs().format('YYYYMMDDHHmm'); fs.writeFile( './package.j...
TinyMCE工具栏配置详解
启用和停用工具栏 通过init配置项toolbar和toolbar(n)来配置工具栏是否启用的项目和显示的顺序。 同时，使用|来分割各个项。 tinymce.init({ selector: '#textarea1', // change this value according to your HTML //启用工具栏并显示如下项 toolbar: 'undo redo | styleselect | bold italic | link image', }) tinymce.init({ selector: '#textarea2', // change this value according to your HTML //禁用工具栏 toolbar: false, }) /* 启用多个工具栏 */ tinymce.init({ ...
vue获取节点的父节点、兄弟节点、子节点
<span @click="getClickInfo(event)"> </span> getClickInfo: function (e) { let clickDom = e.currentTarget; // currentTarget 获取绑定点击事件的节点 let currentDom = e.target; // target 获取当前点击节点 let parent = clickDom.parentElement; // parentElement获取绑定事件节点的父节点 let previous = clickDom.previousElementSibling; // previousElementSibling获取绑定事件节点的前一个节点 let previousInner = previous.innerHTML; // 获取绑定...
vue3无法使用vue-devtools
const app = createApp(App) .use(router) .use(i18n) .use(lazyPlugin,{ loading:require('@/assets/images/default.png'), // 图片加载时默认图片 error:require('@/assets/images/error.png')// 图片加载失败时默认图片 }) .mount('#app') //add support for vue-devtools const win = window; if(process.env.NODE_ENV === 'development'){ if('__VUE_DEVTOOLS_GLOBAL_HOOK__'inwin){ win.__VUE_DEVTOOLS_GLOBAL_HOOK__ = app; } }
VUE/REACT图表
datav 介绍 | DataV (jiaminghi.com) echarts https://echarts.apache.org/ ant design for vue(UI) https://www.antdv.com/ ant design admin Vue Antd Admin (gitee.io)
vue使用element-ui中的Message 、MessageBox 、Notification
import Vue from 'vue'; import ElementUI from 'element-ui'; // 添加响应拦截器 axios.interceptors.response.use(function (response) { // 对响应数据做点什么 // console.log('对响应数据做点什么') return response; }, function (error) { // 对响应错误做点什么 console.log(ElementUI) //Message 消息提示 ElementUI.Message({ message: '恭喜你，这是一条成功消息', type: 'success' }); //Notification 通知 ElementUI.Notification({ title: '警告', message: '这是一条警告的提示消息', type: 'warni...
vue import .scss报错
新版本的vue-cli已经帮我们把sass-loader配置好了，放在了util.js里面。 原来我们需要在webpack.base.config.js中去配置以下这段代码： { <span class="hljs-attr">test</span>: <span class="hljs-regexp">/\.scss$/</span>, <span class="hljs-attr">use</span>: [ { <span class="hljs-attr">loader</span>: <span class="hljs-string">'style-loader'</span>...
vue中引入.svg图标，使用iconfont图标库（SvgIcon组件使用）
阿里巴巴的iconfont是一个很好的图标库，海量的素材可以快速满足开发人员日常对图标的诉求，我们采用symbol引用，官方介绍 创建SvgIcon组件 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <script> export default { name: 'svg-icon', props: { iconClass: { type: String, required: true }, className: { type: String } }, computed: { iconName() { return `#icon-${this.iconClass}` }, svgC...
vue 安装sass，运行后报错loaderContext.getResolve is not a function
今天自己搭建vue-cli框架，安装了element-ui，运行没有任何问题，修改了下样式，为了避免修改ele里面组件的样式出现样式污染，想着装个sass写嵌套的，这样既方便又能很好的解决问题，那么动起来： 1.安装需要的依赖： npm install node<span class="token operator">-</span>sass <span class="token operator">--</span>save<span class="token operator">-</span>dev <span class="token comment">//安...
vue中无法加载scss
今天重装了vue-cli脚手架 这次我安装了node-sass+sass-loader之后还是不行，进入webpack.base.config.js发现没有配置scss。 所以增加如下： <span class="token punctuation">{</span> <span class="token property">test</span><span class="token punctuation">:</span> /\.sass$/<span class="token punctuation">,</span> <span class="token property">loaders</span><span ...