01 2018 档案
摘要:jsx 不能直接运行,是被 babel-loader 中的 react 这个 preset 翻译的 需要注意: 1.必须被一个单独的大标签包裹,比如:div 或者 section 2.标签必须封闭 3.class 要写成 className, for 要写成 htmlFor 4.HTML 注释不能使
阅读全文
摘要:1.项目结构 2.创建 app / App.js 文件,这是一个组件 3.使用 App 组件,所以我们来到 app / main.js 文件: 4.主页面 index.html 5.效果图
阅读全文
摘要:1.创建 package.json 项目 2.安装 webpack, 并且设置为项目依赖: 当然你必须之前已经在 -g 下安装了 webpack 3.创建一个 webpack.config.js 文件,这个文件是 webpack 工作的参考。 我们对着 https://webpack.js.org/
阅读全文
摘要:1.banner 组件 components/Banner.vue 2.swiper 组件 components/Swiper.vue 3.页面调用 4.效果图
阅读全文
摘要:创建项目 创建一个目录,使用npm快速初始化 安装依赖 安装webpack以及babel 安装Nerv 添加配置文件 在项目根目录下添加一个简单的webpack配置文件webpack.config.js 在项目根目录下添加一个babel的配置文件.babelrc 添加项目入口文件 在项目根目录下添加
阅读全文
摘要:项目目录: 逻辑层: pay.js 页面布局: pay.wxml 样式: pay.wxss 效果图:
阅读全文
摘要:项目目录: 模拟数据: utils / data.js 逻辑层: goods.js 页面布局: goods.wxml 样式: goods.wxss 效果图:
阅读全文
摘要:项目目录: 步骤一:创建组件 声明这一组文件为自定义组件 stepper.json 步骤二:编写组件代码 1.逻辑层 stepper.js 2.页面布局 stepper.wxml 3.样式 stepper.wxss 步骤三:使用组件 这里我是在 pages/mine/mine 页面调用 compon
阅读全文
摘要:项目结构: 步骤一:创建组件 声明这一组文件为自定义组件 modal.json 步骤二:编写组件代码 1.逻辑层 modal.js 2.页面布局 modal.wxml 3.样式 modal.wxss 步骤三:使用组件 这里我是在 pages/index/index 页面调用 pages/modal/
阅读全文
摘要:1.逻辑层 mine.js 2.页面布局 mine.wxml 3.样式 mine.wxss 4.效果图 5.参数
阅读全文
摘要:1.项目目录 2.逻辑层 group.js 3.页面布局 group.wxml 4.样式 group.wxss 5.效果图
阅读全文
摘要:1.项目目录 2.逻辑层 broadcast.js 3.页面布局 broadcast.wxml 4.样式 broadcast.wxss 5.效果图
阅读全文
摘要:1.逻辑层 index.js 2.页面布局 index.wxml 3.样式 index.wxss 4.效果图
阅读全文
摘要:项目目录: 模拟数据: utils / data.js 模板一: 1.逻辑层 audiobook.js 2.页面布局 audiobook.wxml 3.样式 audiobook.wxss 4.效果图 模板二: 1.逻辑层 mine.js 2.页面布局 mine.wxml 3.样式 mine.wxss
阅读全文
摘要:一、微信小程序 跳转页面 小程序页面有2种跳转,可以在wxml页面或者js中: (1)在wxml页面中: (2)在js页面中: 【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注
阅读全文
摘要:1.项目目录 2.在app.json里填写:tab个数范围2-5个 app.json 3.属性详解 4.效果图
阅读全文
摘要:步骤一:项目环境搭建 首先,你不应该使用 React v15 或更高版本。使用仍然支持 IE8 的 React v0.14 即可。 技术选型: 1.react@0.14 2.bootstrap3 3.jquery@1.X.X (使用react.js一般不需要使用jquery了) 使用 create-
阅读全文
摘要:一、逻辑层 框架 (1)angular Angular早在1.3版本就抛弃了对ie8的支持。 (2)react React 早在0.14.x 版本就抛弃了对ie8的支持。 (3)vue Vue就没打算支持ie8 二、UI层 框架 (1)bootstrap (2)element 三、查看兼容性的网站
阅读全文
摘要:1.微信小程序 尺寸单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 微信小
阅读全文
摘要:1.项目结构 2.list 列表页 (1)数据(逻辑) list.js (2)页面布局 list.wxml (3)样式 list.wxss (4)效果图 3.item 详情页 (1)数据(逻辑) item.js (2)页面布局 item.wxml (3)样式 item.wxss (4)效果图
阅读全文
摘要:1.项目结构 2.页面 (1)数据(逻辑) board.js (2)布局 board.wxml (3)样式 board.wxss 3.效果图
阅读全文
摘要:步骤一:小程序 生命周期 步骤二:配置服务器信息 步骤三:项目结构 1.数据(逻辑) splash.js 2.页面 splash.wxml 3.样式 splash.wxss 步骤四:设置启动页 步骤五:效果图
阅读全文
摘要:1.注册小程序 (1)微信公众平台:https://mp.weixin.qq.com/(2)立即注册 (3)流程 (4)小程序注册 (5)填写相关信息,并去邮箱激活。这样小程序的账号就注册完成了。 2.登陆到小程序的后台 小程序的后台和公众账号的后台登陆的入口是一致的,用公众账号登陆就跳转到公众号的
阅读全文
摘要:前段时间一直在研究,如何通过 vue 调用 相机 实现 扫一扫的功能,但是查看文档发现,需要获取 getUserMedia 的属性值,但存在兼容性问题。 退而求其次,通过 h5plus 来实现。 1.QrScanner.vue 2.效果图
阅读全文
摘要:slider 和 indicator 都是 weex 的内置组件,且 indicator 是 slider 的子组件。 1.报错处理 原因解析:indicator 样式页面渲染慢 解决方案:indicator 的样式写为 内联样式 2.Guide.vue 3.效果图
阅读全文
摘要:步骤一:安装必要模块 (1)cheerio模块 ,一个类似jQuery的选择器模块,分析HTML利器。 (2)request模块,让http请求变的更加简单 (3)mysql模块,node连接mysql的模块 步骤二:分析爬取网址的内容 目标URL: http://zzk.cnblogs.com/s
阅读全文
摘要:步骤一:创建项目 步骤二:安装 request,cheerio,async 三个模块 request 用于请求地址和快速下载图片流。 https://github.com/request/request cheerio 为服务器特别定制的,快速、灵活、实施的jQuery核心实现. 便于解析html代
阅读全文
摘要:新年伊始,回顾过去的一年,收获很多,之前一直在研究weex,说心里话感觉心好累,官方文档不全,社区不活跃,遇到很多坑,官方发布的版本有时都有坑,搞得我都不敢更新版本了。 但是,研究了这么久,放弃太可惜,唉,只能抱着相信尤大大能将 weex 打造成 vue 一样的想法一直走下去。 1.weex 默认适
阅读全文
摘要:1.创建 数据库 及 表 数据脚本: 效果图: 2.java 基础类型 java四类八种基本数据类型 第一类:整型 byte short int long 第二类:浮点型 float double 第三类:逻辑型 boolean(它只有两个值可取true false) 第四类:字符型 char
阅读全文