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":...
解决Electron应用中Autobahn.js环境检测问题
在 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 安装包) 把文件夹内的...
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...
现代前端技术栈与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...
React Native vs Ionic 移动应用开发对比与实践
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...
AngularJS和Ionic应用性能优化实践与技巧
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. 禁用...
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...
苏幕遮·独恋飞蛾:一曲执着的生命绝唱
独恋飞蛾1情已逝,缘未了。欲罢不能,何时是拂晓。痴望情思路迢迢,只身孤影,独有恋曲过今朝。人已死,心未缈。风絮满城,何处无寂寥。静闻空心雨潇潇,谁为梦魇?唯有飞蛾火中烧。
愿化作雄鹰:追寻人生无悔的彩虹
12345678910111213141516171819202122232425262728293031323334353637脸上的泪痕是曾经的懵懂心中的坚韧从今天萌生抚摸胸口她送的伤痛为什么嘴边还会残留着笑容再见,至今还在做的梦我想去追寻人生无悔的彩虹不论是否能够拥抱成功都无愧于她的别赠现在,我要忘记她给的痛用实际完成对未来的憧憬让瞬间的生命化为永恒这永恒中不会再有她的生命泰山巅峰刺骨的寒冷阻止不了一心征服的雄鹰他的骨子里有对信念的虔诚他的眼中只会有天空