- 博客(66)
- 收藏
- 关注
RSS订阅原创 使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结
1.全局安装:npm install create-react-app -g2.进入项目：弹射暴露webpack配置：npm run eject;安装less，less-loader;npm install less less-loader --save-dev安装antd，babel-plugin-import;npm install antd -S npm install ba...
2019-11-27 15:46:47
1000
1
原创 wxParse-微信小程序解析富文本组件的使用总结
wxParse是一款非常好用的解析微信小程序中富文本的组件，支持大部分的html标签：#####基本使用方法：（1）Copy文件夹wxParse ，放在小程序根目录下。wxParse/-wxParse.js(必须存在)-html2json.js(必须存在)-htmlparser.js(必须存在)-showdown.js(必须存在)-wxDiscode.js(必须存在)-wxP...
2018-11-20 10:32:29
4838
1
原创 react-native 初始化项目报错 Error: Command failed: yarn add react-native --exact，解决方法！
今天在初始化react-native项目的时候，总是报错，发现是因为最新的react-native版本（0.56）和我本地的node版本不符合导致的，最新版本要求node 版本>=8。我决定安装0.55.4版本的（之前安装这一版本是没问题的），如何安装react-native指定版本呢？$ react-native init demo –version 0.55.4还有另外一...
2018-07-12 18:09:44
10562
原创 将本地项目上传到码云的实践步骤总结
码云是一个很好的项目托管工具，将本地项目上传到码云的步骤如下：1、码云上新建一个项目 XXXX（项目名）2、cd 到本地项目文件夹中D:/XXXX, 然后使用git bash 3、使用 git init 命令 //初始化一个git 本地仓库此时会在本地创建一个 .git 的文件夹4、使用git remote add origin https://gitee.com/你...
2018-07-02 11:21:42
3942
原创 Error: No PostCSS Config found in... 报错 解决方法
项目clone下来后，在本地怎么也运行不起来，总是报错 后来终于找到了解决方法，成功运行。 解决方案: 在项目根目录新建postcss.config.js文件，并对postcss进行配置：module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }然后npm run ...
2018-06-29 11:17:03
17073
3
原创 vue：复选框，单选框绑定总结
复选框单个复选框，绑定到布尔值：<input type="checkbox" id="checkbox" v-model="checked"><label for="checkbox">{{ checked }}</label>多个复选框，绑定到同一个数组：<div id='example-3'&g
2018-04-25 15:05:00
9271
1
原创 vue:不同环境配置不同打包命令
通过vue-cli中的npm run build 打包，这个只能打包到一个环境，在实际工作中可能有生产环境，预发布环境甚至更多，每个环境的接口地址都不同，每次都需要手动修改接口地址，非常繁琐。那我们怎么才能做到执行不同的命令打不同的包呢？下面是我在实际工作中的一个解决方案： 1.npm install cross-env –save-dev 2.在package.json的scripts标签下...
2018-04-18 15:15:04
9130
2
原创 使用vue-cli创建的项目中的构建总结
1.自动打开浏览器：2.webpack全局引入jquery（1.） 首先在package.json里加入， dependencies:{ “jquery” : “^2.2.3” } （ 2. ）在webpack.base.conf.js里加入 var webpack = require(“webpack”) （ 3. ）在module.exports的最后加入 ...
2018-04-08 15:21:04
303
原创 Yarn使用总结
1、全局安装yarnnpm install yarn -g2、安装淘宝镜像在yarn安装完毕之后执行如下指令：yarn config set registry https://registry.npm.taobao.org3、常用命令总结yarn / yarn install 等同于 npm install 批量安装依赖包;yarn add *** 等同于 npm insta...
2018-04-08 10:48:43
1485
原创 实现element-ui中table点击一行展开
在运用element-ui的表格展开行组件时，默认的是点击左边的小箭头才能展开，但是实际的需求却是点击一整行展开，实现方法如下：<el-table :data="entdatas" style="width: 100%" row-key="id" :expand-row-keys="ent...
2018-02-27 13:46:25
14038
5
原创 element-ui upload使用经验总结
结构：<el-upload class="upload-demo" drag name="file" action="" accept="application/vnd.ms-excel,appli
2018-02-07 15:12:39
17095
2
原创 将一个js数组按日期分组的实现方法
举例说明：产品需求： 假如后台返回格式：var data = [ {"time": 1517482336545, "location": "浦东"}, {"time": 1517482336543, "location": "静安"}, {"time": 1516344919173, "location": "内环"}, {"time": 1515574
2018-02-07 14:49:46
12901
2
原创 如何将自定义网站在iphone手机上"添加至主屏幕的图标"
在iphone手机上，网站可以添加到主屏幕，默认情况下，一个网站被添加到主屏幕时，默认显示的是网站截图，如何才能显示成我们自己想要设置的图标呢？我在实际工作中遇到了这个需求，将实现步骤总结如下：1.制作4中不同尺寸的图片: link rel="apple-touch-icon-precomposed" sizes="144x144" href="./static/apple-tou
2018-02-07 11:59:30
12722
2
原创 使用reduce去除数组中重复对象
使用reduce去除数组中的重复数据，亲测可用：var data = [ {"userId":"dFum4RT6","position":"java开发"}, {"userId":"hFXm4RT6","position":"java开发"}, {"userId":"kFom4RT6","position":"java开发"}, {"userId":"cFXm4R
2018-02-07 10:55:26
3616
1
原创 vue初始化动画加载
1.在入口文件index.html中加入loading动画：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta content="width=device-width, initial-sca
2017-11-15 17:29:14
8847
原创 小程序常用功能总结
1.拨打电话wxml：<view bindtap="call" data-phone="{{telephone}}"></view>call: function (e) { var phone = e.currentTarget.dataset.phone; if (!phone) return false; wx.makePhoneCall({ phoneN
2017-09-11 13:10:19
3005
转载 vue cli+axios踩坑记录+拦截器使用，代理跨域proxy（更新）
1、首先axios不支持vue.use()方式声明使用，看了所有近乎相同的axios文档都没有提到这一点 建议方式在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在
2017-08-11 18:39:06
4117
原创 结合mint-ui移动端下拉加载实践总结
在使用vue做一个h5项目的时候，需要上拉分页加载，所以在实践中总结了一下使用方法：1.npm i mint-ui -S2.main.js中引入import 'mint-ui/lib/style.css'3.以下是代码结构部分：<template> <div class="main-body" :style="{'-webkit-overflow-scrolling': scrollMod
2017-08-10 18:19:09
13912
1
原创 解决h5中iphone手机input输入框被顶部地址栏盖住
当点击输入框调出输入法时，输入框的位置被顶到了地址栏的下面，解决方案如下：scrollIntoView如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法， 以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView() 作为标准方法。
2017-08-06 12:47:38
5145
转载 H5项目常见问题汇总及解决方案
Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<!-- 1、HTML页面结构 --><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><!-- width 设置view
2017-08-04 16:54:15
1131
原创 解决keep-alive缓存问题
data () { return { keyword:'', } },deactivated() { console.log('deactivated'); if (this.keyword !== this.$route.params.key){ this.$destroy() } },
2017-08-04 10:42:53
7159
原创 移动端1像素实现
.bor-bottom{ position: relative; border-top: none !important; } .bor-bottom::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;
2017-08-04 10:04:26
599
转载 vue2.0 keep-alive最佳实践
1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component> <!-- 组件将被缓存 --></component></keep-alive>有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下<keep-alive><router-vi
2017-08-04 10:02:12
1361
1
原创 vue引入jquery和bootstrap的方法
引入jquery:1.npm install jquery --save(这里注意jquery一定是全部小写的)2.在webpack.base.conf.js中var webpack=require("webpack")3.在webpack.base.conf.js中module.exports中加入
2017-07-18 14:19:57
10490
3
原创 css小技巧
去除ie浏览器input中的自带删除图标input::-ms-clear{display:none;}当input的type为number时，去除浏览器自带的上下三角箭头,并且只能输入数字<input type="number" autocomplete="off" min="1" :max="totalPage" v-model="jumpPage" class="jump-input" onke
2017-07-13 10:10:34
268
原创 vue2.x使用小经验总结
1.跳转路由时显示在网页顶端使用： created(){ this.upper(); },方法methods:{ upper() { window.scrollTo(0,0); } }2.图片404，加载默认图片<img style="width: 100px;" :src="'http://img.
2017-07-07 11:50:01
472
原创 Vue.js 2.0 有时双向绑定img src属性失败问题
错误用法：<img src="http:0.0.0.127/{{item.imgname}}" alt="">正确用法：<img src="'http:0.0.0.127/'+item.imgname" alt="">绑定属性的时候，前面加: 属性的值可以用表达式，但注意字符串拼接的时候要加引号
2017-06-27 17:09:37
3843
原创 vue-infinite-loading使用demo
vue-infinite-loading官网：https://peachscript.github.io/vue-infinite-loading/ 安装：npm install vue-infinite-loading --savelist.vue页面<template> <div class="list-con"> <div class="list" v-for="(i
2017-05-25 14:49:13
8331
1
转载 在vue项目中前端生成二维码应该注意的问题
http://blog.csdn.net/luckylqh/article/details/52875347前端要生成二维码，可以用jQuery.qrcode.min.js第三方插件来生成，并且和jquery一起用： 在使用这个插件的时候，不能使用npm安装，只能中需要的页面直接引入，但是这里有几个细节需要注意一下： 1.在使用这个插件的时候，要在生成二维码方法的前面引用这个插件，如下： r
2017-05-24 11:23:07
4601
转载 如何删除npm之前设置的npm config set prefix...
http://blog.csdn.net/huanghanqian/article/details/52808170在安装npm时，可能根据某个教程设置了例如：npm config set prefix “C:\Program Files\nodejs\node_global” 以及 npm config set cache “C:\Program Files\nodejs\node_c
2017-04-07 17:46:58
4498
1
转载 Node.js安装及环境配置之Windows篇
http://www.cnblogs.com/zhouyu2017/p/6485265.html 一、安装环境1、本机系统：Windows 10 Pro（64位） 2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 2、选安装目录进行安装 3、环境配置 4、测试三、
2017-04-07 17:45:53
889
原创 微信小程序格式化日期函数
在做一个微信小程序的过程中，遇到了这个问题，我的解决方法如下：function transDate(mescStr){ var n=mescStr; var date = new Date(n); var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.ge
2017-03-09 18:45:13
11763
原创 js隐式转换：递增和递减操作符
递增和递减操作符：前置型和后置型（a++ ,a– ,++a , –a）。 1.在应用于一个包含有效数字字符的字符串时，先将其转换为数字，再执行加减1的操作。字符串变量变成数值变量。var str = "12"str++console.log(str); //132.在应用于一个不包含有效数字的字符串时，将变量的值置为NaN;var str = "123hello";str++;consol
2017-02-27 12:06:51
2235
原创 页面主体高度不固定，如何让页面的footer始终在最底部
有时候我们的页面主体高度并不固定，而我们又不想让footer跟着主体高度变化而跑动，也许您会想到使用position:fixed;但是这并不能达到理想的要求，下面是我曾经在实际工作中用到的一种方法： html:<div class="wrapper> <div class="content">主体内容</div></div>css:html,body{ height:100%;
2017-02-23 19:28:11
10923
原创 如何不通过AppStore，直接安装IOS应用程序
之前做一个h5内嵌Android和Ios的项目，开发初期发布第一个版本时产品经理跟我提出了这样一个需求：不通过AppStore，让苹果测试用户通过网址二维码扫描直接安装IOS应用程序，之前并未做过于是就去网上查找了一些资料成功实现需求，其原理主要是使用IOS的itms-services协议，下面是一些实践经验小结。 1.打包ipa和生成.plist文件 .ipa文件就是应用程序文件， .
2017-02-21 11:33:17
35278
1
原创 sublime text 配置本地静态服务器方法
1、Ctrl + Shift +P，启动Sublime Text的命令行 2、输入install Package打开插件安装命令 3、输入SublimeServer，回车直接安装即可 4、安装完成后，点击工具选项，就可以看到SublimeServer工具了，然后点击Settings，查看SublimeServer的基本配置，这里可以修改服务器端口，文件扩展名等。{ "attempts"
2017-02-14 15:36:08
4824
原创 mac中安装node 、npm
我的实践方法：利用Homebrew安装 Homebrew简称brew，是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件。 1.打开终端，执行以下命令安装Homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"执行上面命令后会提示输入系
2017-02-14 14:09:09
41567
5
原创 git stash用法总结
git stash：对当前的暂存区和工作区状态进行保存。 git stash list：列出所有保存的进度列表。 git stash pop [–index][stash]：恢复工作进度--index 参数：不仅恢复工作区，还恢复暂存区<stash> 指定恢复某一个具体进度。如果没有这个参数，默认恢复最新进度如：以下命令恢复编号为0的进度的工作区和暂存区# git stash pop --i
2017-02-09 09:38:48
547
原创 常用Linux命令小记
常用指令：ls:显示文件或目录 -l: 列出文件详细信息l(list) -a:列出当前目录下所有文件及目录，包括隐藏的a(all)mkdir:创建文件夹touch:创建空文件cd:切换目录cd .. :切换到当前目录的上一级目录cd ../.. :切换到当前目录的上上两层目录cd ~ :切换到用户的宿主目录cd / :切换到根目录cd blog :切换到blog目录cd -
2017-02-09 09:13:47
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人