VUE环境配置
安装 vue
在 vue官网,使用 cli 命令行脚手架创建基本项目
123456789# 全局安装 vue-clinpm install --global vue-cli# 创建一个基于 webpack 模板的新项目vue init webpack my-project# 安装依赖,走你cd my-project# 或者 yarnnpm installnpm run dev
运行npm run dev 打开浏览器 http://localhost:8080
配置开发环境 vscode
使用 eslint 规范代码质量
vscode 安装插件 eslint
配置代码格式化规则 eslint
12345678910111213"eslint.autoFixOnSave": true,"eslint.validate": [ "javascript", "javascriptreact", { "language": "html", ...
electron 中使用autobahn 不工作问题记录
在 authbahn 源代码中if (global.process && global.process.versions.node) {判断当前的运行环境为 node 环境,但实际上 electron 中使用的还是 web。所以暂时删除掉判断,直接进入 else,为浏览器环境。目前可以正常运行,不知道以后会不会出现其他问题。
绿色版chrome安装包制作教程
教程
Google Chrome 下载地址https://api.shuax.com/tools/getchrome
插件下载https://shuax.com/portfolio/greenchrome/
便携化教程 https://bbs.kafan.cn/thread-1696230-1-1.html
安装包制作工具 http://www.jz5u.com/Soft/apply/other/170453.html
安装包制作教程 https://www.cnblogs.com/wuhuacong/p/6101853.html
制作绿色版 Chrome
下载 google Chrome 离线安装包
解压该安装包.exe,再解压.7z 得到 chrome-bin
修改文件夹名称为 Chrome
下载插件 得到 greenChrome ,解压。
把文件夹内的 GreenChrome.ini 和 winmm.dll 一块放在 Chrome 文件夹下。(自行选择 64 位或 32 位与第一步下载的离线安装包对应。已经下载好的是 64 位 Chrome 安装包)
把文件夹内的 favico ...
物联网通信协议MQTT&WAMP
物联网通信协议 MQTT&WAMP一、物联网层次结构1.百度云架构
2.技术层架构
百度云、腾讯云、阿里云和其他物联网云厂商等,基本完全支持:MQTT+HTTP+WEBSOCKET+CoAP
二、MQTT:http://mqtt.org/
MQTT 是什么
应用场景
如何实现 MQTT 应用实例:安装 mqtt 服务:常用的 Rabbitmq 开启 mqtt 服务;安装 emqtt;
使用 MQTT 测试客户端进行简单测试
自己动手编程,实现 mqtt 收发
1234567recv1:mosquitto_sub -h localhost -u wugeek -P 111111 -t "xingtai"recv2:mosquitto_sub -h localhost -u wugeek -P 111111 -t "handan"send:mosquitto_pub -h localhost -u wugeek -P 111111 -t "xingtai" -m "hello邢台"mosqu ...
前端技术和angularjs
前端技术栈
浏览器/渲染引擎
IE
chrome
firefox
Safari
QQ/360???????
前端核心
HTML/HTML5,
DOM 树
元素
属性
JavaScript
原型(prototype)
Scope
JSON https://baike.baidu.com/item/JSON/2462549?fr=aladdin
AJAX
Promise(解决回调函数嵌套过多的问题)
http://callbackhell.com/
http://liubin.org/promises-book/
CSS
使用浏览器调试样式
编辑器
sublime text 3
WebStorm
VSCode(推荐!!)
构建工具/生成器
Yeoman http://yeoman.io/generators/
Grunt
gulp//在用
webpack//在用
调试
Developer Tools
Firebug
包管理
npm
bower
框架和 ...
React Native 简介
react native 开发 IOS 手机应用基本方法及其与 IONIC 开发的对比1. react-native 介绍react-native 是一款基于 js 框架 React.js 来开发 IOS 和 Android 原生 App 的开源框架,
Learn once,write anywhere
NR 和 react.js 关系
RN 和 react.js 公用一些抽象层,比如语法标签等,但还是有许多差异,而且目标平台不同。
案例:http://reactnative.cn/cases.html
ionic 与 RN:ionic 是 webview,NR 是以 js 方式开发的原生应用
2. 搭建开发环境macOS =>iOS
安装 Homebrew==dpkg
1/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装 node
1brew install ...
angularjs和ionic性能优化(2)
angular 性能优化
使用$watchCollection(obj, listener),不要使用$watch()或者$watchGroup();
使用 one-time binding
1{{::user.first_name}}
使用 Track by以前的用法ng-repeat="user in users"修改后的用法ng-repeat="user in users track by user.id"如果 users 有 id 的话或者ng-repeat="user in users track by $index"如果没有 id
不要使用 console.log(),而是用$log
The $log service has several log levels .info .debug and .error.
禁用 dubug
123456angular.module('yourModule').config(function($compil ...
ionic性能优化
ionic-native-transitions
下载
npm install ionic-native-transitions –save
安装
cordova plugin add https://github.com/Telerik-Verified-Plugins/NativePageTransitions
引入
如果是 ios9,页面切换抖动,则安装
cordova plugin add cordova-plugin-wkwebvie
注入
1angular.module("yourApp", ["ionic-native-transitions"]);
配置
123456789101112131415161718192021.config(function($ionicNativeTransitionsProvider){ $ionicNativeTransitionsProvider.setDefaultOptions({ duration: 400, // in millise ...
苏幕遮
独恋飞蛾1情已逝,缘未了。欲罢不能,何时是拂晓。痴望情思路迢迢,只身孤影,独有恋曲过今朝。人已死,心未缈。风絮满城,何处无寂寥。静闻空心雨潇潇,谁为梦魇?唯有飞蛾火中烧。
愿化作雄鹰,飞向天空
12345678910111213141516171819202122232425262728293031323334353637脸上的泪痕是曾经的懵懂心中的坚韧从今天萌生抚摸胸口她送的伤痛为什么嘴边还会残留着笑容再见,至今还在做的梦我想去追寻人生无悔的彩虹不论是否能够拥抱成功都无愧于她的别赠现在,我要忘记她给的痛用实际完成对未来的憧憬让瞬间的生命化为永恒这永恒中不会再有她的生命泰山巅峰刺骨的寒冷阻止不了一心征服的雄鹰他的骨子里有对信念的虔诚他的眼中只会有天空