随笔分类 - 3.前端框架
摘要：背景 在做Electron Windows 桌面应用时候，做鼠标悬浮到托盘图标上时显示一个悬浮框（例如做消息提醒），但因为Windows没有提供托盘mouse-enter/mouse-leave事件，无法直接做这个功能，考虑到还有mouse-move事件，弄个间接的方式实现。 实现步骤 1、监听mo
阅读全文
摘要：闲来无事看到了一个关于Vue的MVVM的简单讲解，觉得写得不错，做个分享。 文章地址 https://github.com/DMQ/mvvm 文章内容我就不贴出，比较简洁明了，我记录一下我的一些思考总结。 PS：建议先仔细读这篇文章。 MVVM MVVM即双向数据绑定，是一种设计模式，一般是Web前
阅读全文
摘要：背景 昨天在测试 Mac Electron App 打包，发现不签名的应用能够正常打开，签了名的打开反而会崩溃。 寻因 首先我怀疑是不是自己代码导致闪退，但是在一番查找后，发现还根本没到执行我的代码就闪退了。 然后就猜可能是我打包的参数缺了些东西。 我使用 electron-builder 打包的，
阅读全文
摘要：背景 最近在一台龙芯电脑（系统是中兴新支点，Linux）上开发electron应用。 PS：龙芯是国产的cpu，采用是mips架构，类似x86、arm。 安装NodeJS 安装步骤请查看：https://www.cnblogs.com/lovesong/p/11589813.html 安装依赖 如果
阅读全文
摘要：Linux版本 Ubuntu 12.04 （32bit） 安装Git 生成ssh key 安装node 使用二进制文件 错误一：./node: cannot execute binary file 原因可能如下： 1、非root用户或者无执行权限 2、编译环境不同（程序由其他操作环境复制过来） PS
阅读全文
摘要：Node.js插件（addons） Node.js 插件是用 C++ 编写的动态链接共享对象，可以使用 require() 函数加载到 Node.js 中，且像普通的 Node.js 模块一样被使用。 它们主要用于为运行在 Node.js 中的 JavaScript 与 C/C++ 库之间提供接口。
阅读全文
摘要：问题一：node_gyp使用版本不对 问题：明明装的是5.0.2版本，使用的却是3.9.2版本。 原因：命令上已经写明，在npm_config_node_gyp未配置情况，node_gyp使用的版本。 解决：删掉前者路径的node-gyp。 问题二：无法找到 v140 的生成工具 问题：依赖的c++
阅读全文
摘要：背景 由于某个Electron应用，需要主进程、渲染进程、webview之间能够互相通讯。 不过因为Electron仅提供了主进程与渲染进程的通讯，没有渲染进程之间或渲染进程与webview之间通讯的办法，所以只能寻找其他方案来解决。 研究一：ipcMain/ipcRenderer Electron
阅读全文
摘要：背景 在Electron打开新窗口的时候，提前加载一段JavaScript脚本，以此内置一些属性或接口给被打开的页面。之所以要以注入方式，而不是页面自己引用，原因是不想麻烦页面自行引用，不想修改旧有的业务逻辑。 方法一 一开始是想在打开BrowserWindow后，执行executeJavaScri
阅读全文
摘要：1. 动态生成的input自动focus 背景： input元素在需要时才插入DOM，这时元素用autofocus属性第一次是可以获取焦点，但是如果有第二个，就不再生效，所以得另外的办法。 方法： 2. plupload插件引入时报“mOxie undefined” 背景： vue引入pluploa
阅读全文
摘要：常识 1.computed计算属性，使用的属性必需在data里面声明。 Webpack问题 1.模块里面使用JSON.stringify和 typeof，报：Uncaught TypeError: Cannot assign to read only property 'exports' of #<
阅读全文
摘要：总是忘，留个笔记。 vue-cli A simple CLI for scaffolding Vue.js projects. Installation Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+ and Git. Us
阅读全文
摘要：React有三个东西，React JS 前端Web框架，React Native 移动终端Hybrid框架，React Web是一个源码转换工具（React Native 转 Web，并之所以特别提出，是觉得还有些用处）。 React、React Native共同特点 起源 Facebook 的内部
阅读全文
摘要：在使用React Native时候，我记录下比较常遇到的问题，分为以下几类： 1. 调试问题 2. 写法问题 3. 疑难问题 4. 奇怪问题 调试问题 1. 在react-native run-android运行后，真机上打开的空白页面。 我测试机是红米2A（Android 4.4.4），在调试时，
阅读全文
摘要：我用了三天时间实现了一个相对比较完整的React Native 新闻发布类型的示例。应用做得很简单，但大多React Native的组件都有用到，今天做一个分享（由于我电脑是Windows系统，所以只实现了Android部分，没有对iOS做兼容），希望对初学者有用处。 实现界面 PS：页面实现不多，
阅读全文
摘要：学习东西都有一定的套路，特别是新的框架，对于React Native，我是这么学的。 第一步 ： 这是啥 在各种原因下，需要使用某个框架时，那第一件事就是知道这个框架是用来干什么。React Native，就是用来做移动端的跨平台应用（iOS和Android），使用JavaScript来开发。据说性
阅读全文
摘要：前言 框架选择。在上一篇文章评论中，有人说angular1.3是个过时的东西，建议使用angular2。其实这种说法很像拿jQuery1.x和jQuery2.x做比较，新的版本当然会有优化优势的地方，但并不一定是最适合你项目的。当你项目必须支持IE6/7/8时，那又得使用jQuery1.x版本。所以
阅读全文
摘要：在8月份一个项目机会下，决定真正完整地学习使用AngularJS 1.3，下面是我一些总结。 PS：有些人很抵触AngularJS这种框架，认为它是在办坏事，装高调，我是认为任何能广泛传播的框架存在不是没有原因，总会有它适用的场景，真正使用了才能发觉东西好坏。 什么是AngularJS 首先Angu
阅读全文