Q_MUMU-CSDN博客

原创模仿京东商城样式之---微信小程序商城简写（二）搜索页

效果图&lt;style lang="less"&gt; .header{ background:#eee; padding:20rpx 15rpx; display: flex; .search-input{ flex:1; height:60rpx; ...

2018-12-30 16:19:02 689

原创模仿京东商城样式之---微信小程序商城简写（一）首页，分类，封装搜索框调用

生成项目wepy init empty wepydome下包npm install-在project.config.json文件把appid 改成自己注册的时候获取的id生成的文件就这个样子滴，包含了css，js，hetm有警告的话就吧wepy.config.js文件里面的eslint改成false首页全局颜色和taBar在page下面新建文件夹&amp;lt;style ...

2018-12-28 01:41:41 1861

原创 ES6中class类笔记

我总是记不住，可能真的是杂念太多了，理解不来这些东西，先记下来放到这里class的基础语法注意：类名的首字母必须大写// Cat是类// name是Cat类的属性class Cat { name = "hello kitty";} // 生成对象实例const smallCat = new Cat();// 使用typeof查看类的类型typeof Cat; 类...

2018-12-27 18:04:45 207

原创微信小程序学习总结(下)

重点：小程序生命周期wxml数据渲染，列表渲染，条件渲染组件事件绑定 (bindtap, bindinput)修改this.data的值Page中的页面事件程序的生命周期文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html在程序入口app.js中调用App(),...

2018-12-27 16:12:45 243

原创微信小程序学习总结(上)

环境搭建微信公众平台地址：https://mp.weixin.qq.com/wxopen/initprofile?action=home&amp;lang=zh_CN开发工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html账号注册，推荐使用新注册的邮箱，可以是163邮箱、新浪邮箱、qq邮...

2018-12-27 15:10:50 348

原创微信小程序wepy框架开发安装流程

使用wepy框架开发小程序wepy总的使用流程npm install -g wepy-cliwepy init empty wepynamecd wepyname &amp; npm installwepy build --watch微信开发工具导入dist注释- **安装wepy脚手架工具：wepy-cli** - **全局安装：npm install -g wepy-cl...

2018-12-27 13:06:04 455 1

原创 element-ui 按需引入，减小项目体积

(ps这段话给自己看的)【2018-12-26】今天和一位大神聊天，提到element-ui，为了能够让我脑瓜子不忘记那么快，先看文档，记重点安装：npm i element-ui -S引入 Element可以引入整个 Element，或是根据需要仅引入部分组件。整个引入// 在man.js里面引入一下内容import Vue from 'vue';import ElementU...

2018-12-26 13:20:33 3385

原创微信小程序简陋购物车(逻辑什么的都有)

关于样式丑的说法，自行改成好看的就好<style lang="less">page { background: #f4f4f4;}.cart-top { background: #fff; .receive { padding: 20rpx; display: flex; justify-content: space-between; ...

2018-12-25 17:27:38 538

原创微信小程序登录获取授权登录

很简洁的版本了吧，记忆力奇差，先存起来忘记了自己再点开看&lt;template&gt; &lt;view class="container"&gt; // 这里面的东西不要漏 &lt;button type="primary" open-type="getUserInfo" bindge

2018-12-25 17:19:00 360

原创 Git版本管理使用

初次运行配置配置用户名git config --global user.name xxx配置邮箱git config --global user.email xxx查看用户名git config user.name开始正式使用在我的第一个网站目录内输入 git init 初始化仓库现在我们的代码和 git 仓库还没有直接的联系查看 git 仓库状...

2018-12-25 13:54:26 187

原创 webpack安装以及使用

webpack安装注意：请先安装node环境建议大家这样操作(可以随时切换镜像源)npm install nrm -g // 安装nrmnrm ls // 查看镜像源nrm use taobao // 选择淘宝镜像，也可以选择cnpmnpm install webpack@3.11.0 -gwebpack使用在webpack.config.js文件中配置，...

2018-12-24 13:32:50 182

原创 Vue路由嵌套

&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;&amp;amp;

2018-12-23 16:05:48 173

原创 Vue路由参数及监听路由

路由参数&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="UTF-8"&am

2018-12-23 16:04:42 445

原创 vue路由参数

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="UTF-8"&gt;

2018-12-23 14:31:32 239

原创 vue路由的基本使用

vue路由是根据页面url的不同渲染不同的页面（组件）根据代码的步骤写一遍就会了&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charse

2018-12-23 14:22:46 184

原创 Vue组件生命周期(面试常问，最讨厌的部分了吧，一直记不下来的来看看)

直接上代码，运行来看吧，看起来直观一点&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;

2018-12-21 15:24:20 215

原创 Vue组件通讯父子传值之---子传父

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;l

2018-12-21 14:13:26 296

原创 Vue组件通讯（props）父传子

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;l

2018-12-19 22:03:24 158

转载 axios获取数据增删改查

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &a

2018-12-19 17:03:52 7807

原创 vue中axios数据请求 get和post

axios(基于 promise 的 HTTP 库)&lt;script src="./vue.js"&gt;&lt;/script&gt;&lt;!-- 1. 引入axios文件 --&gt;&lt;script src="./axios.js"&gt;&lt;/script&a

2018-12-19 16:20:58 279

原创 Vue computed计算属性

效果图HTML&amp;lt;input type=&quot;text&quot; v-model=&quot;firstName&quot;&amp;gt; &amp;lt;input type=&quot;text&quot; v-model=&quot;lastName&quot;&amp;g

2018-12-19 13:53:06 168

原创 Vue创建时间过滤器 | filterTime('-')

- HTML使用Vue.filter()方法创建全局过滤器。需求：时间2018-09-26T03:24:30.489Z 变为 2018-09-26&lt;!-- 使用过滤器 | 过滤器名字 --&gt;&lt;!-- seprator --&gt; &lt;div&gt; &lt;p&gt;{{item.ctime | filterTime('-')}}&am

2018-12-19 12:01:13 2143

原创 Vue获取数据和简单的增删、输入框聚焦自定义指令

- 需求：1.点击删除按钮删除数据 2.点击添加按钮添加数据完整代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset=&

2018-12-19 11:10:53 271

Q_MUMU的博客