- 博客(23)
- 收藏
- 关注
原创 模仿京东商城样式之---微信小程序商城简写(二)搜索页
效果图<style lang="less"> .header{ background:#eee; padding:20rpx 15rpx; display: flex; .search-input{ flex:1; height:60rpx; ...
2018-12-30 16:19:02 727
原创 模仿京东商城样式之---微信小程序商城简写(一)首页,分类,封装搜索框调用
生成项目wepy init empty wepydome下包npm install-在project.config.json文件 把appid 改成自己注册的时候获取的id生成的文件就这个样子滴,包含了css,js,hetm有警告的话就吧wepy.config.js文件里面的eslint改成false首页全局颜色和taBar在page下面新建文件夹<style ...
2018-12-28 01:41:41 1891
原创 ES6中class类笔记
我总是记不住,可能真的是杂念太多了,理解不来这些东西,先记下来放到这里class的基础语法注意:类名的首字母必须大写// Cat是类// name是Cat类的属性class Cat { name = "hello kitty";} // 生成对象实例const smallCat = new Cat();// 使用typeof查看类的类型typeof Cat; 类...
2018-12-27 18:04:45 246
原创 微信小程序学习总结(下)
重点:小程序生命周期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 272
原创 微信小程序学习总结(上)
环境搭建微信公众平台地址:https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html账号注册,推荐使用新注册的邮箱,可以是163邮箱、新浪邮箱、qq邮...
2018-12-27 15:10:50 384
原创 微信小程序wepy框架开发安装流程
使用wepy框架开发小程序wepy总的使用流程npm install -g wepy-cliwepy init empty wepynamecd wepyname & npm installwepy build --watch微信开发工具导入dist注释- **安装wepy脚手架工具:wepy-cli** - **全局安装:npm install -g wepy-cl...
2018-12-27 13:06:04 468 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 3436
原创 微信小程序简陋购物车(逻辑什么的都有)
关于样式丑的说法,自行改成好看的就好<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 549
原创 微信小程序 登录 获取授权登录
很简洁的版本了吧,记忆力奇差,先存起来忘记了自己再点开看&lt;template&gt; &lt;view class="container"&gt; // 这里面的东西不要漏 &lt;button type="primary" open-type="getUserInfo" bindge
2018-12-25 17:19:00 377
原创 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 199
原创 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 199
原创 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 191
原创 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 469
原创 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 248
原创 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 195
原创 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 231
原创 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 308
原创 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 171
转载 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 7956
原创 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 289
原创 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 180
原创 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 2167
原创 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 284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人