随笔分类 -  js

详解webpack4打包--新手入门(填坑)
摘要:注意,这个dev和build好像在哪儿见过??对了, 刚刚才在package.json里配置的“scripts”这一项的值就有“dev”和“build”。对,一点都不错,就是这2个值,这2个值代表的是2个mode。 这两个语句运行效果,就相当于执行 1.webpack --mode developm 阅读全文
posted @ 2019-07-09 13:18 潇潇六月雨 阅读(412) 评论(0) 推荐(0)
webpack 4.0 报错
摘要:ERROR in multi ./src/entery.js dist/bundle.jsModule not found: Error: Can't resolve 'dist/bundle.js' in 'D:\vuejs\webpack_demo' @ multi ./src/entery.j 阅读全文
posted @ 2019-07-09 13:08 潇潇六月雨 阅读(171) 评论(0) 推荐(0)
关于webpack高版本向低版本切换 如何切换?
摘要:卸载:npm uninstall webpack -g 重新安装:npm install webpack@3.7.1 -g 直接安装指定版本就行了,如安装 2.4.1 版:cnpm install webpack@2.4.1 -g 阅读全文
posted @ 2019-07-09 11:37 潇潇六月雨 阅读(685) 评论(0) 推荐(0)
js中数组常用方法总结
摘要:前言 从事前端到现在也有快两年了,平时也会收集整理一些笔记放在印象笔记,不过收集过之后就在没有看过,经大佬指点,真正掌握一个知识点,最好的方式就是用自己的话把内容讲明白,就开始将以前零散的东西整合一下,和各位道友一起提高。 操作数组 印象中数组有很多方法,系统的整理一下,放在自己家里方便回头查~ A 阅读全文
posted @ 2019-07-01 13:12 潇潇六月雨 阅读(138) 评论(0) 推荐(0)
js函数总结
摘要:最近要经常写一些Js代码,总看到同事能使用js高级函数写出比较简洁的js代码,挺羡慕的,于是就花了一些专门时间来学习。 forEach、map、reduce 我就不喜欢一上来就给出语法来,先来一个例子: 问题:给定数组 arr = [1,2,3,4] ,求数组的和 forEach 实现 var ar 阅读全文
posted @ 2019-07-01 12:58 潇潇六月雨 阅读(245) 评论(0) 推荐(0)
vuex 使用实例
摘要:官网:https://vuex.vuejs.org/zh/guide/state.html Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 1.vuex解决了组件之间同一状态的共享问题 (解决了不同组件之间的数据共享) 2.组件里面数据的持久化。 小项目不部建议用vuex 第一种方法 阅读全文
posted @ 2019-06-27 12:21 潇潇六月雨 阅读(260) 评论(0) 推荐(0)
Vue build打包之后,刷新页面出现404解决方案
摘要:Vue build打包之后,刷新页面出现404,HTML5 History 模式 原因分析: vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 histor 阅读全文
posted @ 2019-06-26 00:32 潇潇六月雨 阅读(4514) 评论(0) 推荐(0)
基于Vue的Ui框架
摘要:基于Vue的Ui框架 饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架 MintUi 基于vue 移动端的ui框架 element的使用:http://element.eleme.io/ 1.找官网 http://element.eleme.io/#/ 阅读全文
posted @ 2019-06-23 23:36 潇潇六月雨 阅读(298) 评论(0) 推荐(0)
手机端 css 样式重置
摘要:@charset "utf-8"; body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbod 阅读全文
posted @ 2019-06-23 15:59 潇潇六月雨 阅读(252) 评论(0) 推荐(0)
使用vue-resource请求数据的步骤
摘要:1、需要安装 vue-resource模块 注意加上--save npm install vue-resource --save 2、main.js 引入vue-resource import VueResource from 'vue-resource'; 3、Vue.use(VueResourc 阅读全文
posted @ 2019-06-22 23:24 潇潇六月雨 阅读(158) 评论(0) 推荐(0)
vue路由配置
摘要:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90 1.安装 npm install vue-router --sa 阅读全文
posted @ 2019-06-22 23:20 潇潇六月雨 阅读(360) 评论(0) 推荐(0)
vue 组件间传值方式
摘要:/* 父组件给子组件传值 1.父组件调用子组件的时候 绑定动态属性 <v-header :title="title"></v-header> 2、在子组件里面通过 props接收父组件传过来的数据 */ /*父组件给子组件传值 1.父组件调用子组件的时候 绑定动态属性 <v-header :titl 阅读全文
posted @ 2019-06-22 22:40 潇潇六月雨 阅读(142) 评论(0) 推荐(0)
vue的请求数据方式
摘要:一,vue-resource请求数据 介绍:vue-resource请求数据方式是官方提供的一个插件 步骤: 1,npm安装 npm install vue-resource --save 或者使用cnpm淘宝镜像安装,会快很多。cnpm install vue-resource --save 加- 阅读全文
posted @ 2019-06-22 18:56 潇潇六月雨 阅读(2942) 评论(0) 推荐(0)
vue生命周期简介和钩子函数
摘要:转载:http://blog.csdn.net/qq_15766181/article/details/73549933 钩子就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮,也是不行的。组件也是一样,每个阶段它的内部构 阅读全文
posted @ 2019-06-22 18:53 潇潇六月雨 阅读(185) 评论(0) 推荐(0)
vue.js 笔记
摘要:<!-- 多层for循环 --> <ul> <li v-for="(ite,key) in list2"> {{key}} {{ite.case}} <ul> <ol v-for="(vo,key) in ite.list">{{key}} {{vo.title}}</ol> </ul> </li> 阅读全文
posted @ 2019-06-22 00:09 潇潇六月雨 阅读(127) 评论(0) 推荐(0)
Vue Create 创建一个新项目 命令行创建和视图创建
摘要:Vue Create 创建一个新项目 命令行创建和视图创建 开始之前 你可以先>>:cd desktop[将安装目录切换到桌面] >>:vue -V:Vue CLI 3.0.0-rc.11 >>:vue create yanxiatingyu:xxxxx一段英文>>:y >>:cd yanxiati 阅读全文
posted @ 2019-06-21 15:48 潇潇六月雨 阅读(2303) 评论(0) 推荐(0)
vue-cli安装以及搭建vue项目详细步骤
摘要:vue init webpack projectname(projectname是你项目的名称) 创建项目卡住不动解决方案: https://cli.vuejs.org/zh/guide/installation.html Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果 阅读全文
posted @ 2019-06-21 15:17 潇潇六月雨 阅读(13655) 评论(0) 推荐(3)
nodejs 报错
摘要:vue不是内部或外部命令的解决方法 1.在nodejs的安装目录下,找到vue.cmd,将此路径加到环境变量中,我是通过nvm管理node版本的,路径是C:\Users\hy\AppData\Roaming\nvm\v6.10.0,关闭再打开终端输入vue -V,回车。。 2.进入NodeJS文件的 阅读全文
posted @ 2019-06-20 22:37 潇潇六月雨 阅读(214) 评论(0) 推荐(0)
node npm vue.js 笔记
摘要:cnpm 下载包的速度更快一些。 地址:http://npm.taobao.org/ 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org vue2.0版本创建项目 1、进入目录 2、npm init (使用 n 阅读全文
posted @ 2019-06-20 19:04 潇潇六月雨 阅读(127) 评论(0) 推荐(0)
NodeJS、NPM安装配置与测试步骤(windows版本)
摘要:1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。 2、安装过程基本直接“NEXT”就可以了。(windows的安装 阅读全文
posted @ 2019-06-20 12:47 潇潇六月雨 阅读(501) 评论(0) 推荐(0)