- 博客(89)
- 收藏
- 关注
转载 elementUI previewSrcList 调用图片展示组件
官方给的示例需要用el-image<div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"> </el-image>...
2019-09-29 14:09:00
12416
转载 手机端ios cube-ui input键盘弹起输入完成后点完成 不回弹的问题
今天发现最近做的手机端页面 ui 用的cube-ui textarea 输入内容后点击键盘 完成 不回弹的问题记录下来 备忘<template> <div> <section class="cube-content"> <h2 class="cube-index-list-anchor">财...
2019-08-12 16:10:00
326
转载 关于引用cube-ui 报错./cubeic.ttf 解决办法
安装cube-ui错误如图解决办法cnpm install babel-plugin-transform-modules -D配置.babelrc{ "plugins": [ ["transform-modules", { "cube-ui": { "transform": "cube-ui/lib/${member}", "keba...
2019-08-05 13:17:00
1811
转载 vue 配置发布测试环境,成产环境api
vue通过配置不同命令自动发布到测试环境或者成产环境cnpm run build 配置开发环境cnpm run build:test 打包到测试环境cnpm run build:prod 打包到成产环境vue 在vue-cli脚手架会生成build config两个文件夹在build文件夹下新建webpack.test.conf.js 将webpack.prod.c...
2019-07-25 11:27:00
248
转载 vue 兄弟组件通信bus/总线程通信/发布订阅模式
习惯用vuex 但如果不依赖store 可以在vue全局绑定bus 的demo我新建了util/bus.jsimport Vue from 'vue'export default Vue.prototype.bus = new Vue()在main.jsimport bus from './util/bus'需要发消息的组件<temp...
2019-07-18 11:03:00
187
转载 对vuex进行分模块管理
之前写的vuex store里放一个state 这样随着项目越来越大,state也会越来越大 。而且考虑多人开发多人维护一个state 也会比较难维护 估计多人开发的一定会分模块管理state 在redux里提供了 combineReducers 可以拆分reducer到组件翻了下vuex文档 发现提供了modules 估计可以按照这个进行拆分 也不是拆分 实际是提供了命名空间 ...
2019-07-17 16:17:00
292
转载 vuex 派发action进行异步获取数据
在vuex里 我想统一管理异步的操作,受到redux-thunk的启发,可以让vuex派发action,在action执行异步请求axios,在把异步获取的数据到mutation,但感觉这么做会把接口数据跟state绑定,感觉还是按照具体环境灵活应用较好。假如我组件的mounted有这么个获取接口数据的方法getGenegetGene(){ this.$st...
2019-07-16 16:15:00
1433
转载 简单理解geneator
形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield语句,定义不同的内部状态function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = hel...
2019-07-03 17:22:00
86
转载 理解Promise
Promise简单学习 ,备忘Promise用同步的写法解决了异步回调金字塔的问题如getData1(data1 => { getData2(data1, data2 => { getData3(data2, data3 => { getData4(data3, data4 => { getData5...
2019-07-03 17:01:00
71
转载 elementui table 分页 和 tabel 前加序列号
记录下来备忘结构如下Report.vue<template> <div> <home-header></home-header> <div class="report"> <div class="rs_1"></div> <d...
2019-05-09 19:09:00
214
转载 vue-cli打包后图片路径取不到的问题
今天准备把vue-cli build 的文件发到服务器上单发现会出现图片找不到的问题 解决办法如下修改 assetsPublicPath: './'.打开webpack.prod.conf.js,在output:增加 publicPath: './'虽然解决了资源路径的引用问题,但是资源里面的背景图片还是不显示, background: url("../../asse...
2019-04-24 17:21:00
258
转载 vue v-model 与 vuex state数据绑定问题
最近开发的项目 需要用input 的v-model 直接绑定到vuex的store数据 因为v-model 能与data的数据绑定 尝试了半天代码如下<template> <div> <el-row class="age"> <el-col :span="3"> <...
2019-04-23 09:13:00
1584
转载 使用TortoiseGit操作分支的创建与合并
记录下来备查忘的 原文地址https://www.cnblogs.com/hbujt/p/5554038.html第一步:创建本地分支点击右键选择TortoiseGit,选择Create Branch…,在Branch框中填写新分支的名称(若选中”switch to new branch”则直接转到新分支上,省去第二步),点击OK按钮:第二步:通过“Swit...
2019-04-03 09:02:00
75
转载 vue elementui 递归 sidebar可伸缩侧边栏
最近在学习vue 做了一个可伸缩的 侧边栏 记录下 在很多管理系统都用到 管理系统一般都长的差不多首先是收起时候展开时候首先是新建一个Layout.vue<template> <div> <el-radio-group v-model="isCollapse" style="margin-left: 320px;"...
2019-04-02 15:12:00
1244
转载 roadhogrc.mock.js配置
1、roadhogrc.mock.jsconst fs=require('fs');const path=require('path');const mockPath=path.join(__dirname+'/mock');const mock={};fs.readdirSync(mockPath).forEach(file=>{ Obj...
2019-03-20 17:44:00
888
转载 react dva routerRedux 备忘
首先你需要import { Link, routerRedux } from 'dva/router';在方法里跳转用function applyJobHandler(){ dispatch(routerRedux.push(`/jobapply?jid=${jobinfo.id}&jtype=${jobinfo.zptype}&jname=${jo...
2019-03-20 15:47:00
329
转载 vue实现tab切换
需要弄类似tab切换的功能就是一个点击切换上一页下一页的页面 找到这个获得灵感<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tabs</title> <style> ...
2019-03-19 16:52:00
131
转载 ios手机弹出层上表单的操作,收起键盘焦点错乱的问题
今天遇到了ios手机下 弹出层上form表单 当收起键盘后,焦点错乱,无法再操作的问题解决办法function device() { const u = navigator.userAgent; const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //a...
2019-03-18 14:04:00
172
转载 FLEX布局
1、flex布局是什么Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}2、基本概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 F...
2019-03-12 13:57:00
62
转载 new Date在ios下的兼容bug
今天发现在ios下new Date("2019-03-06").getTime()返回NaN 原因是ios下不支持“-”必须用"/" 记录备忘var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));转载于:https://www.cnblogs.com/junwu/p/10481882.html...
2019-03-06 10:49:00
132
转载 react dva 表单校验
import React,{ Component } from 'react';import { connect } from 'dva';import { WhiteSpace,NavBar ,List, InputItem ,Button,WingBlank } from 'antd-mobile';import { createForm } from 'rc-for...
2019-03-01 09:33:00
295
转载 配置微信api调扫码功能
var url = encodeURIComponent(location.href.split('#')[0]); $.get(iapi+'/htweb/wx/getJsSdkSign?url='+url,function(data){ var data = JSON.parse(data); data = data["reason"]; wx.config...
2019-02-28 10:05:00
515
转载 dva脚手架 dva-cli 配置roadhogrc,antd-mobile样式按需加载 不生效的问题
1、新安装dva-cli脚手架版本0.9.2,dva版本是2.4.1,roadhogrc版本是2.4.9roadhogrc2 与1 的区别把roadhogrc 改成了webpackrc所以配置antd-mobile按需加载需要修改.webpackrc文件{ "entry": "src/index.js", "env" : { "dev...
2019-02-01 14:32:00
497
转载 js 数组知识复习
2.Array类型2.1 创建数组两种方式:1.new Array();//创建一个空数组var arr1 = new Array();//创建一个长度为10的空数组,var arr2 = new Array(10);//创建一个包含一个字符串good的数组var arr3 = new Array("good");特别说明:当传进去括号中的只有...
2017-10-26 16:01:00
77
转载 手机横屏时候提示请竖屏浏览纯css实现
//今天无意间浏览nike公众号看到的 最近也正在做着就记录下来备忘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>.nik...
2017-10-20 17:56:00
289
转载 css3 实现多行文本折行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>t1</title> <style> p {display:-webkit-box; -webkit-box-...
2017-09-29 17:44:00
223
转载 sublime 常用快捷键备忘
转一篇sublime常用的快捷键备忘sublime常用快捷键选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中...
2017-08-22 11:30:00
75
转载 css sticky footer 布局 手机端
什么是css sticky footer 布局?通常在手机端写页面 会遇到如下情况 页面长度很短不足以撑起一屏,此时希望页脚在页面的底部 而当页面超过一屏时候,页脚会在文章的底部 ,网上有许多办法,我只实现期中的一种办法 留作备忘首先是页面的布局<template> <div id="app" class="app"> <di...
2017-08-10 16:33:00
129
转载 vue2 父子组件间通信
父组件往子组件传值 props 传textfather.vue<template> <div class="father"> {{'我是父组件'}} <son :text="text"></son> </div></template><...
2017-08-09 17:16:00
128
转载 开始学习es6(二) let 与 const 及 块级作用域
1、varJavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting)const和let的异同点相同点:const和let都是在当前块内有效,执行到块外会被销毁,也不存在变量提升(TDZ),不能重复声明。不同点:const不能再赋值,let声明的变量可以重...
2017-08-03 16:45:00
66
转载 应用defineProperty简单实现vue的双向数据绑定
双向数据绑定简易版本如何应用defineProperty的getter setter 方法有这样HTML片段<input type="text" id="demo"><p id="display"></p>var obj = {}; var bind = []; Objec...
2017-08-02 15:16:00
65
转载 angularjs 入门
因为今后可能需要用angular,所以今天开始在这里记录学习angularjs。一、angularjs 前端为什么需要框架及前端有哪些流行的框架?1、技术选型需要。公司技术栈。没啥好说的。2、 选址适合自己的,如为什么选择angular,"AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS...
2017-08-01 15:21:00
59
转载 开始学习es6(一) 搭建个es6的开发环境
1、开始学习es6 如果想在浏览器跑es6 需要给es6个环境 因为一直用vue-cli全家桶 这样虽然方便 但如果用es6需要跑起个vue全家桶 于是想到可以用gulp搭建个开发环境首先需要1、 安装 gulp-babel babel-preset-es2015 Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 ...
2017-07-27 16:39:00
79
转载 vue2 vuex 简单入门基础
1、vuex中文文档 https://vuex.vuejs.org/zh-cn/api.html2、我理解vuex 应用观察者模式 设置了全局的状态 state 状态变化即通知更新全局state3、应用方法 全局安装vuex cnpm install vuex -g4、在main.js中配置import Vuex from 'vuex';Vue.use(Vuex)...
2017-07-12 15:11:00
88
转载 vue2 如何通过router传递参数
当需要router-link传递参数的时候 vue2 如何做 记录下来备忘1、通过vue页面传递参数<router-link :to="{ path:'./attachment',query:{order_id: task.ORDERID}}"><mt-button type="primary" size="small">查看附件</mt-butto...
2017-07-06 10:07:00
218
转载 vue2.0组件入门
如何定义一个组件在根目录src/components/文件夹下新建组件的文件夹Footer.vue组件在Footer.vue中<template> <div class="footer"> {{name}} <button class="btn" @click="che">click&l...
2017-06-09 10:43:00
49
转载 应用node+express+mysql 实现简单的增删改查
记录下来备忘1、准备好webstrom编辑器,编辑器调整字体大小等在file->settings->editor下设置 注册码 来源网上:2017.2.27更新 选择“license server” 输入:http://idea.imsxm.com/2、准备好 mysql 因为我本机有安装xampp 所以不需要单独准备mysql数据库 如果没有需要安装,安装了...
2017-06-07 14:45:00
126
转载 在vue-cli环境下模拟数据接口及如何应用mockjs
第一种办法 1、需要先准备json文件 在根目录下新建个oapi文件夹下新建个iorder.json文件将需要遍历的json数据沾里面。 2、在build文件夹下新建dev-server.js 文件 // build/dev-server.jsvar apiRoutes = express.Router();var appData = require(...
2017-06-07 11:33:00
111
转载 应用express mockjs模拟前端json数据接口
一、首先需要在项目安装express 1、cnpm install express --save-dev 2、cnpm install mockjs --save-dev二、在项目根目录下新建prod.server.jsvar express = require('express');var Mock = require('mockjs');var config =...
2017-06-05 17:05:00
116
转载 vue2.0 mintUI 学习备忘
一 技术栈:vuecli+vuejs2+mintUI+axios vuecli :脚手架工具 vuejs:前端框架 mintUI:基于vuejs移动端UI axios:vuejs ajax数据交互插件其中 node版本 v6.2.01、安装vue-cli脚手架 cnpm install -g vue-cli 1.1 cnpm是淘宝提供的镜像工具 安装办法 $ n...
2017-04-28 17:44:00
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人