vue-electron脚手架

vue-electron官方文档(中文):https://simulatedgreg.gitbooks.io/electron-vue/content/cn
vue-electron官方文档(英文):https://simulatedgreg.gitbooks.io/electron-vue/content/en

1.脚手架搭建流程步骤

1
2
3
4
5
6
7
8
# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
<!--more-->
# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

2.效果图

注意:
(1)环境问题:
可以参考我的这篇文章VsCode源码编译运行
环境与其保持一致,基本上就不会出什么问题。

(2)包管理工具问题:
关于npm和yarn,两者都是包的管理工具
我用npm install总是在报Error之类的错误,用yarn就好了。

GitHub Contributions贡献值没有增加

今天一个同事提交代码到Github上,发现自己的贡献值并没有增加,我从来没有遇到这种情况。
问题的原因是因为我的这位同事邮箱设置问题。他是参考如下链接解决的问题。本次做一个记录,说不定我以后也会遇到这种情况或者是我的朋友们。

参考解决问题:
GitHub Contributions贡献值没有增加或者提示提交者的邮箱不对的解决方法:https://www.jianshu.com/p/f3be25ccd92d

js获取select标签选中的值

两种方式,原生js和jQuery。
特别是作为全栈开发工程师,学会使用框架固然重要,但是也要使用的基础上,由浅入深,搞懂原理,这样才能在技术进化迅速的时代立于不败之地。
举个例子说明以下,以我这篇文章为例node.js之十大Web框架,当你学会Node.js的语法,有过使用Node.js开发几个简单Demo的经验,你会发现这些并不难。但是如果你想深入的理解Node.js,比如VsCode就是在Electron+TypeScript等基础上研发出来,但是Electron 是基于 Chromium 和 Node.js,如果你对Node.js和Chromium毫不了解,自己深入到Electron,注定是要吃亏的。

layui之确认框

要使用layui的确认框,需要导入layui的两个库,分别为layer.js和layer.css,除此之外layui.js和layui.css的库也是要导入,这个请注意。
所有说你需要分别导入四个库layer.js、layer.css、layui.js、layui.css,四个库多少也会占用带宽,这时你可以使用cdn或者将其放到nginx做缓存也行。

MySQL去除查询结果重复

出现结果重复数SQL(四表关联):

1
2
3
4
5
6
7
8
9
10
SELECT
COUNT(post.ID )
FROM wp_posts AS post LEFT JOIN
wp_term_relationships AS relation
ON(post.menu_order =
relation.term_order) LEFT JOIN wp_term_taxonomy
AS taxonomy
ON(relation.term_taxonomy_id = taxonomy.term_id) LEFT JOIN
wp_terms AS
term ON(taxonomy.term_id = term.term_id)

正常的结果应该显示490条数据,但是结果显示了224941。