- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue项目中富文本编辑器vue-quill-editor的使用
前端开发过程中，会遇到在页面上加入富文本编辑器，在vue项目中开发遇到这一需求的时候，我们可以使用富文本编辑器vue-quill-editor，话不多说，先上一张效果图：1）安装vue-quill-editor 依赖npm installvue-quill-editor --save2）入口文件main.js中引入// 引入富文本编辑器import VueQu...
2018-09-30 15:07:24
4784
8
原创 vue中对数组值变化的监听与重新响应渲染的方法
在我们项目开发过程中，实例中的数据类型可以是对象、数组等。在对象中，某个属性值发生更改时，我们可以通过对象的深度监听，以达到重新渲染页面的需求。或者查阅博主的文章 https://blog.csdn.net/weixin_37861326/article/details/81034231；例如：<script> export default { data(){ ...
2018-09-29 10:32:10
24591
2
原创 vue状态管理vuex使用之项目中如何合理引入vuex
在前端开发过程中，状态的管理是一件很令人头疼的事情。尤其是在项目中，涉及同一状态的组件越多，在组件状态管理上，通过父子组件之间通信来更新状态将变的复杂。Vue项目开发过程中，借助vuex进行状态管理将极大的减轻我们在开发过程中对于组件状态的维护。vuex:vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可...
2018-09-26 11:29:35
1487
1
原创 margin与padding值设置为百分数时，其值的计算参照最近父级元素width
在前端开发过程中，设置样式参数margin 与 padding 值为百分数时，其具体值的计算方法需参照最近父级的width计算。1）exp1: margin-top 为百分数其中标签的嵌套关系为：<div class="boxparent"> 父级box <div class="listbox"> 子box </d...
2018-09-21 14:55:16
1396
原创 Vue项目中如何使用Echarts 及Echarts中echarts-liquidfill水晶球插件
在博主的前述的一篇文章当中，有写到如何在vue项目引入Echarts插件，Echarts插件的应用方法可参考博主之前的文章。在本文中，博主将结合实际开发过程中的操作，介绍一下如何引入echarts-liquidfill插件，并使用它。echarts-liquidfill在github上的链接是https://github.com/ecomfe/echarts-liquidfill，上面有详述插件的...
2018-09-12 14:17:27
19638
1
原创 如何修改input输入框placeholder文字颜色
开发过程中在使用input、textarea标签placeholder作为提示性文字时，往往文字颜色达不到我们的预期效果，因此需要对placeholder属性提示文字默认颜色进行修改，修改的过程也很简单添加样式即可。input::-webkit-input-placeholder { color: #dadada; } input::-moz-placeholder { ...
2018-09-06 11:15:14
14397
原创 vue项目中路由不匹配或者路径错误，添加默认404页面的方法
在Vue项目中，当访问的页面路由不存在或错误时，页面显示为一片空白。然而，通常我们需要对访问url不存在或者错误的情况下添加默认的404页面，即not found页面。处理方法如下，在router中添加方法：router.beforeEach((to, from, next) => { if (to.matched.length === 0) { //匹配前往的路由不存在 ...
2018-09-04 14:50:27
18744
1
原创 react引入router提示，The prop `history` is marked as required in `Router`, but its value is `undefined`
关于react项目中，按照下述方式，在引入路由Router、Route、Link时：import { Router, Route, Link } from 'react-router'运行出现下述错误The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router...
2018-09-02 19:06:49
13093
原创 关于react中使用browser.js转译JSX的操作方法，并附react.js，react-dom.js，browser.js文件下载链接
在初学react这个框架时，可采用在文件中引入react.js，react-dom.js，browser.js库来编写代码。JSX在React中是一种非常常见的写法，具体JSX的解释很难说的清楚，但通常可以理解为JavaScriptXML或者是JavaScript Syntax eXtension (JavaScript语法扩展的缩写)。在项目中使用JSX技术时，我们需要用babel进行转译，...
2018-09-01 16:00:10
2688
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人