- 博客(15)
- 收藏
- 关注
RSS订阅原创 webpack打包
1、打包js文件进入到webpack目录下，新建一个hello.js，并输入代码如下：function hello(str) { alert(str)}然后cmd中，输入打包命令打包，成功后发现文件夹中多了一个bundle.js，说明打包成功webpack hello.js -o bundle.js --mode development2、打包css文件新建一...
2019-04-10 23:09:23
133
原创 webpack安装(webpack4.x)
a) D盘新建个文件夹，如imooc文件夹b)进到imooc文件夹 cd imoocc)建立webpack文件夹，mkdir webpack-test，然后cd webpack-test，进入到该文件夹下d)npm init初始化e)输入命令npm install webpack --save-dev安装webpackf)然后输入webpack -v，发现提示不是内部或外...
2019-04-10 23:00:19
244
原创 安卓手机微信浏览器禁止下拉时回弹出网址来源等信息
如果想禁止掉微信浏览器默认的下拉时回弹的效果，可以给body元素的touchmove事件禁止掉，如：document.querySelector('body').addEventListener('touchmove', function(e) { e.preventDefault();})但是这样会禁掉所有的滚动效果，需求可能会是局部滚动，这时候可以把部分的touchmove事件...
2019-04-08 15:54:45
1095
原创 解决安卓手机上底部按钮固定，弹出软键盘后挡住input输入框的问题
移动端页面，经常会用到一种内容是一个表单，底部固定一个按钮的布局，一般这个按钮基本都是通过绝对定位或固定定位固定到底部，但是在安卓机下，这种布局会造成，当焦点到输入框，软键盘弹出后，内容部分会被挡住，用户体验很不好，可以采用flex布局来解决这个问题。html代码：<div class="mui-content bg-white"> <div class="containe...
2019-01-23 18:24:34
3612
原创 vuex学习与实践三——mutation
1、关于mutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，每个 mutation 都有一个事件类型和 一个回调函数。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，代码如下：store.js：import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex...
2018-12-28 11:17:25
135
原创 vuex学习与实践二——mapState、getter、mapGetters
1、mapState辅助函数当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键。（1）首先需要在组件中引用才可以使用import { mapState } from 'vuex'（2）mapState使用前后对比：// 不使用mapState时：computed: ...
2018-12-24 16:45:39
2150
原创 vuex学习与实践一——初步介绍vuex，state和mutations
1、什么是VUEX？vuex是专门为vue.js应用程序所开发的状态管理模式，采用了集中式存储来管理各组件之间的状态。也就是将 Vue.js 程序中各页面中公用的数据和获取、改变这些数据的方法抽离出来，方便各个页面调用，以及页面之间的数据传输。2、什么情况下使用VUEX？（1）如果不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。（2）如果是简单应用一个简单的 global eve...
2018-12-21 16:54:32
198
原创 vuex基础一
Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态。也就是将 Vue.js 程序中各个页面公用的数据和获取、改变这些数据的方法抽离出来，方便各个页面调用，以及页面之间的数据传输。下面通过一个例子来讲解Vuex我们首先创建一个Vue工程。我们假设有两个富豪榜，这两个富豪榜分属两个界面，通过组件注册，在一个主界面。一、使用 props 属...
2018-12-20 17:14:32
187
原创 常用表单校验整理
export default (function() {return {/*** isFastClick判断是否为快速点击* 判断间隔的时间 默认500ms以内为快速点击* @param {num}* @return {bool} 是快速点击 true 不是 false/isFastClick: function(lastClickTime = 0, ms = 500) {var...
2018-12-20 14:32:20
1263
转载 转阮一峰大神的自适应网页设计
转的阮一峰大神的博客，感觉写的很好，给各位博友们推荐了！！！！！！！随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素...
2018-12-19 11:19:19
400
原创 关于elementui 中select选中值绑定为对象时
注：值为对象类型时，需要提供一个value-key作为唯一性标识HTML: JS:fncselvchange(item){ var _this = this; var qs=require('qs'); item.options=[];
2017-10-12 11:48:17
15837
原创 vue 遍历元素，控制当前元素下span的显示隐藏
{{item.content}} export default { data(){ return { items:[ { content:'this is a item1', show:true }, {
2017-09-05 22:40:15
6018
原创 vue的ref
ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例。接下来是我在练习时写的一个小例子。HTML部分：testJS部分：export default { mounted(){ this.init(); },
2017-09-05 22:14:11
1356
原创 VUE环境配置
一、NodeJs安装1、下载Windows 安装包(.msi)，并安装https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi2、测试nodejs是否安装成功。（npm -v）注意：如果报下面的错误，只需把C:\Users\Administrator\AppData\Roaming下的npm文件删除就可以了。二、配置n
2017-09-05 21:52:27
545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人