4 Roriring

尚未进行身份认证

暂无相关简介

等级
TA的排名 11w+

vue状态管理入门(vuex)

1.通过vue-cli搭建项目后,安装vuex,即npm i -s vuex;2.在src目录下新建目录store,store目录下新建index.js文件,内容如下: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ //stat...

2019-12-04 10:09:15

标题:误认为v-html存在兼容性问题

需求:最近在用vue做一个新闻的应用程序,其中详情页可能存在后台传回的html字符串,需要使用v-html解析。问题:由于详情页不止html一种类型,在结构上并不单一(存在非html类型及附件),导致最后出现的情况是,在windows,mac,Android上都是好的,调试发现对应的dom都生成了,但是有些超出手机宽度的内容在ios系统上完全不显示,主要是我加上了横向滚动overflow-...

2019-10-30 14:40:54

将自定义的vue组件发布到npm

一.创建组件并配置1.通过vue脚手架的简易版vue init webpack-simple命令创建一个vue工程(前面的博客有)2.写好自己的组件,并做好配置项目结构如图:1)说明:src下的index.js是项目的入口文件(改了配置文件);demo1文件夹表示一个组件的分类;demo1下的index.js是为了将index组件暴露出去;dist文件夹中的index.js是将要发布...

2019-10-21 10:25:17

vue中radio根据动态值绑定checked无效

1.问题分析: 在vue之前,我们想要获取某一组(设置相同的name属性)radio的选中状态是通过name属性获取,判断input的checked是true还是false,但是当列表中有多组(动态获取)就显得很乏力;vue出现后我们可以通过v-model很巧妙的完成。2.vue中分析(完成代码请看后面) <input :name="item.COLUMN_CODE" :...

2019-09-30 09:12:57

mint-ui中mt-search兼容ios在软键盘显示“搜索”

首先简单粗暴上代码: <form action="" v-on:submit.prevent="" ><!--autofocus--> <mt-search :attr="{autofocus: false}" placeholder="搜索人名、标题、内容、状态" @keyup.enter.nati...

2019-09-08 10:21:30

vue中企业微信 wx.onHistoryBack详解:

问题:企业微信开发中,存在一个问题,就是企业微信页面一般没有页头,我们点击企业微信“返回”不能控制跳转到指定的页面,造成的后果就会出现可能在两个页面来回跳转的现象。解决方案:此时我们就可以使用企业微信api—>wx.onHistoryBack解释:wx.onHistoryBack(function(){ return false });必须retur...

2019-08-23 11:47:39

vue设置全局变量和公共方法

1.全局变量 1)新建globalVariable.js const servicePort = '8088' export default { servicePort } 2)main.js中引入并挂在原型上 import globalVariable from '@/pub/js/globalVariable' Vue.prototype.GLOBA...

2019-08-09 15:38:05

vue中自定义组件的用法(企业微信通讯录选人)

组件的好处就是可以重复使用,坏处就是父子组件之间的通信相对比较麻烦,但是掌握了父子组件之间的通信后组件的应用就很简单了。下面是实战,最后是思路。1.子组件<template> <div class="add-photo-con"> <div class="photo-icon-con" v-for="item in selectedUserList...

2019-08-09 15:18:09

vue开发企业微信通讯录选择

1.npm安装相应的依赖,并在main.js中导入对应的包 import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import axios from 'axios' Vue.prototype.$wx = wx Vue.prototype.axios = axios Vue.use(MintUI) ...

2019-08-09 14:51:17

vue-cli(vue脚手架)

vue-cli:快速构建一个vue项目。这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境vue的全家桶:vue-cli,vue-router,vue-resource,vuex步骤:1.安装vue-cli1)首先安装node.js,然后使用npm全局安装webpa...

2019-07-09 20:12:52

springboot cache(以@Cacheable为例)的使用

前面讲了ehcache的使用,接下来讲一下spring cache在spring boot下的使用1.导入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-cache</artifact...

2019-05-15 15:58:17

springboot中配置ehcache二级缓存

1.引入依赖<dependency> <groupId>net.sf.ehcache</groupId> <artifactId>ehcache</artifactId> <version>2.10.6</version></dependency>2.编写ehcac...

2019-05-15 11:35:53

springboot配置druid数据源

新建springboot项目(选中web、jdbc、mysql等基础模块)1.在pom文件中添加druid(springboot默认不支持)数据源; <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://w...

2019-05-14 21:43:09

js动态生成的html代码绑定折叠展开事件,实现折叠展开动效

需求:弹出框中的数据是js动态生成的html代码,点击加号展开,点击减号折叠步骤:1.弹出框: <div class="am-modal am-modal-no-btn" tabindex="-1" id="popDiv1"> <div class="am-modal-dialog" style="width:800px;max-height: 100%...

2019-05-14 09:57:09

annotation-driven,annotation-config,component-scan

本文只告诉你怎么用,不讲内部原理annotation-drivenmvc:annotation-driven/即注解驱动,作用是为了控制层(Controller)的一些注解生效,主要包括三类:处理器映射器,处理器适配器,异常解析器。有点抽象,其实就是使请求时能识别@RequestMapping,@AutoWired等注解,然后到达我们的目的。component-scancon...

2019-04-25 15:30:56

Spring @Schedule定时任务

配置并启用Schedulepackage com.iotsoc.config;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.scheduling.TaskS...

2019-04-19 17:03:31

springmvc中解决乱码问题

1.post请求:在web.xml配置编码过滤器 <filter> <filter-name>characterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilte...

2019-04-13 23:53:29

xlsx.core.min.js获取excel数据

需求:首先点击“模板下载”下载excel模板(房号模板.xlsx直接存放在工程下),存放需要导入的数据==(导入一列数据,如有需求,可自己拓展)==,然后点击批量导入按钮选择excel目标文件,将数据获取封装到json中。相关操作:js文件(通过CDN方式引入)<scriptsrc="https://cdn.bootcss.com/jquery/3.2.1/jque...

2019-04-12 12:46:06

spring入门1

spring概述spring是一个开源框架,spring是一个轻量级的java开发框架,spring是一个分层的javase/javaee full-stack(一站式)轻量开源框架。官网地址: http://spring.io/一站式剖析(针对每一层有解决方案): WEB层 :SpringMVC Service层 :Spring的Bean管理,Spring声明式事务...

2019-04-10 15:20:49

js操作批量数据的节点

需求:如下图,点击单元后面的“+”可以增加一列单元input框,点击“-”可以删除当前input框from表单的jsp代码: <form id="addBuildingUnitForm" class="add-popu-form" data-am-validator> <div class="inputItem"> &lt...

2019-04-09 10:30:31

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。