自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 create-react-app脚手架配置vw+antd-mobile+less搭建移动端布局配置

1.配置vw(1)首先create-react-app react-vw-demo 生成一个demo,执行 npm run eject暴露出config文件,然后npm start把项目跑起来。(2)安装相关postcss相关插件npm install postcss-aspect-ratio-mini postcss-px-to-viewport-opt postcss-write-svg...

2019-06-03 17:32:48 2130 3

原创 vue项目开发全局组件笔记

在开发vue项目时,经常会用到element UI组件,在全局使用像message,toast,alert等组件得时候会很方便,但是在开发需要UI制定的项目时,就不能使用element UI了,这时就需要自己去开发属于自己的组件库了。具体的开发方法官网提供了。下面我们就根据官网提供的方法来开发属于我们自己的alert警告组件首先我们要在src/components文件夹下创建一个alert文...

2019-01-30 16:18:56 457 1

原创 mpvue开发微信小程序踩坑

在列表page点击进入详情页面时,用onShow()方法 去获取数据去展示数据,因为onShow方法会在比mounted()执行更快。由于小程序的缓存很严重,所以在返回的时候如果不将data中定义的数据清除的话,再次点击进入详情页面的话,还是会显示第一次进入详情页的数据,可以在methods中写一个初始化数据的方法 initData() { this.videoFlag = fal...

2018-10-03 18:17:52 5276

原创 vue2.x集成百度UEditor富文本编辑器方法

最近开发vue项目过程中,由于产品需要在项目中添加富文本编辑器,也在npm上找了几个基于vue开发的富文本编辑器,但是对兼容性比较高,不能兼容到IE9,10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头,记录下来以便以后需要的时候可以直接用。1.首先下载UEditor源码,将整个文件放到static文件夹中 2.然后将UEditor集成到项目中去。...

2018-08-04 13:52:30 10034 2

原创 vue props传Array/Object类型值,子组件报错解决办法

当在父组件通过props传Array/Object类型值给子组件的时候,如果子组件的props接收default为 exampleData:{ type:Array, default:[] }时,系统会报错Invalid default value for prop "slides": Props with type Object/Array must use a fact...

2018-07-19 20:19:01 8533

原创 vue项目 设置scrollTop不起作用 总结

vue项目 设置scrollTop不起作用 总结今天在开发中,遇到这样一个情景。一个页面中有三个模块,每个模块对应一个标题,每个模块内容都很长,所以需要点击当前模块对应的标题滚动到模块所在位置。 我想的方案是获取到每个模块距离文档顶部的距离,然后将值赋给对应要滚动的元素。 步骤如下:首先给每个模块一个id,例如:<div class="module module1" i...

2018-06-22 20:03:19 25092 5

原创 vuex初探

1.安装vuexnpm install vuex --save2.在src文件夹下创建一个store文件夹,然后在里面创建一个index.js文件,文件内容如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);// 定义常量 如果访问他的话,就叫访问状态对象const state = { ...

2018-01-17 22:30:39 305

原创 vue.js移动端配置flexible.js

适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpm install lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'3.px转换rem使用 webpack 的 px2rem-loader,自动将px转换为rem 安装

2017-12-21 17:52:49 10294

原创 Vue.js实现tab切换效果

Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API,能够让开发者在开发web应用的时候更加简易便捷。实际上,一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习Vue.js。在学习的时候需要把手动操作DOM的思维去掉,因为Vue是数据驱动,不需要手动操作DOM。他通过一些特殊的hmtl语法,将DOM和数据绑定起来。一旦创建了绑定,DOM就会和数据保持同步,每当变更了

2017-05-24 22:19:30 57719 6

原创 js对象与json字符串的互转

今天在面试的时候,面试官问到js对象与json字符串的互转问题,由于自己平时在用的时候没有在意,而且在工作中由于用的较少,没有答上来,所以今天特地查查资料复习一下, 巩固一下这方面的知识。1、js对象转换成json字符串在与后端进行交互时,有时需要把js对象转换成json字符串格式,这时我们需要去引用一下json2.js这个文件,然后调用JSON.stringify()方法

2017-05-16 22:42:35 9197 1

原创 js事件委托

事件委托的原理:就是利用事件冒泡,把事件添加到父级上,在触发执行效果。 事件委托有两个好处: 1、可以大大的提高页面性能。 2、动态添加的元素,还会有之前的事件。demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件委托</title> <script type="text

2017-05-02 23:31:10 401

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除