2018年03月_IT静心修行

11月 09月 07月 05月 04月 03月

原创 IT忍者神龟之Java基于微信公众号接口实现授权登录源码及原理分析

微信公众号授权登录操作前提必须注册微信公众平台账号，注意的是订阅号不支持授权登录操作，因此对于个人开发者注册的订阅号是无法实现的，必须注册企业号的微信平台账号而具体注册流程就不详细介绍了，有什么疑问可去微信公众号平台查看具体的文档。接下来讲述一下具体的微信授权登录流程，打开微信开发文档官网（https://mp.weixin.qq.com/wiki），“微信网页开发”中找到“微

2018-03-31 10:54:41 386

原创 IT忍者神龟之详解UML图之类图

产品经理的必备技能之一是画UML图，本文就告诉你怎么画标准的类图吧。本文结合网络资料和个人心得所成，不当之处，请多指教。1、为什么需要类图？类图的作用我们做项目的需求分析，最开始往往得到的是一堆文字，请看下面这堆文字：本项目是在一期的基础上增加对电缆、通讯工程的管理和施工详细数据的记录和统计，使整个系统更好的管理各工程项目从中标开始到竣工验收的全部过程和资料和分析施工过程的

2018-03-29 09:03:23 311

原创 IT人者神龟之怎么让windows7的UAC功能不再频繁打扰

首先点击开始菜单打开运行。cmd 怎么让windows7的UAC功能不再频繁打扰然后在运行框中输入“gpedit.msc”这样一串字符，打开组策略管理器。怎么让windows7的UAC功能不再频繁打扰在弹出的组策略管理器的界面中，点击左边windows设置前面的小下拉菜单按钮，然后找到安全设置选项。怎么让windows7的UAC功能不再频繁打扰在安全设置选项的下拉菜单中...

2018-03-29 08:01:38 224

原创 IT忍者神龟之微信小程序组件化开发框架wepy开发资源汇总

微信小程序wepy框架开发资源汇总 Awesome 微信小程序wepy框架开发资源汇总 Awesome awesome-wepy，awesome for wepy！ wepy官方仓库：https://github.com/Tencent/wepywepy官方文档：https://tencent.github.io/wepy/document.html#/开源项目 wepy-wech...

2018-03-28 19:06:16 520

原创 IT忍者神龟之基于wepy 商城(微店)微信小程序

项目地址：https://download.csdn.net/download/vipyhd/10314205 安装（更新） wepy 命令行工具。 npm install wepy-cli -g 安装依赖包 npm install 开发实时编译。 npm run dev 生产压缩 npm run build //上传代码时，请先执行此代码，否则会提示包体积过大开发使用说明(重...

2018-03-28 18:55:22 480

原创 IT忍者神龟之Wepy解决什么问题和特性

主要解决的问题开发模式转换支持组件化开发支持加载外部NPM包单文件模式，使得目录结构更加清晰默认使用babel编译，支持ES6/7的一些新特性针对原生API进行优化特性：类Vue开发风格支持自定义组件开发支持引入NPM包支持Promise支持ES2015+特性，如Async Functions支持多种编译器，Less/Sass/Stylus/Post

2018-03-28 18:48:25 196

原创 IT忍者神龟之主要功能特性

开发模式转换 WePY框架在开发过程中参考了Vue等现有框架的一些语法风格和功能特性，对原生小程序的开发模式进行了再次封装，更贴近于MVVM架构模式。以下是使用WePY前后的代码对比。原生代码：//index.js//获取应用实例 var app = getApp()//通过Page构造函数创建页面逻辑 Page({ //可用于页面模板绑定的数据 data...

2018-03-28 18:39:08 154

原创 IT忍者神龟之WePY

注意:建议学习这个之前要有nodejs作为基础和vuejs开发的经历是非常好入手的. WePY项目的创建与使用 WePY的安装或更新都通过npm进行。全局安装或更新WePY命令行工具npm install wepy-cli -g 在开发目录中生成Demo开发项目wepy new myproject1.7.0之后的版本使用 wepy init standard myprojec...

2018-03-28 18:37:29 563

原创 IT忍者神龟之使用Sunny-Ngrok赠送的免费域名进行http服务映射

1、首先在本站注册成为会员2、开通隧道在上图中表单信息解释：隧道名称：可以随便填写，只是为了使用者在往后之后这个隧道是干嘛的前置域名：服务器免费赠送的域名，请不要带上后缀，如果要sunny.ngrok.cc 只需要填写 sunny 即可，千万不要填写成sunny.ngrok.cc否则域名会是sunny.ngrok.cc.ngrok.cc 本地端口：可以为同一个局域网内任意一...

2018-03-18 08:23:44 624

转载 IT忍者神龟之不在以下合法域名列表中，请参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

出现“不在以下合法域名列表中，请参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html”这种错误一般都是因为请求的地址错误。 wx.request(OBJECT)：wx.request发起的是 HTTPS 请求。一个微信小程序，同时只能有5个网络请求连接。 OBJECT参数说明：示例代码：[ja...

2018-03-16 10:42:15 1233

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了…在我们正式讲解ES6语法之...

2018-03-15 21:02:09 198

原创 IT忍者神龟之React中es5与es6写法对比

1.引入与导出方式不同//ES5var React = require(“react”);//ES6import React, { Component, PropTypes } from ‘react2.导入： ES5使用require导入，而ES6使用了import//ES5module.exports = Test;//ES6export default Test;3.创建组件的方式不同//E...

2018-03-15 21:00:45 163

原创 IT忍者神龟之浏览器兼容性问题

兼容性我们从一下几个方向来说1.H5兼容性（移动端）2.HTML兼容性3.JavaScript兼容性 H5兼容性（移动端）H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sca...

2018-03-15 20:58:16 378

原创 IT忍者神龟之什么叫跨域访问

1.什么是跨域访问JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：URL 说明是否允许通信http://www.a.com/a...

2018-03-15 20:54:11 381

原创 IT忍者神龟之国内优秀npm镜像推荐及使用

npm全称Node Package Manager，是node.js的模块依赖管理工具。由于npm的源在国外，所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源，国内用户可以选择使用。国内优秀npm镜像淘宝npm镜像搜索地址：http://npm.taobao.org/registry地址：http://registry.npm.taobao.org/cnpmjs镜像搜索...

2018-03-15 20:44:25 151

原创 IT忍者神龟之Node.js安装及环境配置之Windows篇

一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js ...

2018-03-15 19:14:13 170

原创 IT忍者神龟之一个小时快速搭建微信小程序教程

小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小程序无缘了，庆幸的是微信这两天发布了正式版开发者工具，无需内测邀请也可以尝鲜了。因此也就有了我与「小程序」的初体验，而我的感受只有一个字——爽！选择哪个「小程序」Demo？在知名同性交友网站 Github 上，「小程序」...

2018-03-14 18:19:21 333

原创 IT忍者神龟之网页截图API接口，一键自动生成网页截图

背景最近在开发一个小程序，其中有一个帮助模块，内容为帮助文章列表，文章内容为网站后台编辑的富文本格式。鉴于小程序的特殊性，其对html格式的富文本支持并不友好。刚开始有人开发了wxparse插件，后来微信提供了rich-text组件，但是这两者存在一些问题。思路后台编辑的文章样式经过wxparse或者richtext组件显示后，都存在一些兼容性问题。如果我们将文章内容做成图片，然后用image来...

2018-03-14 18:15:41 785

原创 IT忍者神龟之张小龙首次全面阐述小程序，定档1月9日上线（内附演讲全文）

各位朋友，大家早上好！我是张小龙。非常感谢大家一大早来到广州参加微信公开课。去年公开课是我第一次露面，并且在去年差不多这个时候时候宣布了我们的小程序要启动并且准备投入到公众号之外新的一种服务的形态里面去。今年，我的同事问我说要不要今年继续来参加公开课，给大家做一些对于去年说的小程序的一些新的进展介绍，我其实也想了很久，最后我觉得作为对去年的一个回应，我内心里是非常的激动，可能很多朋友知道微信的...

2018-03-14 18:12:40 272

原创 IT忍者神龟之小程序2017年1月9号将上线，官方详解七大能力

今天，张小龙在2017微信公开课PRO版上宣布微信小程序将于2017年1月9日正式在客户端上线。在下午的分论坛上，微信官方首次对小程序的能力进行了全面解读，并在现场对小程序作了案例展示。微信官方带来小程序能力解读微信团队现场详解了微信小程序的能力，包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。线下扫码：用户可以在小程序中使用扫一扫。对话分享：用户...

2018-03-14 18:10:58 225

原创 IT忍者神龟之开发中遇到了哪些难点 && 微信小程序有多少坑？

微信小程序目前的确算不上公测的版本，开发者工具不完善、真机表现和开发环境差异很大、部分组件性能较差、部分功能有缺陷，只有经历了这些大坑，才会真的知道你有多“爱”微信小程序。这儿总结了开发中的难点以及微信小程序中遇到的比较明显的坑。富文本解析微信小程序并不支持HTML标签，所以对于富文本解析来说，难度较大，而且有些功能还没有办法实现，比如：iframe视频、连接跳转等这块功能建议由后台统一转换，如果...

2018-03-14 18:08:52 690

原创 IT忍者神龟之如何设计微信小程序？

构建系统 && 目录结构构建系统由于微信小程序本身对工程化几乎没有任何的支持，所以动手搭建一份：wxapp-redux-starter。使用gulp进行编译构建，主要功能包括：✦ 集成了Redux，数据管理更方便✦ 开发过程中，使用xml取代wxml，对开发工具更友好✦ 开发过程中，使用less取代wxss，功能更强大✦ 引入es-promise，以便可以创建并使用Promise✦...

2018-03-14 18:06:13 324

原创 IT忍者神龟之小程序有哪些基础知识？

一个完整的微信小程序是由一个App实例和多个Page实例构成，其中App实例表示该小程序应用，多个Page表示该小程序的多个页面。此外，微信小程序并没有提供自定义组件的方式，这就导致微信小程序在开发较复杂应用时，可能会比较艰难。微信小程序本身很简单，和一个模板语言的难度几乎相当，翻翻官方教程就可以开始动手搞。我也建议大家先动起来，然后再细致啃啃官方文档。由于微信官方文档仍在不断大幅更新中，所以务必...

2018-03-14 18:04:36 316

原创 IT忍者神龟之移动APP 支付宝快捷支付开发流程

说说开发的心得吧，之前也没接触过支付宝快捷支付，不扯蛋了进入主题。开发步骤如下 1：在商家地址申请快捷支付 https://b.alipay.com 在我的商家服务申请快捷支付类，然后填写公司信息等等，提交资料进行审核，审核通过后会获取到商家　PID和Key 2：如何生成私钥，公钥在支付宝的demo中有openssl文件夹，在bin目录下可以看到openssl.exe文件，打开...

2018-03-14 18:00:13 272

原创 IT忍者神龟之小程序最全的微信小程序项目实例

想玩玩微信小程序的，可以下载个下面的一些demo看一看。（demo下载后，导入到“微信web开发者工具”便可以运行了，顺便把官方微信开发工具下载地址贴一下：下载 · 小程序）注：现在个人还不能注册小程序开发账号，故导入工程的时候，选择“无AppID”。wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNo...

2018-03-10 14:27:01 502

sqlyog64位免安装版本，带注册机(SQLyog-11.2.4-0.x64)

注意是64位系统版免安装得版本最好用的windows系统mysql数据库工具

2018-05-10

IT忍者神龟之基于wepy 商城(微店)微信小程序

安装（更新） wepy 命令行工具。 npm install wepy-cli -g 安装依赖包 npm install 开发实时编译。 npm run dev 生产压缩 npm run build //上传代码时，请先执行此代码，否则会提示包体积过大 ├── api │ └── api.js //接口 ├── app.wpy //入口文件 ├── components //组件 │ ├── address_add.wpy //新增地址组件 │ ├── address_edit.wpy //编辑地址组件 │ ├── address_list.wpy //地址列表组件 │ ├── bomb_screen.wpy //首页弹屏组件 │ ├── collection_list.wpy //收藏列表组件 │ ├── comment_list.wpy //评论列表组件 │ ├── common //公共组件 │ │ ├── bottomLoadMore.wpy //底部加载更多组件 │ │ ├── placeholder.wpy //空列表显示组件 │ │ ├── timer.wpy //倒计时组件 │ │ ├── wepy-area-picker.wpy //省市区组件 │ │ ├── wepy-sign-time.wpy //签到组件 │ │ └── wepy-swipe-delete.wpy //左滑删除组件 │ ├── discover.wpy //发现列表 │ ├── filterSlider.wpy //筛选右侧栏组件 │ ├── filter_bar.wpy //分类排序组件 │ ├── order_item.wpy //订单列表组件 │ ├── points_detail.wpy //列表组件 │ ├── points_rule.wpy //列表组件 │ ├── rate.wpy //评分组件 │ ├── search.wpy //搜索组件 │ ├── shop_cart.wpy //购物车组件 │ ├── shop_grid_list.wpy //矩阵列表 │ ├── shop_item_list.wpy //条形列表 │ └── tab.wpy //选项卡组件 ├── images //图片文件夹 ├── pages //页面 │ ├── address.wpy //地址 │ ├── classify.wpy //分类 │ ├── collection.wpy //收藏 │ ├── comfire_order.wpy //确认订单 │ ├── comment.wpy //评论列表 │ ├── comment_add.wpy //添加评论 │ ├── exchange_goods.wpy //换货 │ ├── filter.wpy //筛选 │ ├── goods_detail.wpy //商品详情 │ ├── home.wpy //首页 │ ├── home_detail.wpy //首页详情 │ ├── info.wpy //我的 │ ├── logistics.wpy //物流 │ ├── messages.wpy //我的消息 │ ├── order.wpy //订单列表 │ ├── order_detail.wpy //订单详情 │ ├── pay_success.wpy //支付结果 │ ├── points.wpy //积分 │ ├── points_more.wpy //更多积分 │ ├── points_rule.wpy //积分规则 │ ├── register.wpy //注册 │ ├── reorder.wpy //-- │ ├── replenishment_goods.wpy //补货 │ ├── search.wpy //搜索 │ ├── setting.wpy //设置 │ ├── shop_cart.wpy //购物车 │ ├── sign_in.wpy //签到 │ ├── test.wpy //--- │ └── wholesale.wpy //现货批发 ├── plugins //插件 │ └── wxParse //富文本 │ ├── html2json.js │ ├── htmlparser.js │ ├── showdown.js │ ├── wxDiscode.js │ ├── wxParse.js │ ├── wxParse.wxml │ └── wxParse.wxss ├── styles //样式 │ ├── base.less │ ├── icon.less // 图标文件 │ └── style.less └── utils //工具类 ├── constant.js //常量 ├── md5.js //md5 ├── regions.js //省市区数据 ├── tip.js //提示弹框组件 ├── util.js //工具 └── wxRequest.js //ajax请求

2018-03-28