熊猫ewall
熊猫ewall_个人页
熊猫ewall
文章
76
问答
0
视频
0
个人介绍
技术高手并无佛光普照，只是一群优秀的手艺人 技术博文：https://www.jianshu.com/u/9d946428f053
擅长的技术
-
发表了文章 2018-09-19
30、地址填写（姓名、电话、省市区）
前言：上章我们借助vant的AddressList列表组件实现了地址列表页面的快速编写，同样，这一章节我们还是借助vant组件，快速完成新增地址的编辑功能页面。
-
发表了文章 2018-09-18
关于vue的命名规范
前言：命名其实是很重要的，尤其项目越大，命名就应该越规范，要有语义化这应该是最基本的了，但是哪些地方该大写？哪里该小写？我将自己平常工作学习中在用vue的时候的一些命名规范分享一下，谈谈自己对命名的看法。
-
发表了文章 2018-09-17
小程序 — 选项卡
前言：在小程序中实现选项卡的功能。 GitHub：https://github.com/Ewall1106/miniProgramDemo 先看一下最终的实现效果： 小程序实现选项卡功能 1、页面结构 使用wx:for对list数组进...
-
发表了文章 2018-09-16
29、地址列表
ok，这章讲下地址列表，我们使用有vant组件来快速完成这部分的功能。 Github：https://github.com/Ewall1106/mall 1、写在开头 关于vant组件的安装及引入的请移步：有赞Vant组件库的引入； 对于地址列表我们使用AddressList地址列表组件，大家可以去官网看看这个组件的基础用法； 先看看最终的一个效果： 地址列表 2、使用AddressList （1）首先我们在main.js中引入并注册这个组件。
-
发表了文章 2018-09-15
28、购物车结算页面-导航栏与地址选择布局
本章我们开始讲购物车结算页面的编写，这个页面应该是整个项目里最复杂的页面了，ok，这章讲下基本结构。 Github：https://github.com/Ewall1106/mall（请选择分支chapter28） 1、新建购物车页面 （1）老规矩，复制一份我们已经写好的test.vue页面初始化我们购物车页面cart.vue 购物车页面构建 （2）然后就是去注册下路由 这里就不废话了占据篇幅了，这个应该很easy了。
-
发表了文章 2018-09-14
小程序 — 实现左滑删除效果（列表）③
前言：实现完整的列表左滑删除功能。 GitHub：https://github.com/Ewall1106/miniProgramDemo 1、列表渲染 首先我们初始化一个list列表并为其添加数据，这个列表有两个值分别为标题文字title和初始的...
-
发表了文章 2018-09-13
小程序 — 实现左滑删除效果②
前言：这章我们为movable-view添加点击事件，完善左滑效果。 GitHub：https://github.com/Ewall1106/miniProgramDemo 1、 拖动事件 （1）在上一章中，我们给movable-view绑定了一个...
-
发表了文章 2018-09-12
小程序 — 实现左滑删除效果①
前言：实现这个效果有几种方式，大家可以看看这篇文章从京东购物，印象笔记看小程序左滑交互的实现，而我们就使用最新的方案，就是用movable-view来实现左滑删除的效果。
-
发表了文章 2018-09-11
小程序 — 保存图片到手机相册②（用户授权等）
前言：上章基本实现保存图片到手机相册的功能了，但是还有这么几个问题没有解决，本章解决这几个问题。 GitHub：https://github.com/Ewall1106/miniProgramDemo 1、授权问题 （1）如果用户第一次点击的时候，对弹出来的微信授权弹窗点击了拒绝，那么之后点击保存图片就没用了： 如果用户第一次点击了拒绝授权 （2）所以我们应该做下用户授权判断，首先我们应该调用wx.getSetting(OBJECT)方法获取用户的当前设置，看看用户请求过的权限中是否存在保存到相册这个权限。
-
发表了文章 2018-09-10
27、有赞Vant组件库的引入及轮播图片预览的实现②
前言：上一章主要是安装并引入了vant组件库；这章我们完成商品详情页轮播图片的预览功能。其实图片预览功能自己写也很简单，我可能比较懒。。。 Github：https://github.com/Ewall1106/mall 1、图片预览组件ImagePreview 这个vant组件与其它组件的引入方式不同，不需要在main.js中引入，直接在页面中引入即可： ImagePreview和其他组件不同，不是通过HTML结构的方式来使用，而是通过函数调用的方式，使用前需要先引入它。
-
发表了文章 2018-09-06
26、有赞Vant组件库的引入及轮播图片预览的实现①
前言：看了一下移动端比较流行的几个vue组件库如：mint ui、 vux（vux比较适合做微信网页开发如微商城）等等，最后还是选择了用有赞的Vant组件库，因为Vant组件库还是比较符合我们这个商城项目的业务场景的，所以我们使用其中的部分组件来实现我们的部分功能。
-
发表了文章 2018-09-06
小程序 — 保存图片到手机相册①
讲一下在微信小程序中，怎么把网络图片保存到本机相册中；这个功能其实在小程序开发中还是很常见的，比如保存海报之类的等等。 GitHub：https://github.com/Ewall1106/miniProgramDemo 1、保存图片 （1）要保存图片到手机相册中，所以首先我们来看看保存图片的api方法是什么？ 我们使用的是wx.saveImageToPhotosAlbum(OBJECT)这个api方法，其中OBJECT的参数可以是： 图片来源自小程序官网 请注意我红框标记的部分， 不支持网络图片路径。
-
发表了文章 2018-09-03
小程序 — 小程序生命周期及页面生命周期
前言：很多同学容易将小程序生命周期和页面的生命周期混淆为一起，这两个其实应该是不同却又相互关联的生命周期，所以，用实际代码操作并结合官方理论讲讲这个，好好捋捋。
-
发表了文章 2018-09-03
25、商品详情页
前言：本章讲下商品详情页面的一个基本构建。效果图请查看滑到末尾。 Github：https://github.com/Ewall1106/mall（请选择分支chapter25） 1、商品详情页初始化 （1）复制一份test.
-
发表了文章 2018-08-31
读《学习之道》— 组块构建与避免能力错觉
组块构建与避免能力错觉 （1）聚精会神的时候，大脑在做什么 当你将注意力集中与某件事物时，注意力章鱼的神经触手就将大脑的某些特定部分连接起来。
-
发表了文章 2018-08-30
24、商品列表页之数据渲染和传值
前言：本章算是上一章《vue父子组件之间的传值》知识点在项目中的一个实际运用。 Github：https://github.com/Ewall1106/mall（请选择分支chapter24） 1、商品列表页基本数据结构及mock 在mock文件夹下新建goodsList.js用于存储商品数据 添加json基本数据结构 mock数据基本结构 2、axios请求mock数据 import引入axios； axios请求本地mock数据； 打印并查看。
-
发表了文章 2018-08-28
读《学习之道》— 学习即创造
学习即创造 （1）专注模式与发散模式之间的切换 只要你放下手中的工作，停下来喘口气，发散模式就会乘虚而入，上蹿下跳，高屋建瓴的搜寻解决方案。当放松过后的你重新回到工作中时，就会收到一份迎面跳出的解决方案作为惊喜。
-
发表了文章 2018-08-27
23、vue父子组件之间的传值
前言：本章主要说下父子组件的传值，为商品列表组件之间的传值做一个基础预热。 Github：https://github.com/Ewall1106/mall（请选择分支chapter23） 1、父组件向子组件传值 （1）第一个就是要明白怎么在父页面中向子组件中传值？ 你可以给子组件传入一个静态的值： 图片来自vue官网 但我们一般都是需要传动态的值，所以需要v-bind绑定： 图片来自vue官网 当然，你传的值可以是数字、对象、数组等等，参见vue官网。
-
发表了文章 2018-08-23
22、商品列表页
前言：本章主要是商品列表页的一个基本布局讲解。（具体效果请下滑到底部） Github：https://github.com/Ewall1106/mall（请选择分支chapter22） 1、新建goodList.
-
发表了文章 2018-08-23
读《学习之道》— 放松点，有时候太勤奋也是一种病
（1）专注思维和发散思维 自21世纪以来，神经学家就已经对大脑中两种思维模式网络模式间的相互切换取得了研究上的长足进步，即注意力高度集中的状态和更加放松的休息状态；这两种思考状态基于不同的神经网络模型，我们将其分别称为专注模式和发散模式。
-
发表了文章 2018-08-16
21、分类详情页之better-scroll实现滚动
前言：本章主要是讲下better-scroll组件库的基本运用； Github：https://github.com/Ewall1106/mall（请选择分支chapter21） 1、什么是better-scroll？ better-scroll...
-
发表了文章 2018-08-15
20、分类详情页之数据渲染
前言：本章的主要知识点有 ① 详情页mock数据的建立；② axios数据的获取与渲染；③ 点击菜单导航栏动态的添加css样式 Github：https://github.com/Ewall1106/mall（请选择分支chapter20） 1、分类详情mock数据 进入mock文件夹中，新建classify.json文件。
-
发表了文章 2018-08-13
19、分类详情页之基本页面结构
前言：这章讲下分类页面的撰写，主要是涉及几个知识点：① 编程式路由的运用；② 阿里巴巴矢量图标库；③ vue.js中如何获取屏幕的高度并动态设置元素的高度; Github：https://github.com/Ewall1106/mall（请选择分支chapter19） 完成的效果图请滑到底部查看。
-
发表了文章 2018-07-24
18、vue-lazyload实现图片懒加载
前言：GitHub：https://github.com/Ewall1106/mall（请选择分支18） 1、安装 vue-lazyload官网：https://github.
-
发表了文章 2018-07-04
17、将数据渲染到组件（列表渲染、模板语法、父子组件之间的传值）
前言：GitHub：https://github.com/Ewall1106/mall（请选择分支17） 1、基础语法 （1）v-for语法https://cn.vuejs.org/v2/guide/list.html 我们用 v-for 指令根据一组数组的选项列表进行渲染。
-
发表了文章 2018-07-03
读《股票投资入门与实战技巧》— 新手炒股的5堂必修课
《股票投资入门与实战技巧》读书笔记 1、看准市场大势 牛市的市场特征 牛市，也称多头市场，道氏理论中规定持续时间在2年以上的上涨才能成为牛市。 熊市的市场特征 熊市又称空头市场，是市场整体方向向下的市场运动。
-
发表了文章 2018-07-02
16、axios的使用与数据的mock②(使用proxyTable代理)
前言：上篇讲了axios的基本使用然后写了个json文件mock了下数据，最后我们安装了express并在webpack.dev.conf.js中配置后成功的在浏览器中访问到了数据。
-
发表了文章 2018-06-27
14、商品分类等模块及flex布局
前言：写个分类的模块和推荐专区等模块内容，这章主要是一些页面结构的撰写，没有什么技术难点，主要是flex的布局要好好了解一下。 github：https://github.
-
发表了文章 2018-06-22
读《股票投资入门与实战技巧》— 股票投资入门
《股票投资入门与实战技巧》读书笔记； 是以前玩股票刚入门的时候看的书，夯实基础，把以前写的读书笔记拿出来晒晒。 一、股票投资入门 1、股票的基础知识 （1）股票的概念和特征 股票是股份公司在筹集资本时向出资人公开或私下发行的，用以证明出资人股东身份和权利，并根据持有人所持有的股份数享有相应的权益和承担相应的义务的凭证。
-
发表了文章 2018-06-22
13、优化轮播图组件与vue深度处理器
前言：上篇讲了vue里面轮播图组件的使用，还有有个小问题可以优化一下。 github：https://github.com/Ewall1106/mall 1、焦点问题 我们看到这里的焦点会有一个默认的颜色，改变这个焦点颜色也有一个小坑。
-
发表了文章 2018-06-15
10、less的引用及公共变量的抽离
前言：GitHub：https://github.com/Ewall1106/mall 一、什么是less？ less是什么自然不用多言，乃一个css预编译器，可以扩展css语言，添加功能如如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术，让你的Css更具维护性，主题性，扩展性。
-
发表了文章 2018-06-15
9、阿里巴巴矢量图库icon-font的运用
前言：今天说下在项目中的使用图标库 GitHub：https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站，进入图标管理中，在里面新建一个项目 iconfont官网 2、然后...
-
发表了文章 2018-06-15
8、手机适配问题之rem和lib-flexible
前言：GitHub：https://github.com/Ewall1106/mall 一、关于lib-flexible.js flexible方案是手淘经过多年的摸索和实战，总结出的一套移动端适配方案，这里我推荐一篇w3c大漠老师的一篇文章使用Flexible实现手淘H5页面的终端适配，里面详细的讲解了该方案的使用和原理。
-
发表了文章 2018-06-15
7、reset.css的引入及1px边框问题的解决
前言：GitHub：https://github.com/Ewall1106/mall 一、关于reset.css 因为不同的浏览器默认的样式不同，所以在着手项目开始前，我们需要引入reset.css，将所有html标签的默认样式统一化。
-
发表了文章 2018-06-04
15、axios的使用与数据的mock①
具体的代码请移步github GitHub：https://github.com/Ewall1106/mall（请选择分支15） 一、axios官方文档基本阅读 我们先从官方实例上上看看axios的用法：https://github.
-
发表了文章 2018-05-30
12、vue-awsome-swiper与轮播图组件
GitHub：https://github.com/Ewall1106/mall 一、新建home.vue 1、上篇我们为了便于展示，把头部my-header组件放在了App.vue页面，现在我们删掉App.vue里面的头部组件然后我们在view文件里面新建一个home.vue页面，然后把头部组件和今天要讲的轮播图组件都放在home.vue页面。
-
发表了文章 2018-05-29
11、组件入门及写个首页头部组件
前言：项目准备工作说了很久，不知道大家学会了没有？今天开始我们开始正式搭建页面，先从首页开始，在搭建页面的过程中，我也会将vue的知识点在其中穿插讲解，但是你最好是提前看看官方文档。
-
发表了文章 2018-05-28
6、vue-router之命名路由和命名视图
前言：前面我们把动态路由、嵌套路由等讲完了，说道完命名路由和命名视图，vue-router的基本使用方法就算是完篇了，还想仔细探究的同学可以去官网翻阅，加深理解。
-
发表了文章 2018-05-26
5、vue-router之什么是编程式路由
前言：编程式路由在我们的项目使用过程中最常用的的方法了。 GitHub：https://github.com/Ewall1106/mall 什么是编程式路由呢？就是通过写js代码来实现页面的跳转 1.router.push({path: 'name'}); 首先我们来讲讲简单的，上面两个方法记住，等效的。
-
发表了文章 2018-05-25
4、vue-router之什么是嵌套路由
上一次给大家简单说了下什么是动态路由现在我们来讲讲嵌套路由。 GitHub：https://github.com/Ewall1106/mall 1.嵌套路由的使用场景是什么呢？ 大家都知道选项卡，在选项卡中，顶部有数个导航栏，中间的主体显示的是内容；这个时候，整个页面是一个路由，然后点击选项卡切换不同的路由来展示不同的内容，这个时候就是路由中嵌套路由。
-
发表了文章 2018-05-24
3、vue-router之什么是动态路由
前言： 今天我来给大家说道说道v-router，这是个什么东西？我们先从动态路由讲起。 GitHub：https://github.com/Ewall1106/mall/tree/master 1、动态路由有一个什么适用场景呢？ 比如在写商品详情页面的时候，页面结构都一样，只是商品id的不同，所以这个时候就可以用动态路由动态。
-
发表了文章 2018-05-22
2、看完你就该会git了
前言：鉴于很多小伙伴在还不会git，所以特意特意详细介绍下git的详细安装流程，看完你就该学会git了。 GitHub：https://github.com/Ewall1106/mall 1、GitHub账号注册 （1）既然要讲的详细点，那我们就好好说道说道，从账号注册开始讲起。
-
发表了文章 2018-05-21
1、前期准备工作
Hello，大家好，接下来我会以这个项目为基础更新一系列的文章，但是每天只更新一点、也只学一点，目的希望大家利用工作学习之余的碎片时间通过这个项目来学习vue和node等知识点。
-
发表了文章 2018-05-03
读《股票大作手操盘术》— 利弗莫尔操作法则
《股票大作手操盘术》读书笔记； 股票大作手操盘术是利弗莫尔本人写的一本著作，利弗莫尔在股民中的知名度自然不必多言，其著作中的思想放在当代也很有意义，所以最近拜读了一下。
-
发表了文章 2018-04-29
后来的我们—我与git的破镜重圆
你在学习使用git的过程中肯定也遇到过这些坑，如果没有遇到这些问题也可以看看，说不定哪天遇到了没处理好那你们就'broke up’了，一起迈过这些坑，后来的我们就会有一个happy ending 1、使用git remote add是报错？ 说明本...
-
发表了文章 2018-04-29
CSS日常踩坑后的总结（猜测你也会遇到的，持续更新。。。）
1、flex布局 flex布局 2、box-shadow阴影 box-shadow: h-shadow(必选) v-shadow(必选) blur spread color inset; box-shadow Example...
-
发表了文章 2018-01-29
三步教你学会git
标题党。。 一、安装 1、下载 -> https://git-scm.com/downloads -> 然后安装，安装完成以后右击git bash输入git init是否已有git 2、设置名字、邮箱 $ git congig --global user.
-
发表了文章 2017-09-20
JS数据结构与算法-快速排序与二分查找算法
快速排序 快速排序是处理大数据集最快的排序算法之一。它是一种分而治之的算法，通过递归的方式将数据依次分解为包含较小元素和较大元素的不同子序列。该算法通过不断重复这个步骤知道所有数据都是有序的。
-
发表了文章 2017-09-12
JS数据结构与算法-集合
定义 集合是由一组无序且唯一（即不能重复）的项组成。 可以把集合想象成一个既没有重复元素，也没有顺序概念的数组。 创建一个集合 我们使用对象而不是数组来表示集合，因为js的对象不允许一个键指向两个不同的属性，也保证了集合里的元素都是唯一的。
-
发表了文章 2017-09-11
JS数据结构与算法-链表
定义 链表是由一组节点组成的集合。每个元素由一个存储元素本身的节点和一个指向下一个元素的应用（也称之为指针或链接）组成。 一个链表的结构 现实中的举例说明就是火车。
暂无更多信息
-
发表了文章
2018-09-19
30、地址填写（姓名、电话、省市区）
-
发表了文章
2018-09-18
关于vue的命名规范
-
发表了文章
2018-09-17
小程序 — 选项卡
-
发表了文章
2018-09-16
29、地址列表
-
发表了文章
2018-09-15
28、购物车结算页面-导航栏与地址选择布局
-
发表了文章
2018-09-14
小程序 — 实现左滑删除效果（列表）③
-
发表了文章
2018-09-13
小程序 — 实现左滑删除效果②
-
发表了文章
2018-09-12
小程序 — 实现左滑删除效果①
-
发表了文章
2018-09-11
小程序 — 保存图片到手机相册②（用户授权等）
-
发表了文章
2018-09-10
27、有赞Vant组件库的引入及轮播图片预览的实现②
-
发表了文章
2018-09-06
26、有赞Vant组件库的引入及轮播图片预览的实现①
-
发表了文章
2018-09-06
小程序 — 保存图片到手机相册①
-
发表了文章
2018-09-03
小程序 — 小程序生命周期及页面生命周期
-
发表了文章
2018-09-03
25、商品详情页
-
发表了文章
2018-08-31
读《学习之道》— 组块构建与避免能力错觉
-
发表了文章
2018-08-30
24、商品列表页之数据渲染和传值
-
发表了文章
2018-08-28
读《学习之道》— 学习即创造
-
发表了文章
2018-08-27
23、vue父子组件之间的传值
-
发表了文章
2018-08-23
22、商品列表页
-
发表了文章
2018-08-23
读《学习之道》— 放松点，有时候太勤奋也是一种病
滑动查看更多
暂无更多信息
暂无更多信息