qq_40197100的博客

原创 vue 4.0 tinymce的脱坑指南

安装tinymce-vuenpm install @tinymce/tinymce-vue -Stinymcenpm install tinymce -S下载的时候在public下面建个目录tinymce，下载tinymce完成后在node_modules 中找到 tinymce/skins目录，将其复制到public\tinymce目录下面，如果找不到就去原文件夹node_modules搜索下载中文语言包tinymce提供了很多的语言包，这里我们下载中文语言包下载

原创 js中你不知道却会用到的操作

颠倒数组中元素的顺序arrayObject.reverse()

原创 vue2和vue3部署到服务器子目录为空白页

问题：今天遇到vue项目部署到服务器默认hash没问题但是hhistory为空白的问题。研究了一下找到了答案记录一下。vue项目history模式部署在子路径

原创 Fabric.js在vue2中使用

Fabric.js安装这里我是基于vue来使用的，先安装上Fabric.js npm install fabric 在main.js中import fabric from 'fabric'Vue.use(fabric);Fabric 提供了 7 种基础形状：fabric.Circle (圆)fabric.Ellipse (椭圆)fabric.Line (线)fabric.Polyline (多条线绘制成图形)fabric.triangle (三角形)fabric.Rect (

原创 js 递归-树形数组所有父级节点的id

// 递归-树形数组所有父级节点的id familyTree(arr) { var temp = []; var forFn = function (list) { for (var i = 0; i < list.length; i++) { var item = list[i]; if (item.children) { temp.push(item.id); ..

原创 vue使用swiper 3 开启loop后循环第一张一闪而过

swiper插件没有开启循环模式，一切都很顺利具体怎么在vue项目中引入swiper插件<div class="swiper-container swiper-banner"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in carouselList"

原创 uniapp 默认横屏

进行manifest.json设置"orientation": [ //应用支持的屏幕方向 // "portrait-primary", //竖屏 // "portrait-secondary", //竖屏（反向），上下颠倒 "landscape-primary", //横屏，Home键在右侧 "landscape-secondary" //横屏（反向），Home键在左侧 ], 进行配置后直接运行是不行的

原创 element 导航栏el-menu router 页面传参

element 的el-menu（导航栏）组件中自带一个vue-router 的模式那就是在标签中加router，再在el-menu-item中添加 index（路径地址）唯一标志来实现跳转如下：<el-menu style="border-bottom:0;" class="el-menu-demo flex" mode="horizontal" text-col..

原创 JS 事件多次触发，只执行最后一次（防抖动）

//写在事件外边，防止被注销var iTime;//写在事件内部 clearTimeout(iTime); iTime = setTimeout(function () { //需要执行的事件 }, 500);

原创 label span 设置文字两端对齐

label { width: 100%; // width: 80px; height: 30px; display: inline-block; line-height: 30px; vertical-align: middle; text-align: justify; .

原创 vue axios 上传文件时修改Content-Type

// 根据后台需求数据格式 const form = new FormData() // 文件对象 form.append('upload_file', file) //文件流参数 form.append('path', 'news') // 添加form表单中其他数据 console.log(form)axios .post(url, form, { headers: { 'Content-..

原创 vue-router 快速返回上一页

this.$router.go（-1）或者<router-link to> <el-button @click="$router.back(-1)">上一页</el-button></router-link>如果没使用vue-routerwindow.history.go（-1）

原创 vue-router 页面参数方式

1，命名路由注册路由的地方需要给路由命名如下图：使用传参方法如下：this.$router.push({ name: 'revisePassword', params: { userId: 123 }})接受方法如下：this.$route.params.userId2，查询参数查询参数其实就是在路由地址后面带上参数和传统的url参数一致的；使用方法如下：this.$router.push({ path: '/revisePassword', query: { us

原创 vue结合AntV G2 使用踩坑

官网使用import G2 from '@antv/g2';引入但是会报一个"export 'default' (imported as 'G2') was not found in '@antv/g2' 得错误找了半天原因，最终解决办法import * as G2 from '@antv/g2'

原创 git 提交时指定文件夹、文件上传操作（解决不是首次提交问题）

如果某些文件已经被纳入了版本管理中，就算是在.gitignore中已经声明了忽略路径也是不起作用的，这时候我们就应该先把本地缓存删除，然后再进行git的push，这样就不会出现忽略的文件了。git清除本地缓存命令如下：git rm -r --cached . git add .git commit -m "缓存清除"注意事项有几点:.a.如果当前项目中还没有.gitignore这个文件，则可以自己手动创建或者考虑文件修改都可以，必须要提交到Git仓库后才生效，即是要第一次提交后才开始生效

原创 Element中遇到的问题汇总

el-input中修改选中的颜色，如果选中的样式不执行用/deep/，或者<<<，{border-radius: 0;}

转载 js中经常用到得方法（构造函数）

JS计算24节气的方法function getjq(yyyy,mm,dd){mm = mm-1;var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758);var solarTerm =

原创 css中你不知道却会用到的操作

限制浏览器不可复制文字.xxx {moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}

转载 float:left布局后后，如何在页面居中

原创 v-for方法遍历数组，从后端获取数据，前端取值调用uni app

v-for方法遍历数组，从后端获取数据，前端取值调用template写法 <!-- row数组中的每一列 --> <!-- cateId为后端详情页时要取得值id --><template><navigator class="category" v-for="(row, index) in categoryList" :key="ind...

原创 HbuilderX 的初始页配置

原创 Vue类似点餐软件开发（五：head头部实现）

原理：head中的数据通过异步请求后端的数据接口获得：首先要给app.vue定义一个seller对象：vue中有一个插件用于后台请求的：Vue-resource：去package.json添加依赖： 在main.js中引用通过发送ajax属性获取数据：实例化时有一个生命周期，要一个钩子created（）this.seller对象传给 &lt;v-header :seller="seller"&gt...

原创 Vue类似点餐软件开发（四：布局）

手机端和pc端像素有一倍差距：PC=2手机端像素：具体实现手机端与pc像素相同，要用到缩放：mixin.styl是一个css中的方法，可以传一个变量【border-1px(rgba(7, 17, 27, 0.1)】通过after未类绝对定位：加上缩放实现具体的像素转换。通用的1像素编写：实现pc与手机的像素缩放：根据设备的最小dpr：将y轴做一个缩放全局引用...

原创 Vue类似点餐软件开发（三：项目内容填写）

样式布局：样式中移动端经典布局：flex布局；Vue-router的使用安装：使用需要安装依赖：用npm install命令行进行安装；  在代码中进行引用：（App.vue中引用)（main.js中引用)实例化时，可以传一些值：active这个值就是app.vue中的style样式与mian.js

原创 Vue类似点餐软件开发（二：项目结构了解）

项目目录设计：模拟后台的数据，接口填写：数据：接口：调用的方式：项目中css样式reset：。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。二：将项目分成模块化，一块一块，实现局部刷新：创建header块：有可能缺少依赖：将header与App.vue相连接：

原创 Vue类似点餐软件开发（一：前言）

Vue介绍：框架Vuejs的核心思想，原理：Vue脚手架工具：Vue-cli用开发者命令（Node.js)打开一个项目:如果用到了在vue项目创建的后初始化首次使用stylus安装方法分享：很好用的一个svg制作网站：https://icomoon.io/app/#/select/font

原创 npm run dev出错

是版本过低的原因：试一下 卸载npm uninstall webpack-dev-server，在安装这个 npm i [email protected]，我的可以正常启动了。

原创 vue双向绑定

双向绑定方法在methods中写：处理那些不存在渲染增加，改变一个名称的长度{vue的全局方法（vue.set）}

原创 vue格式

Vue后部格式父子类传参：组件引用赋值时注意：

原创 用命令行打开Vue项目

用命令行打开Vue项目