vue-quill-editor 富文本编辑器 七牛 ivew,实现富文本编辑器上传图片到七牛,并可以调整图片大小

2019-11-21
阅读 10 分钟
5.6k
1、下载安装必须插件 {代码...} 2、引入html内容 {代码...} 注意如果想看upload详细讲解可以看我上一片文章:[链接] 3、首先配置工具栏显示图标 {代码...} 4、这里的其他图标都是系统给的,只有“size”字体选择下拉框,是我自己配置的,因为默认只有三种字体大小,我们需要扩展,在Quill上注册字体: {代码...} 5、使用配...

vue 配合 iview upload / el-upload 上传七牛

2019-11-21
阅读 2 分钟
5.9k
vue项目配置iview的upload插件上传文件到七牛服务器 1、ivew upload组件 {代码...} 其实上传七牛有两种方法,这里直接使用表单action提交自动触发上传七牛,也可以导入七牛js通过七牛实例传参、掉接口上传。 2、获取token,上传必备,通过后台接口返回。3、设置其他参数,通过表单里面的:data属性传递给七牛 {代码...} ...

vue quill 富文本编辑器 添加字体大小选择

2019-11-15
阅读 3 分钟
8.1k
下面是实现效果首先我们是用在vue项目中的,使用的是vue-quill-editor插件如果想知道vue-quill-editor的基础用法和图片上传可以看看我之前写的一篇文章基本用法:[链接]富文本框图片上传七牛:[链接]

mac上sourcetree 提交代码每次都需要输入密码

2019-10-29
阅读 1 分钟
5.1k
做一下配置就可以了 1、点击设置 2、选择远程仓库 3、点击选中路径,然后点击下面的编辑按钮 4、编辑URL/路径比如当前url: {代码...} 添加用户名和密码:用户名: zhangxuchao 密码:00000000 {代码...} 保存就可以了

vue + elementUI 省市县三级联动

2019-10-29
阅读 4 分钟
10.5k
总结:整个过程很简单,就是在选中省的时候获取他的所有children节点数据(市)在选择市的时候获取她的所有children节点数据(区县)

vue 项目中使用ivew 打包以后,字体图标无法显示问题。

2019-10-23
阅读 1 分钟
917
修改 build/webpack.prod.conf.js {代码...} 修改extract: false就可以了

vue cli2.x配置多环境打包

2019-10-23
阅读 2 分钟
5.8k
首先说下自己遇到的坑,搞了半天。 开始使用过的node版本是6.3.0,配置完毕运行打包命令一直报错,后来,删除了node_modules node使用8.9.0版本,运行npm i 才可以。 一、config/目录中复制 prod.env.js 修改为test.env.js {代码...} 二、prod.env.js 修改 {代码...} 三、dev.env.js {代码...} 四、config/index.js文件修...

vue、vue-quill-editor、七牛上传图片

2019-09-13
阅读 11 分钟
3.3k
1、下载安装必须插件 {代码...} 2、引入html内容 {代码...} 注意如果想看upload详细讲解可以看我上一片文章:[链接] 3、首先配置工具栏显示图标 {代码...} 4、这里的其他图标都是系统给的,只有“size”字体选择下拉框,是我自己配置的,因为默认只有三种字体大小,我们需要扩展,在Quill上注册字体: {代码...} 5、使用配...

vuex 状态持久保持 刷新不影响

2019-09-02
阅读 1 分钟
1.9k
vuex是vue的状态管理器,但是他就好像是一个全局变量,界面刷新的时候state就会回到初始定义的状态,这是我们不想看到的,我们可以将他存储到localStorage或者使用插件来实现。一、安装插件

vue2项目迁移,或者复制项目到其他文件夹遇到的问题

2019-08-30
阅读 1 分钟
5k
使用场景,本地创建的项目想复制到其他文件夹下面使用。切记vue创建的项目中有好多配置文件是隐藏文件,需要复制所有文件,如果这些隐藏文件没有复制,那么运行的时候肯定会报错。

vue2修改浏览器显示title

2019-08-28
阅读 1 分钟
3k
一、配置路由器的时候添加如下项 meta {代码...} 二、在main.js中写全局路由钩子 {代码...} 这样就可以在路由跳转的时候修改响应界面的title值了。

scss的基本用法

2019-08-14
阅读 2 分钟
2.6k
一、定义变量 {代码...} 二、简单的计算 加减乘除 {代码...} 三、选择器嵌套 {代码...} 四、继承样式 @extend {代码...} 五、@mixin @include 使用,强大之处在于可以传递参数 {代码...} 六、导入外部scss、css @import {代码...} 七、高级用法,循环语句和自定义函数的使用 {代码...}

vue2 拖动排序 vuedraggable组件

2019-08-08
阅读 2 分钟
8.2k
一、安装插件 {代码...} 二、在需要排序的界面中引入组件 {代码...} 三、在模板中使用 {代码...} 四、实现change、start、end、move方法,v-model绑定的数据就是排序后的数据,可以传递给后台修改数据库数据 {代码...} 五、完整代码,参考网址 {代码...} [链接]

vuex 开发 测试 生产环境 配置axios

2019-06-18
阅读 1 分钟
2.8k
1、vue2使用 vue-cli安装的项目 config目录下面都有 dev.env.js/test.env.js/prod.env.js文件,做相应的修改,添加API_ROOT

vuex mapState mapMutations mapActions

2019-06-18
阅读 2 分钟
1.4k
mapState mapMutations mapActions vuex在表单中的使用 因为vuex state定义的变量只能在 mutations中修改,所以表单中的v-model绑定就会有问题,解决方案 {代码...} store/index.js文件 {代码...} 使用 mapState mapMutations mapActions {代码...}

vue中 computed的使用场景

2019-06-13
阅读 5 分钟
5.3k
1、如果显示和方法中使用的时候类型切换<input v-model="type" />这里的type初始化的时候是数组['语文', '数学', '英语'],但是input中双向绑定只支持数字和字符串基本数据类型,所以这里就需要在数组和字符串直接切换

vue2 http拦截器 实现每次请求地址都显示loading

2019-06-12
阅读 1 分钟
4.3k
实现效果图1、这里使用的是element-ui框架显示的loading,当然使用方法大同小异您可以使用其他框架或者自己写样式。 main.js引入element-ui框架 {代码...} 2、main.js中配置拦截器 {代码...} 配置参数 {代码...}

vue2 二级路由 高亮

2019-06-10
阅读 6 分钟
4k
1、项目中的图标使用的是element-ui框架中的图标,如果需要引入可以看我写的上一篇文章。2、首先配置路由我初始化项目的时候初始化了路由,所以打开router/index.js文件进行修改配置

vue2 配置element-ui

2019-06-06
阅读 1 分钟
1.7k
注意:在初始化项目的时候,必须使用css对浏览器进行初始化,要不然会遇到很多问题,我之前遇到的坑和大家分享,避免浪费大家时间我项目中使用flex布局,发现flex: 1无效,最后找到原因就是html,body,#app高度没有设置,最后初始化100%;就好了。虽然是个小问题,但是会浪费开发时间。

vue2 配置scss

2019-06-06
阅读 1 分钟
2.9k
2、配置 webpack.base.conf.js找到webpack.base.conf.js文件的module模块下面的rules添加以下代码

ionic3 时间选择器

2019-05-07
阅读 2 分钟
2.4k
1、安装 {代码...} 2、导入模块 {代码...} 3、html文件中引入 {代码...} 4、数据 {代码...}

react native 拖动 小球 边界控制

2019-04-11
阅读 3 分钟
5.4k
PanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作,也可以用于识别简单的多点触摸手势。官方地址:[链接]

react native拖动上方显示值,改变背景颜色的slider

2019-04-01
阅读 6 分钟
4.3k
效果如图: 使用的是react-native-slider插件 1、安装 {代码...} 2、具体参数查阅git文档 {代码...} 3、我们主要讲怎么实现背景图片功能和拖动显示具体值 {代码...} 这两个参数可以使滑块的轨道透明,那么我们只需要给滑块设置一个背景图片就可以了 {代码...} 使用ImageBackground标签包裹 Slider标签添加背景图片最后修...

javascript 判断数据类型的几种方法

2019-02-15
阅读 2 分钟
15.1k
javascript 判断数据类型的几种方法一、typeof 直接返回数据类型字段,但是无法判断数组、null、对象 {代码...} 其中 null, [], {}都返回 "object" 二、instanceof 判断某个实例是不是属于原型 {代码...} 三、使用 Object.prototype.toString.call()判断 call()方法可以改变this的指向,那么把Object.prototype.toString...

javascript 面向对象 new 关键字 原型链 构造函数

2019-02-13
阅读 4 分钟
3k
JavaScript面向对象JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,就是专门用来生成实例对象的函数。它就是对象的模板,描述实例对象的基本结构。一个构造函数,可以生成多个实例对象,这些实例对象都有相同的结构

ES6 类继承 和 super的使用

2019-02-12
阅读 1 分钟
2.7k
注意:ES6中继承的子类中,如果使用构造函数constructor()那么就必须使用 super()方法初始化,这样下面才可以调用this关键字。super()只能用在子类的构造函数之中,用在其他地方就会报错。

JavaScript sort() 排序的坑详解

2019-01-31
阅读 1 分钟
11k
1、先从简单的开始,大家都知道sort()函数比较的是ASCII码的大小,而且而且而且:Array的sort()方法默认把所有元素先转换为String再排序,所以就有以下问题。

ES6 export 和 export default的区别

2019-01-30
阅读 2 分钟
9.5k
ES6中 export 和 export default 与 import使用的区别,使用 react native 代码详解 一、使用export 和 import 1、export 定义导出一个子组件 Greeting {代码...} 2、在父组件中导入子组件 {代码...} import命令接受一对大括号,里面指定要从其他模块导入的变量名。大括号里面的变量名,必须与被导入模块(greeting.js)...

store插件使用

2018-11-16
阅读 1 分钟
2.8k
导入store的两种办法1、 {代码...} 在angular.cli的script标签中添加 {代码...} 在需要的地方直接引入 import store from store; 2、在index.html文件中<script> {代码...} 定义全局变量就可以使用了 {代码...}

angular4 获取wifi列表中文显示乱码问题

2018-10-19
阅读 1 分钟
2.3k
问题描述:如果搜索到的wifi是中文名称,那么就会显示特殊字符比如(甿ªç”Ÿè迪),乱码的问题。 这里需要使用 escape方法对特殊字符编码,然后使用 decodeURIComponent解码具体代码如下 创建一个管道,在需要的地方使用即可。 {代码...}