Vue开发环境搭建

一、安装虚拟机
1)版本:Vmware 12 Pro版 + Cent-OS 32位
2)密钥:5A02H-AU243-TZJ49-GTC7K-3C61N
3)分区:/、/boot、swap

二、配置网络
1)ifconfig查看windows配置
2)修改文件:vim /etc/sysconfig/network-scripts/ifcfg-eth0
# Xen Virtual Ethernet
DEVICE=eth0
BOOTPROTO=none
ONBOOT=yes
HWADDR=2e:c1:12:61:5f:ea
NETMASK=255.255.255.0
IPADDR=192.168.0.249
GATEWAY=192.168.0.1
TYPE=Ethernet

三、配置远程控制器putty
直接设置ip即可,没有选择生成秘钥

四、安装nodejs
1、安装依赖包:yum install gcc-c++ openssl-devel
2、安装最新版本node.js:
cd /usr/local/src
wget http://nodejs.org/dist/node-latest.tar.gz
tar -zxvf node-latest.tar.gz
cd node-v7.7.0
./configure
make && make install
3、如果需要升级gcc,则升级gcc,不要忘记加软连接
4、解决警告:sudo date -s '01:10:00 2017-03-02'
5、重新执行 ./configure 以及 make && make install

五、vue安装
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev

六、本地(windows)与虚拟机(Cent-OS)交互
1、vim build/dev-server.js
修改localhost为虚拟机IPADDR
2、关闭防火墙
3、在本地浏览器输入IP:8080展现vue界面

PHP 基于 QueryList 抓取 京东、天猫、淘宝、阿里巴巴小结

编写:刘锦良
时间:2017-02-09

php基于QueryList 抓取 阿里巴巴商品信息小结如下:

1、需求整理:在阿里巴巴指定商品页面获取:商品title,商品price,商品photo,商品banners,商品introduction_pics

2、基本思路:

    1)对于不需要加载js代码就可以获得到的数据:

        ——获取网页源代码

        ——通过QueryList::Query对源代码进行采集信息并保存到相关变量中

    2)对于需要加载js代码才可以获得到的数据:

        ——获取需要加载的js代码url

        ——获取网页源代码

        ——通过QueryList::Query对源代码进行采集信息并保存到相关变量中

3、相关实现:

    1)前端展示(249):application/views/item/item_add.php

    2) 接口调用(244):application/controllers/Material.php

                        application/models/Material.php

微信小程序

小程序入门教程及实例
为什么需要小程序???

一般情况下我们不会选择卸载低频应用,因为需要以备不时之需,无形之中造成存储空

间的浪费。现在,用户可以将部分低频应用删掉,然后用小程序取而代之。

想必大家都关心微信新推出的应用号的最终形态到底是什么样子?怎样将一个“服务

号”改造成为“小程序”?

开发环境

1、下载和安装

2、参考

目录结构

一个小程序由两部分组成:框架主体部分、框架页面部分

1、框架主体部分包含3个文件:app.js  app.json  app.wxss(样式表)

app.js (脚本文件)

内调用了 App 函数, 用来注册小程序实例, 可以在这个文件中监听处理小程序的声明周期函数,并可以在此声明全局变量。小程序提供了全局方法getApp()方法返回小程序实例。此外,还提供了getCurrentPage获取当前页面的实例。

app.json (配置文件)

用来对小程序进行全局配置 我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。

App.wxss (样式表文件)

Window 设置页面窗口表现

tabBar 设置页面底部tab表现,其中list数组长度不 超过5且至少为2

networkTimeout 设置网络超时时间

Debug 设置debug模式的开启

微信小程序会读取这些文件,生成一个小程序实例

2、框架页面部分:index页面 和 logs页面,即欢迎页和小程序启动日志的展示页

每一个页面是由同路径下同名的4个不同后缀文件组成,如:index.js、index.wxml、index.wxss、index.json。分别是脚本、配置、样式、页面结构文件。
WXML组件
小程序中并没有html 标签,而是提供了一系列 WXML 组件,目前小程序并没有提供

自定义组件的动能

View 视图容器

Input input

Button button

Text text

Checkbox 多选项目

数据绑定

数据绑定采用 “Mustache” 语法(双大括号)包裹变量

WXML 中的动态数据均来自对应Page 的data,并且需要调用 setData 方法通知视图数

据变化

深入了解

流程: App Launch-->App Show-->onload-->onShow-->onReady