FineReader中该怎样进行正则表达式语法*?的创建
点击联系发帖人
时间：2018-08-27 15:16
&p&当然是这个视频：《6 分钟演示 15 种排序算法》。在视频中，你能听到冒泡咕噜声、飞机坠机声、暖瓶满水声、猴子乱叫声……&/p&&a class=&video-box& href=&//link.zhihu.com/?target=https%3A//www.zhihu.com/video/1348352& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic1.zhimg.com/80/v2-7fddbe6d8d6a25b0573d1c_b.jpg& data-lens-id=&1348352&&
&img class=&thumbnail& src=&https://pic1.zhimg.com/80/v2-7fddbe6d8d6a25b0573d1c_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/1348352&/span&
&/a&&p&原出处：&/p&&a href=&//link.zhihu.com/?target=https%3A//youtu.be/kPRA0W1kECg& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&youtu.be/kPRA0W1kECg&/span&&span class=&invisible&&&/span&&/a&&p&开源项目地址：&/p&&a href=&//link.zhihu.com/?target=http%3A//panthema.net/2013/sound-of-sorting/& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&panthema.net/2013/sound&/span&&span class=&invisible&&-of-sorting/&/span&&span class=&ellipsis&&&/span&&/a&&p&B 站地址：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.bilibili.com/video/av685670/& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic2.zhimg.com/v2-c057baf00db06fafx120.jpg& data-image-width=&512& data-image-height=&288& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&6分钟演示15种排序算法_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili&/a&&p&&/p&
当然是这个视频：《6 分钟演示 15 种排序算法》。在视频中，你能听到冒泡咕噜声、飞机坠机声、暖瓶满水声、猴子乱叫声……原出处：开源项目地址：B 站地址：
&p&零基础自学了两个月，现在已经在&a href=&//link.zhihu.com/?target=https%3A//www.practicepython.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&practicepython&/a& 上面做练习题了，并且能用Matplotlib, NumPy 和Pandas做简单的数据分析。来分享下我的学习过程。&/p&&p&我首先查了知乎、Quora和Reddit，然后问了身边计算机专业的同学。最后锁定了要用YouTube学， 有一个原因是我学Excel的时候感受到了视频教学的强大。按一个计算机专业同学的推荐跟了一个MIT的课程，学了一段时间发现....不好学也不很有趣。&/p&&p&然后又在YouTube找Python for beginner的视频。这次我的目标很明确，要找一个比较新一点的。然后发现了一个从Google辞职，专门做教学视频的年轻人做的视频。逻辑极其清晰，注重操作，由最简单的开始入手。从如何安装操作环境到如何写程序解决现实的问题。我一口气学完了他所以的视频，又去了一些付费网站看了他的视频。目前的感觉是，觉得Python既好学又有趣！&/p&&p&&br&&/p&&p&此人的YouTube主页：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/channel/UCxX9wt5FWQUAAz4UrysqK9A& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&youtube.com/channel/UCx&/span&&span class=&invisible&&X9wt5FWQUAAz4UrysqK9A&/span&&span class=&ellipsis&&&/span&&/a&&p&此人的个人网站：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.csdojo.io/& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&csdojo.io/&/span&&span class=&invisible&&&/span&&/a&&p&如果你英语过关 + 可以看YouTube，墙裂推荐你上一节课试试。上完不要忘了回来点赞。&/p&
零基础自学了两个月，现在已经在 上面做练习题了，并且能用Matplotlib, NumPy 和Pandas做简单的数据分析。来分享下我的学习过程。我首先查了知乎、Quora和Reddit，然后问了身边计算机专业的同学。最后锁定了要用YouTube学， 有一个原因是我学…
&figure&&img src=&https://pic1.zhimg.com/v2-e42ade28a4be719b37dcdd1e18e99eb3_b.jpg& data-rawwidth=&600& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-e42ade28a4be719b37dcdd1e18e99eb3_r.jpg&&&/figure&&h2&更新说明&/h2&&p&&b&2018 年 1 月 25 日更新&/b&&/p&&p&开始写这篇文章时，Element 的版本还是 1.4，现在已经来到 2.0 了，有些步骤需要修改，特此说明。&/p&&h2&第 9 步，&i&修改 Hello.vue 文件，使用 Element 组件&/i& 中&/h2&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&el&/span&&span class=&o&&-&/span&&span class=&nx&&dialog&/span& &span class=&nx&&v&/span&&span class=&o&&-&/span&&span class=&nx&&model&/span&&span class=&o&&=&/span&&span class=&s2&&&visible&&/span&&span class=&o&&&&/span&
&/code&&/pre&&/div&&p&修改为&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&el-dialog :visible.sync=&visible&&
&/code&&/pre&&/div&&h2&第 8 步，&i&引入 Element&/i& 中，使用命令&/h2&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui -S
&/code&&/pre&&/div&&p&默认安装的 Element 是 2.0 版本，2.0 版本的主题文件夹，由 theme-default 改为了 theme-chalk，所以下面 &i&修改 resources/assets/js/app.js 文件&/i& 中&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import 'element-ui/lib/theme-default/index.css';
&/code&&/pre&&/div&&p&要改成&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import 'element-ui/lib/theme-chalk/index.css';
&/code&&/pre&&/div&&p&当然，如果你想继续使用 1.4 版本的 Element 也是可以的，使用命令&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui@legacy -S
&/code&&/pre&&/div&&p&安装的即是 1.4 版，自然的，主题文件夹也不需要修改了。&/p&&h2&搭建说明&/h2&&p&同类的教程网上也有不少，本文不是为了重复造轮子，只是在 Laravel5.5 LTS 推出之际，重新记录自己的搭建过程，避免以后再次踩坑。&/p&&p&网上的许多教程都是基于 Laravel5 系列的不同版本，虽然大致过程都差不多，但是对于前端编译工具不甚了解的人来说，官方推荐的前端编译工具的改变也着实容易让人迷糊。&/p&&p&为了便于理解，本文初次搭建时，尽量简单，能运行即可，关于前端编译工具，Vue 路由等等，后面再说。&/p&&p&本文全部代码，可以到 github 上获取：&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//github.com/mrzhouxiaofei/Larvuent& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/mrzhouxiaofe&/span&&span class=&invisible&&i/Larvuent&/span&&span class=&ellipsis&&&/span&&/a&&/p&&h2&搭建过程&/h2&&h2&1.新建 Laravel5.5 项目&/h2&&p&在 Web 服务器目录下，使用 Composer 建立新项目&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&composer create-project --prefer-dist laravel/laravel Larvuent // 新项目名为 Larvuent&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&Larvuent 安装完成后，执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&cd Larvuent&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：建议配置虚拟主机&/b&&/p&&h2&2.安装前端依赖库&/h2&&p&进入 Larvuent 项目后，执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&npm install // 速度慢的请自行切换淘宝镜像 cnpm&/span&
&/code&&/pre&&/div&&p&&br&&/p&&h2&3.修改 Laravel 路由&/h2&&p&修改 &b&routes/web.php&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&Route::get('/', function () {&/span&
&span class=&x&& return view('index');&/span&
&span class=&x&&});&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&h2&4.新建 Hello.vue 文件&/h2&&p&在 &b&resources/assets/js/components&/b& 目录下新建 Hello.vue 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&&template&&/span&
&span class=&x&&
&div&&/span&
&span class=&x&&
&h1&Hello, Larvuent!&/h1&&/span&
&span class=&x&&
&p class=&hello&&{{ msg }}&/p&&/span&
&span class=&x&&
&/div&&/span&
&span class=&x&&&/template&&/span&
&span class=&x&&
&span class=&x&&&script&&/span&
&span class=&x&&export default {&/span&
&span class=&x&&
data() {&/span&
&span class=&x&&
return {&/span&
&span class=&x&&
msg: 'This is a Laravel with Vue and Element Demo.'&/span&
&span class=&x&&
&span class=&x&&
&span class=&x&&}&/span&
&span class=&x&&&/script&&/span&
&span class=&x&&
&span class=&x&&&style&&/span&
&span class=&x&&.hello {&/span&
&span class=&x&&
font-size: 2&/span&
&span class=&x&&
color:&/span&
&span class=&x&&}&/span&
&span class=&x&&&/style&&/span&
&/code&&/pre&&/div&&h2&5.修改 app.js 文件，渲染组件&/h2&&p&修改 &b&resources/assets/js/app.js&/b& 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&require('./bootstrap');&/span&
&span class=&x&&
&span class=&x&&window.Vue = require('vue');&/span&
&span class=&x&&
&span class=&x&&// Vue.component('example', require('./components/Example.vue')); // 注释掉&/span&
&span class=&x&&import Hello from './components/Hello.vue'; // 引入Hello 组件&/span&
&span class=&x&&
&span class=&x&&const app = new Vue({&/span&
&span class=&x&&
el: '#app',&/span&
&span class=&x&&
render: h =& h(Hello)&/span&
&span class=&x&&});&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：app.js 是构建 Vue 项目的主文件，最后所有的组件都会被引入到这个文件，在引入所有组件之前，bootstrap.js 文件做了一些初始化的操作。同时，因为有了 window.Vue = require(‘vue’) 这句话，就不再需要使用 import Vue from ‘vue’ 重复导入 Vue 了。&/b&&/p&&h2&6.新建 Laravel 视图文件，和 Vue 交互&/h2&&p&在 &b&resources/views&/b& 目录下新建 index.blade.php 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：你可能在其他教程中看到有的在使用 assets 函数，这两个函数的主要区别就是 assets 函数会直接使用所填路径去 public 文件夹下找文件，而 mix 函数会自动加载带 hash 值的前端资源。这是和 Laravel 前端资源的缓存刷新相关的，如果现在还不明白，不要紧，你记得使用 mix 函数就好了，然后继续往后看。&/b&&/p&&h2&7.编译前端组件，运行&/h2&&p&执行以下命令，编译前端资源&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&该命令默认会去执行根目录下的 webpack.mix.js 文件，使用 Laravel 提供的 Laravel Mix 编译资源，并将编译好的资源放在根目录 public 文件夹下。&/p&&p&&b&说明：前端编译工具有许多，比如 gulp、webpack 等等，Laravel 也为自己提供了开箱即用的编译工具，比如 Laravel5.3 及更早版本提供基于 gulp 的 Laravel Elixir 和从 Laravel5.4 开始提供基于 webpack 的 Laravel Mix，当然你也可以不使用官方提供的工具，自己去配置编译工具。这些编译工具的作用都是一样的，使用方法也大同小异。前面说过，本文第一次安装尽量简单，能运行即可，所以不再去配置前端编译工具，使用官方提供的即可。&/b&&/p&&p&访问项目&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-72bf9b569ff4d44d3d2ea4b2b79fe34a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&733& data-rawheight=&241& class=&origin_image zh-lightbox-thumb& width=&733& data-original=&https://pic3.zhimg.com/v2-72bf9b569ff4d44d3d2ea4b2b79fe34a_r.jpg&&&/figure&&p&&br&&/p&&p&到目前为止，Laravel + Vue 已经完成了，下面开始引入 Element。&/p&&h2&8.引入 Element&/h2&&p&执行命令，安装 ElementUI&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui -S
&/code&&/pre&&/div&&p&&br&&/p&&p&修改 &b&resources/assets/js/app.js&/b& 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import Hello from './components/Hello.vue'; // 引入Hello 组件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';
Vue.use(ElementUI);
&/code&&/pre&&/div&&p&&br&&/p&&h2&9.修改 Hello.vue 文件，使用 Element 组件&/h2&&p&修改 &b&resources/assets/js/components/Hello.vue&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&template&
&h1&Hello, Larvuent!&/h1&
&el-button @click=&visible = true&&按钮&/el-button&
&el-dialog v-model=&visible&&
&p&欢迎使用 Element&/p&
&/el-dialog&
&/template&
export default {
visible: false
font-size: 2
&/code&&/pre&&/div&&p&&br&&/p&&h2&10.再次编译前端资源，运行&/h2&&p&执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&访问项目，点击按钮&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e450ade68a75ca57402cb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1177& data-rawheight=&463& class=&origin_image zh-lightbox-thumb& width=&1177& data-original=&https://pic4.zhimg.com/v2-e450ade68a75ca57402cb_r.jpg&&&/figure&&p&&br&&/p&&p&好了，到目前为止，Laravel5.5 + Vue2 + Element 的环境搭建已经完成了，为了方便理解，第一次的搭建过程尽量简洁。本文下面的部分将使用 Vue 路由等等，逐步完善，便于后期的开发。&/p&&h2&完善&/h2&&h2&CSRF 防护&/h2&&p&环境搭建完成后，访问项目，打开开发者模式，切换到 Console ，会看到以下报错&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-a654eae4a8c7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&589& data-rawheight=&191& class=&origin_image zh-lightbox-thumb& width=&589& data-original=&https://pic4.zhimg.com/v2-a654eae4a8c7_r.jpg&&&/figure&&p&&br&&/p&&p&Laravel 为了避免应用遭到跨站请求伪造攻击(CSRF)，自动为每一个有效用户会话生成一个 CSRF 令牌，该令牌用于验证授权用户和发起请求者是否是同一个人。&/p&&p&修改 &b&resources/views/index.blade.php&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&meta name=&csrf-token& content=&{{ csrf_token() }}&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&创建一个 meta 标签并将令牌保存到该 meta 标签中，问题可解决。&/p&&h2&使用 Vue Router&/h2&&p&构建大型项目时，使用 Vue Router 将是一个好的方式，它可以帮助你更好的组织代码，优化路由。&/p&&h2&1.安装 vue-router&/h2&&p&执行命令，安装 vue-router&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm install vue-router --save-dev
&/code&&/pre&&/div&&p&&br&&/p&&h2&2.配置 vue-route&/h2&&p&在 &b&resources/assets/js&/b& 目录下新建目录 router ，同时在 router 目录下新建 index.js 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
export default new VueRouter({
saveScrollPosition: true,
name: 'hello',
path: '/hello',
component: resolve =& void(require(['../components/Hello.vue'], resolve))
&/code&&/pre&&/div&&p&&br&&/p&&h2&3.引入 vue-router&/h2&&p&在 &b&resources/assets/js&/b& 目录下新建 App.vue 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&template&
&h1&Hello, {{ msg }}!&/h1&
&router-view&&/router-view& &!-- 路由引入的组件将在这里被渲染 --&
&/template&
export default {
msg: 'Vue'
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&p&修改 &b&resources/assets/js/app.js&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&// import Hello from './components/Hello.vue';
import App from './App.vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';
Vue.use(ElementUI);
import router from './router/index.js';
const app = new Vue({
el: '#app',
render: h =& h(App)
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&h2&4.重新编译&/h2&&p&执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&通过路由访问 hello 组件&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6cc59ddcaa0fce9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&650& data-rawheight=&275& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&https://pic2.zhimg.com/v2-6cc59ddcaa0fce9_r.jpg&&&/figure&&p&&br&&/p&&p&以后如果要添加组件，只需在 resources/assets/js/components 目录下新建 vue 文件，在 resources/assets/js/router/index.js 文件里引入，然后就可以通过路由访问了。&/p&&h2&代码拆分&/h2&&p&代码拆分是将一些不经常变动的代码提取出来，以避免每次都要重新编译，如果你频繁更新应用的 JavaScript，需要考虑对 vendor 库进行提取和拆分，这样的话，一次修改应用代码不会影响 vendor.js 文件的缓存。&/p&&p&Laravel Mix 的 extract 方法可以实现这样的功能：&/p&&p&修改项目根目录下的 webpack.mix.js 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.extract(['vue','axios']);
&/code&&/pre&&/div&&p&&br&&/p&&p&extract 方法接收包含所有库的数组或你想要提取到 vendor.js 文件的模块，使用上述代码作为示例，Mix 将会生成如下文件：&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&public/js/manifest.js
// Webpack manifest runtime
public/js/vendor.js
// vendor 库
public/js/app.js
// 应用代码
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&p&同时修改 resources/views/index.blade.php 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&meta name=&csrf-token& content=&{{ csrf_token() }}&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/manifest.js') }}&&&/script&
&script src=&{{ mix('js/vendor.js') }}&&&/script&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&全局的 mix 函数会根据 public/mix-manifest.json 中的路径去加载对应的文件，同时也要注意引入三个 js 文件的顺序，以避免出错。&/p&&p&重新执行命令，就可以了。&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&使用下面的命令，可以监视前端资源的改变，并自动编译。&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run watch
&/code&&/pre&&/div&&p&&br&&/p&&h2&总结&/h2&&p&到目前为止，这篇文章也快写完了，为了便于理解，本文第一次搭建时，尽量简单，能运行即可，成功之后，再添加其它功能。前端编译工具使用基于 webpack 的 Laravel Mix，一般情况下，它可以满足大部分的需求，当然你也可以完全抛弃 Laravel Mix，配置自己的 webpack，后期如果有需求，可以再写一篇相关的文章。&/p&&p&本文全部代码，可以到 github 上获取：&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//github.com/mrzhouxiaofei/Larvuent& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/mrzhouxiaofe&/span&&span class=&invisible&&i/Larvuent&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&如有疑问，欢迎回复交流。&br&&/p&&p&作者：&a href=&https://www.zhihu.com/people/qianxinzuoshi/activities& class=&internal&&潜心做事&/a&&/p&&p&原文：&a href=&http://link.zhihu.com/?target=http%3A//mrzhouxiaofei.com//Laravel5.5%20Vue2%20Element%%258E%25AF%25E5%25A2%%2590%25AD%25E5%25BB%25BA/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Laravel5.5 + Vue2 + Element 环境搭建&/a&&/p&
更新说明2018 年 1 月 25 日更新开始写这篇文章时，Element 的版本还是 1.4，现在已经来到 2.0 了，有些步骤需要修改，特此说明。第 9 步，修改 Hello.vue 文件，使用 Element 组件 中el-dialog v-model="visible"&修改为&el-dialog :visible.sync="visible…
&p&&b&1.&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/subconscious/p/5058741.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&神经网络深入浅出&/a&
！！！！！！！！!！！！！！！！！&/b&&/p&&p&&br&&/p&&p&&b&认真看两遍，保证你神清气爽。&/b&&/p&&p&&b&看懂了后，回来点个赞，就当你的答谢了。&/b&&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&这个博客下的另一篇文章也写的不错&/b&&/p&&p&2.&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/subconscious/p/4107357.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从机器学习谈起&/a&
不错，不过，我推的都只是适合初学者哦，大神们绕道走开&/p&&p&&br&&/p&&p&&br&&/p&&p&3.还有一篇关于SVM的，虽然有点跑题了，但是也觉得特别好。&a href=&//link.zhihu.com/?target=http%3A//blog.pluskid.org/%3Fpage_id%3D683& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVM讲解&/a&&/p&&p&虽然第三个链接有点跑题，但是讲真，学AI怎能不学SVM，这是我在一次双语课上做pre，查资料用到的最多的一个blog了。认真看两遍，基本可以自己跑代码了。还是不会的，欢迎私信我，一起进步。&/p&&hr&&p&哈哈哈哈哈
开心，我以为会没人看，一晚上醒来赞变多了，也算是肯定了。学神经网络的人儿们好好努力哦，好了，大早上的，我也继续看书了。&/p&
1. ！！！！！！！！!！！！！！！！！ 认真看两遍，保证你神清气爽。看懂了后，回来点个赞，就当你的答谢了。 这个博客下的另一篇文章也写的不错2. 推荐 不错，不过，我推的都只是适合初学者哦，大神们绕道走开 3.还有一篇…
&figure&&img src=&https://pic4.zhimg.com/v2-a31faffd4194_b.jpg& data-rawwidth=&603& data-rawheight=&263& class=&origin_image zh-lightbox-thumb& width=&603& data-original=&https://pic4.zhimg.com/v2-a31faffd4194_r.jpg&&&/figure&&blockquote&前言：本教程只面向那些个人开发者，想要自己在linux上搭建一个git中央仓库用来上传发布自己的项目。但是对于团队来说可能有更高的要求，可以使用 &a href=&https://link.zhihu.com/?target=https%3A//about.gitlab.com/downloads/%23centos7& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gitlab&/a& 搭建一个可视化的类似github的版本管理系统&/blockquote&&h2&测试环境&/h2&&p&我使用的linux版本是Centos7，如果大家使用的是其他发行版本，步骤也都是一样的&/p&&br&&h2&安装Git&/h2&&p&Centos上使用的是yum的安装方式&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&yum install -y git
&/code&&/pre&&/div&&h2&创建一个Git用户来运行Git服务&/h2&&p&1.创建git用户&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&adduser git
&/code&&/pre&&/div&&p&2.设置用户密码&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&passwd git
&/code&&/pre&&/div&&p&3.禁止shell登录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim /etc/passwd
&/code&&/pre&&/div&&p&找到git用户的那一行并进行修改&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&将
git:x::,,,:/home/git:/bin/bash
git:x::,,,:/home/git:/usr/bin/git-shell
&/code&&/pre&&/div&&p&这样一来刚创建git用户可以正常通过ssh使用git，但是无法登录shell，会更加的安全&/p&&h2&创建客户端登录证书&/h2&&p&1.客户端创建私钥和公钥&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&ssh-keygen -t rsa -C &span class=&s2&&&&&/span&
&/code&&/pre&&/div&&p&创建后你的用户主目录下面就有个.ssh文件夹，里面的id.rsa就是私钥，id.rsa_pub就是公钥。公钥里面的内容待会要用到&/p&&p&2.git 服务器打开RSA验证&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim /etc/ssh/sshd_config
&/code&&/pre&&/div&&p&找到并去掉前面的#号&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&RSAAuthentication yes
PubkeyAuthentication yes
AuthorizedKeysFile
.ssh/authorized_keys
&/code&&/pre&&/div&&p&最后效果如图所示&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a39de3ea2_b.jpg& data-rawwidth=&709& data-rawheight=&173& class=&origin_image zh-lightbox-thumb& width=&709& data-original=&https://pic3.zhimg.com/v2-a39de3ea2_r.jpg&&&/figure&&p&3.在git用户的主目录里新建.ssh文件夹，然后在文件夹里面新建文件authorized_keys&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git
mkdir .ssh
&span class=&nb&&cd&/span& .ssh
vim authorized_keys
&/code&&/pre&&/div&&p&4.将客户端的id.rsa_pub公钥写进文件authorized_keys，一行一个。添加了这个以后你连接中央仓库就不需要输入密码了，直接使用公钥和私钥的验证方式&/p&&h2&创建git中央仓库&/h2&&p&1.进入git用户主目录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git
&/code&&/pre&&/div&&p&2.创建一个裸仓库 (一般以.git结尾)&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&git init --bare test.git
&span class=&c1&&#以test.git为例子,当然你可以叫任意名字&/span&
&/code&&/pre&&/div&&p&裸仓库是没有工作区的，纯粹为了共享&/p&&p&3.修改仓库用户属主&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&chown -R git:git test.git
&/code&&/pre&&/div&&h2&使用git hook&/h2&&blockquote&中央仓库其实只是一个中介，如果你想要把中央仓库的代码关联到你域名挂载下的文件夹时候，就需要使用到git的钩子来实现，当客户端提交代码到中央仓库，中央仓库能将代码也推送到另外的一个文件夹下面&/blockquote&&p&1.在服务器初始化一个本地仓库&/p&&p&这个仓库就是你虚拟主机指定的文件夹，也就是你输入域名后会访问到的那个文件夹&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /var/www
&span class=&c1&&#进入你虚拟主机的挂载目录&/span&
&span class=&c1&&#初始化git&/span&
git remote add origin /home/git/test.git
&span class=&c1&&#添加远程仓库到隔壁的中央仓库(滑稽)&/span&
chown -R git:git /var/www
&span class=&c1&&#修改服务器本地仓库的用户属组&/span&
&/code&&/pre&&/div&&p&2.在中央仓库中设置钩子&/p&&p&进入远程仓库的钩子目录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git/test.git/hooks
&/code&&/pre&&/div&&p&新建一个文件post-receive&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim post-receive
&/code&&/pre&&/div&&p&编写shell脚本&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&ch&&#!/bin/sh&/span&
&span class=&nb&&unset&/span& GIT_DIR
&span class=&nv&&DeployPath&/span&&span class=&o&&=&/span&/var/www
&span class=&c1&&#这里的目录是你自己虚拟主机的目录&/span&
&span class=&nb&&cd&/span& &span class=&nv&&$DeployPath&/span&
git add . -A &span class=&o&&&&&/span& git stash
git pull origin master
&/code&&/pre&&/div&&p&当然你也可以视情况而定，将这个脚本编写得更加强大&/p&&p&给文件post-receive添加可执行权限&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&chmod +x post-receive
&/code&&/pre&&/div&&h2&客户端远程git服务器&/h2&&p&这应该也是大家最期待的步骤了，实现本地提交代码上服务器，通过钩子实现项目的自动部署&/p&&p&其实到了这一步，就和你以前使用git上传代码到github上面没有什么区别了&/p&&p&1.克隆中央仓库&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&方法一
git clone git@192.168.229.130:test.git
&span class=&c1&&#把ip换成你自己服务器的ip&/span&
git remote add origin git@118.89.28.249:test.git
&span class=&c1&&#把ip换成你自己服务器的ip&/span&
&/code&&/pre&&/div&&br&&p&2.推送远程服务器 (第一次加上-u参数)&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&git push -u origin master
&/code&&/pre&&/div&&h2&结尾&/h2&&p&通过上面的这些步骤其实就可以实现一个简易的git服务器了，是不是很简单呢?&/p&
前言：本教程只面向那些个人开发者，想要自己在linux上搭建一个git中央仓库用来上传发布自己的项目。但是对于团队来说可能有更高的要求，可以使用
搭建一个可视化的类似github的版本管理系统测试环境我使用的linux版本是Centos7，如果大家使用的是其…
&figure&&img src=&https://pic1.zhimg.com/v2-e964b7b6a95ef9b167dd4a_b.jpg& data-rawwidth=&750& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-e964b7b6a95ef9b167dd4a_r.jpg&&&/figure&&p&Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。&/p&&p&就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。&/p&&h2&&b&1.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcoderfee.open-html-in-browser& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Open-In-Browser&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_r.jpg&&&/figure&&p&由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcoderfee.open-html-in-browser& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&2.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//quokkajs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Quokka&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_r.jpg&&&/figure&&p&Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//quokkajs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&3.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Ddeerawan.vscode-faker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Faker&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_r.jpg&&&/figure&&p&使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落，并且每个类别还包含了各种子类别，你可以根据自身的需求来使用这些数据。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Ddeerawan.vscode-faker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&4.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dpranaygp.vscode-css-peek& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Peek&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_b.jpg& data-rawwidth=&764& data-rawheight=&319& data-thumbnail=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_r.jpg&&&/figure&&p&使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dpranaygp.vscode-css-peek& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&5.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dsidthesloth.html5-boilerplate& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML Boilerplate&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_b.jpg& data-rawwidth=&764& data-rawheight=&416& data-thumbnail=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_r.jpg&&&/figure&&p&通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dsidthesloth.html5-boilerplate& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&6.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Desbenp.prettier-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Prettier&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_b.jpg& data-rawwidth=&764& data-rawheight=&375& data-thumbnail=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_r.jpg&&&/figure&&p&Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DRobinMalfait.prettier-eslint-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Prettier – Eslint &/a&插件，你可不要错过咯！&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Desbenp.prettier-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&7.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dbierner.color-info& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Color Info&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-faaba4f8fd_b.jpg& data-rawwidth=&764& data-rawheight=&364& data-thumbnail=&https://pic1.zhimg.com/v2-faaba4f8fd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-faaba4f8fd_r.jpg&&&/figure&&p&这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dbierner.color-info& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&8.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcssho.vscode-svgviewer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVG Viewer&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_b.jpg& data-rawwidth=&764& data-rawheight=&386& data-thumbnail=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_r.jpg&&&/figure&&p&此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcssho.vscode-svgviewer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&9.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwayou.vscode-todo-highlight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TODO Highlight&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_b.jpg& data-rawwidth=&763& data-rawheight=&377& data-thumbnail=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_b.jpg& class=&origin_image zh-lightbox-thumb& width=&763& data-original=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_r.jpg&&&/figure&&p&这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwayou.vscode-todo-highlight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&10.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Didleberg.icon-fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Icon Fonts&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_b.jpg& data-rawwidth=&765& data-rawheight=&346& data-thumbnail=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_r.jpg&&&/figure&&p&这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Didleberg.icon-fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&11.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DHookyQR.minify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Minify&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_b.jpg& data-rawwidth=&765& data-rawheight=&368& data-thumbnail=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_r.jpg&&&/figure&&p&这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过&a href=&https://link.zhihu.com/?target=http%3A//lisperator.net/uglifyjs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& uglify-js&/a&、&a href=&https://link.zhihu.com/?target=https%3A//github.com/jakubpawlowicz/clean-css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&clean-css &/a&和&a href=&https://link.zhihu.com/?target=http%3A//kangax.github.io/html-minifier/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& html-minifier&/a&，与 JavaScript、CSS 和 HTML 协同工作。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DHookyQR.minify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&12.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwmaurer.change-case& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Change Case&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_b.jpg& data-rawwidth=&765& data-rawheight=&328& data-thumbnail=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_r.jpg&&&/figure&&p&虽然 VSCode 内置了开箱即用的文本转换选项，但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwmaurer.change-case& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&13.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dchrmarti.regex& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Regex Previewer&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_b.jpg& data-rawwidth=&765& data-rawheight=&364& data-thumbnail=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_r.jpg&&&/figure&&p&这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dchrmarti.regex& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&14.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DLanguages%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Language and Framework Packs&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-61c1b02fef05b56c118de668e157cf15_b.jpg& data-rawwidth=&1536& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1536& data-original=&https://pic3.zhimg.com/v2-61c1b02fef05b56c118de668e157cf15_r.jpg&&&/figure&&p&VSCode 默认支持大量的主流编程语言，但如果你所使用的编程语言不包括在内，也可以通过下载扩展包来自动添加。同时，你还可以添加一些像&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dvsmobile.vscode-react-native& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& React Native &/a&与 &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dhollowtree.vue-snippets& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue &/a&的相关 Web 开发插件包。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DLanguages%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&15.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DThemes%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Themes&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-23f9c3f5dc1c7b9e294c7576d37dea76_b.jpg& data-rawwidth=&1536& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1536& data-original=&https://pic4.zhimg.com/v2-23f9c3f5dc1c7b9e294c7576d37dea76_r.jpg&&&/figure&&p&当然，在众多的实用插件中，岂能少了漂亮的主题呢？你每天都会与你的 VSCode 编辑器进行“亲密的接触”，为何不把它打扮得更漂亮些呢？这里有一些帮助你更改侧边栏的配色方案，以及图标的相关主题，与大家分享：&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dazemoh.one-monokai& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&One Monokai&/a&&/b& &/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwhtsky.agila-theme& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Aglia&/a&&/b&&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dazemoh.theme-onedark& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&One Dark&/a&&/b&&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DPKief.material-icon-theme& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Material Icon&/a&&/b&&/p&&p&感谢你的阅读。若你有所收获，欢迎点赞与分享。&/p&&p&&b&注：&/b&&/p&&ol&&li&本文版权归原作者所有，仅用于学习与交流；&/li&&li&如需转载译文，烦请按下方注明出处信息，谢谢！&/li&&/ol&&blockquote&英文原文：&a href=&https://link.zhihu.com/?target=https%3A//tutorialzine.com/-essential-plugins-for-visual-studio-code& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&15 Essential Plugins for Visual Studio Code&/a&&br&作者：Danny Markov&br&译者：&a href=&https://link.zhihu.com/?target=http%3A//weibo.com/itlion114/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT程序狮&/a&&br&译文地址：&a href=&https://link.zhihu.com/?target=http%3A//www.jianshu.com/p/1c178f5c029c& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jianshu.com/p/1c178f5c0&/span&&span class=&invisible&&29c&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我…
&p&前段时间快要毕业，而我又不想找自己的老本行Java开发了，所以面了很多Python爬虫岗位。因为我在南京上学，所以我一开始只是在南京投了简历，我一共面试了十几家企业，其中只有一家没有给我发offer，其他企业都愿意给到10K的薪资，不要拿南京的薪资水平和北上深的薪资水平比较，结合面试常问的问题类型说一说我的心得体会。&/p&&p&&br&&/p&&p&第一点：Python&/p&&p&因为面试的是Python爬虫岗位，面试官大多数会考察面试者的基础的Python知识，包括但不限于：&/p&&ul&&li&Python2.x与Python3.x的区别&/li&&li&Python的装饰器&/li&&li&Python的异步&/li&&li&Python的一些常用内置库，比如多线程之类的&/li&&/ul&&p&&br&&/p&&p&第二点：数据结构与算法&/p&&p&数据结构与算法是对面试者尤其是校招生面试的一个很重要的点，当然小公司不会太在意这些，从目前的招聘情况来看对面试者的数据结构与算法的重视程度与企业的好坏成正比，那些从不问你数据结构的你就要当心他们是否把你当码农用的，当然以上情况不绝对，最终解释权归面试官所有。&/p&&p&&br&&/p&&p&第三点：Python爬虫&/p&&p&最重要也是最关键的一点当然是你的Python爬虫相关的知识与经验储备，这通常也是面试官考察的重点，包括但不限于：&/p&&ul&&li&你遇到过的反爬虫的策略有哪些？&/li&&li&你常用的反反爬虫的方案有哪些？&/li&&li&你用过多线程和异步吗？除此之外你还用过什么方法来提高爬虫效率？&/li&&li&有没有做过增量式抓取？&/li&&li&对Python爬虫框架是否有了解？&/li&&/ul&&p&&br&&/p&&p&第四点：爬虫相关的项目经验&/p&&p&爬虫重在实践，除了理论知识之外，面试官也会十分注重爬虫相关的项目：&/p&&ul&&li&你做过哪些爬虫项目？如果有Github最好&/li&&li&你认为你做的最好的爬虫项目是哪个？其中解决了什么难题？有什么特别之处？&/li&&/ul&&p&&br&&/p&&p&以上是我在面试过程中，会碰到的一些技术相关的问题的总结，当然面试中不光是技术这一点，但是对于做技术的，过了技术面基本上就是薪资问题了。&/p&&p&&br&&/p&&p&也许有人问我现在在哪家公司做爬虫开发？很抱歉，最终我放弃了南京的所有机会到了上海做我更喜欢的岗位：数据工程师。&/p&&p&&br&&/p&&p&&b&很多人问我如何学习Python爬虫，为此我整理编写了一本Python爬虫相关的电子书，主要包括Python入门、Python爬虫入门到进阶、Python爬虫面试总结等等。可以在微信公众号【一个程序员的日常】后台回复关键词【1】获取这本电子书。&/b&&/p&
前段时间快要毕业，而我又不想找自己的老本行Java开发了，所以面了很多Python爬虫岗位。因为我在南京上学，所以我一开始只是在南京投了简历，我一共面试了十几家企业，其中只有一家没有给我发offer，其他企业都愿意给到10K的薪资，不要拿南京的薪资水平和北…
&figure&&img src=&https://pic1.zhimg.com/v2-f836fe4e42f8b2bc3474e8_b.jpg& data-rawwidth=&1297& data-rawheight=&726& class=&origin_image zh-lightbox-thumb& width=&1297& data-original=&https://pic1.zhimg.com/v2-f836fe4e42f8b2bc3474e8_r.jpg&&&/figure&&blockquote&&b&简评：&/b&国外开发团队最近推出一个&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&开源搜索引擎&/a&，当你进行搜索时，它可以自动生成一张思维导图，向用户显示学习该主题的最佳分步指南。&/blockquote&&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&You can learn anything
&/a&&figure&&img src=&https://pic1.zhimg.com/v2-b61e7fda0c4b321db0b6a3_b.jpg& data-rawwidth=&2156& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&2156& data-original=&https://pic1.zhimg.com/v2-b61e7fda0c4b321db0b6a3_r.jpg&&&/figure&&h2&&b&搜索引擎演示&/b&&/h2&&p&主页：&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/learn_anything& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learn Anything&/a&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_b.jpg& data-rawwidth=&1200& data-rawheight=&1200& data-thumbnail=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_r.jpg&&&/figure&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&上图是该搜索引擎的搜索交互图
&/code&&/pre&&/div&&p&用户只需输入关键词，搜索引擎就会自动进行联想。当用户键入关键词后，它将显示深入学习该主题的思维导图。比如，搜索「Android」，用户将会看到关于该主题的搜索节点：&figure&&img src=&https://pic3.zhimg.com/v2-25f6fdaaa28_b.jpg& data-rawwidth=&1074& data-rawheight=&907& class=&origin_image zh-lightbox-thumb& width=&1074& data-original=&https://pic3.zhimg.com/v2-25f6fdaaa28_r.jpg&&&/figure&&/p&&p&我们再来搜索一下「PHP」，看看它是不是最吼的语言：&figure&&img src=&https://pic2.zhimg.com/v2-35bbddbedeb691_b.jpg& data-rawwidth=&951& data-rawheight=&765& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic2.zhimg.com/v2-35bbddbedeb691_r.jpg&&&/figure&&/p&&p&喏，在 php 父节点下的右子树给了我们答案 —— awesome php，「awesome」就是超劲的意思&i&（粤语腔）&/i&。好的你们赢了，PHP 是最吼的语言！&/p&&br&&p&言归正传，这个搜索引擎是&a href=&https://link.zhihu.com/?target=https%3A//github.com/learn-anything/search& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&完全开源&/a&的。该项目主要是通过可视化和结构化来帮助用户快速掌握新知识，最终愿景是形成所有可供探索的世界知识互动思维导图。&br&&/p&&blockquote&&b&项目地址：&/b&&a href=&https://link.zhihu.com/?target=https%3A//github.com/nikitavoloboev/learn-anything& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&learn-anything&/a&&br&&br&&b&推荐阅读：&/b&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&开发者提到最多的十个 GitHub 仓库&/a&&/blockquote&&p&欢迎关注：知乎专栏「&a href=&https://zhuanlan.zhihu.com/jiguang-daily& class=&internal&&极光日报&/a&」，每天为 Makers 导读三篇优质英文文章。&/p&
简评：国外开发团队最近推出一个，当你进行搜索时，它可以自动生成一张思维导图，向用户显示学习该主题的最佳分步指南。搜索引擎演示主页：上图是该搜索引擎的搜索交互图用户只需输入关键词，搜索引…
&p&先重点推荐一个chrome插件&/p&&p&PTHospital
&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5BOywU& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5BOywU&/span&&span class=&invisible&&&/span&&/a& &/p&&p&让莆田系医院无所遁形&/p&&p&电脑软件、chrome插件以及手机app全面推荐一下~&/p&&p&&b&一、电脑&/b&&/p&&p&&b&1.ABBYY&/b&&/p&&p&ABBYY FineReader称得上是目前最好的图片识别软件，精确度高达98%，图片中的表格、图表及排版转化后几乎都会保留原样。更多图转文工具详见结尾处。&/p&&p&评论区推荐： &/p&&blockquote&ABBYY只适合处理某一种语言的纯文本。不适用于双语文本。 也不适用于数学公式识别。 acrobat pro xi也是一样的。 后者支持将文本制作的PDF转制成word的能力。一般识别过后需要人工核对。 &/blockquote&&figure&&img src=&https://pic4.zhimg.com/50/v2-cf3df2de65e_b.jpg& data-rawwidth=&574& data-rawheight=&428& class=&origin_image zh-lightbox-thumb& width=&574& data-original=&https://pic4.zhimg.com/50/v2-cf3df2de65e_r.jpg&&&/figure&&br&&p&&b&2.Everything&/b&&/p&&p&Everything的良心不用多说了吧，经过很多用户的自来水安利也已经变得不再小众不为人知，就是一款文件搜索工具，占存小，速度快。&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-44ff1e56b852e9ed5c8714_b.jpg& data-rawwidth=&698& data-rawheight=&607& class=&origin_image zh-lightbox-thumb& width=&698& data-original=&https://pic3.zhimg.com/50/v2-44ff1e56b852e9ed5c8714_r.jpg&&&/figure&&br&&p&&b&3.硕鼠&/b&&/p&&p&下载视频神器，支持的网站也很全面了，下个客户端复制视频链接就可以强势下载了，同类型还有个不错的——IDM。&/p&&p&评论区推荐：&/p&&blockquote& 不推荐硕鼠，youtube-dl好用多了(不要被名字骗了，其实它什么都能下) &/blockquote&&figure&&img src=&https://pic2.zhimg.com/50/v2-bdff74eb35d7bf7_b.jpg& data-rawwidth=&906& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&906& data-original=&https://pic2.zhimg.com/50/v2-bdff74eb35d7bf7_r.jpg&&&/figure&&br&&p&&b&4.QQ影音&/b&&/p&&p&当初是因为它有个截取部分视频转化为GIF动图的功能下载了它，然后用到现在。&/p&&br&&p&&b&5.DITTO&/b&&/p&&p&剪切板增强神器，可以免安装，准确击中用户的痛点。主要功能就是记住海量的复制内容，不用烦恼复制的东西要马上粘贴掉，只要两台电脑都安装了它，在局域网内可以实现同步复制粘贴。&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-c47ceaffbdb4fa89f55e306_b.jpg& data-rawwidth=&619& data-rawheight=&508& class=&origin_image zh-lightbox-thumb& width=&619& data-original=&https://pic4.zhimg.com/50/v2-c47ceaffbdb4fa89f55e306_r.jpg&&&/figure&&p&&b&6.CCleaner&/b&&/p&&p&清理电脑垃圾用，关键是速度，不用受360、金山......的煎熬了&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-4bc6bd92fe8e_b.jpg& data-rawwidth=&683& data-rawheight=&276& class=&origin_image zh-lightbox-thumb& width=&683& data-original=&https://pic4.zhimg.com/50/v2-4bc6bd92fe8e_r.jpg&&&/figure&&br&&p&&b&7.f.lux&/b&&/p&&p&很智能化的电脑屏幕调节软件，当你看电脑时间过长，感觉眼睛干涩时才发现电脑亮度是不是太亮了。有了f.lux就不要担心了，根据你所在的城市自动调节色亮度。&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-4b6ac0cda1e_b.jpg& data-rawwidth=&552& data-rawheight=&229& class=&origin_image zh-lightbox-thumb& width=&552& data-original=&https://pic3.zhimg.com/50/v2-4b6ac0cda1e_r.jpg&&&/figure&&br&&p&&b&8.Tickeys&/b&&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-5e9e7bbdee39ad033b1e1f4_b.jpg& data-rawwidth=&316& data-rawheight=&264& class=&content_image& width=&316&&&/figure&&p&让你找回打字的乐趣，可以模拟上图五种声音的打字音效，这种模拟音效的好处就是带上耳机也可以听到哈哈。（然而还是真正的机械键盘好用。。自己拆自己的台&/p&&br&&p&&b&9.格式工厂&/b&&/p&&p&转格式一直在用这个&/p&&p&评论区推荐： &/p&&blockquote&格式转换我推荐ffmpeg &/blockquote&&br&&p&&b&10.Snipaste&/b&&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-ab0ce3fbfa837ac4e1289_b.jpg& data-rawwidth=&798& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&798& data-original=&https://pic3.zhimg.com/50/v2-ab0ce3fbfa837ac4e1289_r.jpg&&&/figure&&p&据说是作者耗时三年的良心开发，专注截图功能，滚动截图，截长图...想怎么截就怎么截，不过我觉得如果只是简单的截图需求用qq就够了。&/p&&br&&p&&b&11.GIFcam&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-99ea023da014_b.jpg& data-rawwidth=&410& data-rawheight=&300& class=&content_image& width=&410&&&/figure&&p&简便的录屏工具，适合短时间的录制。&/p&&br&&p&&b&12.Tatal Commader&/b&&/p&&p&功能非常全面的资源管理器替代软件，快捷键、批量修改、文件收藏。。让你的文件管理更有效率。&/p&&br&&p&&b&13.CHROME浏览器&/b&&/p&&p&Chrome必须得提一提哈，有很多很好用的插件加成，chorme插件推荐请看下一部分（用一整个部分说明它的良心…）&/p&&br&&br&&p&&b&二、CHROME插件&/b&&/p&&p&首先是必推的一个，有了这个，你会发现新世界大门向你打开。&/p&&p&&b&1.Tampermonkey&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/7xsFz& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/7xsFz&/span&&span class=&invisible&&&/span&&/a& &/p&&p&装好插件后可以到 &a href=&//link.zhihu.com/?target=http%3A//greasyfork.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&greasyfork.org&/span&&span class=&invisible&&&/span&&/a& 下载很多厉♂害的脚本&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-1ca3d7de2d7a832b3081360edecf9488_b.jpg& data-rawwidth=&733& data-rawheight=&655& class=&origin_image zh-lightbox-thumb& width=&733& data-original=&https://pic2.zhimg.com/50/v2-1ca3d7de2d7a832b3081360edecf9488_r.jpg&&&/figure&&br&&p&&b&2.AdBlock&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/fjr47& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/fjr47&/span&&span class=&invisible&&&/span&&/a& &/p&&p&屏蔽广告的插件首选吧，效果不错，但不是万能的。&/p&&p&&b&3.onetab&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5nCZMh& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5nCZMh&/span&&span class=&invisible&&&/span&&/a& &/p&&p&对于用着渣渣电脑又爱开很多标签页的我是一大救星插件啊，点击一下就可以把当前浏览器打开的所有标签页集中到一个页面，电脑瞬间就不卡了Orz……&/p&&p&&b&4.偏爱微软雅黑字体&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtREl& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtREl&/span&&span class=&invisible&&&/span&&/a& &/p&&p&长时间使用电脑的还是换个无衬线字体看的舒服些，网页上很多都是有激凸的字体真的辣眼睛。&/p&&p&&b&5.印象笔记·剪藏&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/3JoYIZ& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/3JoYIZ&/span&&span class=&invisible&&&/span&&/a& &/p&&p&随时把网上看到的好的内容剪藏到印象笔记中&/p&&p&&b&6.方片收集&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtSUB& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtSUB&/span&&span class=&invisible&&&/span&&/a& &/p&&p&没有使用印象笔记的可以用这款收集插件，超级方便，在网页上拖拽进行收藏，也比较适合收藏图片。&/p&&p&&b&7. I'm a Gentleman&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtTNC& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtTNC&/span&&span class=&invisible&&&/span&&/a& &/p&&p&想把网页上的图片下载下来就用它。&/p&&p&&b&8. 眼不见心不烦（新浪微博）&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtTZI& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtTZI&/span&&span class=&invisible&&&/span&&/a& &/p&&p&把微博变成一个良心软件:)&/p&&p&&b&9. 一键管理所有扩展&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtUFa& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtUFa&/span&&span class=&invisible&&&/span&&/a& &/p&&p&按了这么多插件不是每一个都会经常用到，灵活管理插件的使用。&/p&&p&&b&10.stylish&/b&&/p&&p&评论区推荐：&/p&&blockquote&chrome 插件推荐一个 stylish，有一个脚本支持 旧版知乎， 也有脚本 支持百度贴吧改排版。它的特点是 针对特定的网站。 &/blockquote&&p&&b&11.净网大师&/b&&/p&&p&评论区推荐：&/p&&blockquote& 屏蔽广告的插件我觉得还是净网大师好用（其他的像AD这种效果不错但是对国内的视频网站效果就不太好了，经常无法拦截视频广告），不需要科学上网的朋友还是建议装个净网大师（chrome应用商店可以直接下载的） &/blockquote&&br&&br&&p&&b&三、手机&/b&&/p&&p&&b&1.CS全能扫描王&/b&&/p&&p&这个APP名字起得没毛病，很全能，随时随地扫描纸质文件变身电子档，细节方面也做得很好。&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-e204a533e1_b.jpg& data-rawwidth=&1084& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&1084& data-original=&https://pic4.zhimg.com/50/v2-e204a533e1_r.jpg&&&/figure&&br&&p&&b&2.Acfun+哔哩哔哩&/b&&/p&&p&无广告，资源丰富，很多大神up主制作的视频能看一整天…&/p&&p&UP主推荐详见结尾处推荐回答&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-a1a1e458a68b165c5d7a97e73cacc0e5_b.jpg& data-rawwidth=&1199& data-rawheight=&463& class=&origin_image zh-lightbox-thumb& width=&1199& data-original=&https://pic2.zhimg.com/50/v2-a1a1e458a68b165c5d7a97e73cacc0e5_r.jpg&&&/figure&&br&&p&&b&3.officelens&/b&&/p&&p&微软的手机软件做的也很棒， 职场人士可以用它对办公中的名片等一些纸质文件进行扫描，对于学生来说，拿来拍上课的PPT也是很不错的，摆正位置功能很良心。&/p&&p&&b&4.朗易思听&/b&&/p&&p&练英语听力app里我觉得最好的，界面好看，资源全面，有免费下载次数限制。&/p&&p&&b&5.一键生成&/b&&/p&&p&做海报、名片甚至PPT都能一键生成，够良心了吧。&/p&&p&&b&6.酷安市场&/b&&/p&&p&APP下载市场中的“网易云音乐”。&/p&&p&&b&7.讯飞输入法&/b&&/p&&p&语音秒变文字，竟然还可以识别方言…&/p&&p&&b&8.护眼宝&/b&&/p&&p&手机中的护眼工具我推荐这个&/p&&p&评论区推荐：&/p&&p&&b&薄暮微光&/b&（我下载体验了下其实跟电脑软件里的护目类推荐f.lux差不多，能够根据时间自动调节光亮）&/p&&p&&b&9.Instapaper&/b&&/p&&p&稍后阅读类软件推荐，可以语音阅读，国内的收趣云也是不错的，相对来说收藏速度收趣云比较快，而Instapaper的优势在于简洁，英文语音较好。&/p&&p&&b&10.潮汐&/b&&/p&&p&最喜欢它的白噪音，帮助你放松身心，全新投入当前的学习工作之中。&/p&&p&&b&11.美字&/b&&/p&&p&可以制作文字云，文字云是啥？就是用文字拼凑出一些形状或物件的效果。&/p&&p&&b&12.照片扫描仪&/b&&/p&&p&一些老照片用手机拍是不是都会有反光？用这个可以完美消除。&/p&&p&&b&13.google翻译&/b&&/p&&p&解锁中国区啦&/p&&p&&b&14.Tailor&/b&&/p&&p&微博长图怎么制作？用这个来拼接即可。&/p&&br&&br&&p&收藏的同学记得常回来看看，这个答案持续更新，方便的话还请给个赞~蟹蟹尼&/p&&p&另外评论区惊现各路大神，大家有推荐的良心软件欢迎留言~&/p&&p&待更（已更三次）&/p&&br&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&如何把图片文字转换成word文字？ - 知乎&/a&&/p&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&哔哩哔哩有哪些值得推荐的UP主及其代表作？ - 知乎&/a&&/p&&br&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&五小步，轻松梳理你的答辩PPT制作 - 知乎专栏&/a&
新专栏开通欢迎关注~，关于神器、网站、PPT。&/p&
先重点推荐一个chrome插件PTHospital
让莆田系医院无所遁形电脑软件、chrome插件以及手机app全面推荐一下~一、电脑1.ABBYYABBYY FineReader称得上是目前最好的图片识别软件，精确度高达98%，图片中的表格、图表及排版转化后几乎都会保…
&figure&&img src=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_r.jpg&&&/figure&&p&问耕 发自 LZYY&br&量子位 报道 | 公众号 QbitAI&/p&&p&人工智能又来拯救你的涂鸦大作了！&/p&&p&今年2月底，量子位介绍过一个“分分钟画只猫”的AI应用，如今三个月过去，还是相同的配方、还是熟悉的味道，只不过这次变成画人脸。&/p&&p&量子位玩了一会儿，简直再次上瘾~&/p&&p&方法很简单，你信手画一个人脸，儿童简笔画水准也好，素描大师水准也好，只要勾勒一个大致的人脸轮廓，然后点击一下中间的红色按钮，神奇的事情就发生了！&/p&&p&你的画作会被AI完善成一幅艺术大作！&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_b.jpg& data-rawwidth=&540& data-rawheight=&256& data-thumbnail=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_b.jpg& class=&origin_image zh-lightbox-thumb& width=&540& data-original=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_r.jpg&&&/figure&上面这个动图就是全程的生动说明。&/p&&p&下面量子位再贴几张其他大师的作品，大家感受一下。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-6ac3d6aa1f7f8a68ffadf6e_b.jpg& data-rawwidth=&1200& data-rawheight=&674& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-6ac3d6aa1f7f8a68ffadf6e_r.jpg&&&/figure&&p&&figure&&img src=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-5ba46d960a9c67df83b141961ccb5264_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-5ba46d960a9c67df83b141961ccb5264_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-8ba3a20fac_b.jpg& data-rawwidth=&1200& data-rawheight=&660& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic1.zhimg.com/v2-8ba3a20fac_r.jpg&&&/figure&灵魂画手们心动了没？想不想试一试？传送门在此：&/p&&a href=&https://link.zhihu.com/?target=http%3A//fotogenerator.npocloud.nl/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&fotogenerator.npocloud.nl&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&p&这个画脸的应用来自荷兰，欧洲那个荷兰。这个人工智能网络使用了200张Lara Rense女士的照片训练而成。&/p&&p&据说只上线测试两周~&/p&&h1&背后技术&/h1&&p&和之前的画猫一样，这个AI应用背后的技术，也是基于有条件对抗网络的图像到图像翻译。这个网络不仅能学习从输入图像到输出图像的映射，而且还能学习一个损失函数来训练这一映射。&/p&&p&这使得传统上可能需要不同损失函数的问题，能够应用相同的通用方法。也就是说能在不必手动设计损失函数的情况下实现合理的结果。&/p&&p&这种方法被证明在以标签图合成照片、从边缘图重建对象、图像着色等任务中有效。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-baee377fe9c15a1b1820fcaf0da34037_b.jpg& data-rawwidth=&1280& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-baee377fe9c15a1b1820fcaf0da34037_r.jpg&&&/figure&这项研究来自加州大学伯克利分校的Phillip Isola、Jun-Yan Zhu、Tinghui Zhou以及Alexei A. Efros。他们还公布了相关的论文和代码。&/p&&p&论文传送门&/p&&a href=&https://link.zhihu.com/?target=https%3A//arxiv.org/pdf/v1.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&arxiv.org/pdf/&/span&&span class=&invisible&&4v1.pdf&/span&&span class=&ellipsis&&&/span&&/a&&p&代码传送门&/p&&ul&&li&Torch版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/phillipi/pix2pix& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&phillipi/pix2pix&/a&&/li&&br&&li&PyTorch版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/junyanz/pytorch-CycleGAN-and-pix2pix& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&junyanz/pytorch-CycleGAN-and-pix2pix&/a&&br&&/li&&li&TensorFlow版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/affinelayer/pix2pix}
&img class=&thumbnail& src=&https://pic1.zhimg.com/80/v2-7fddbe6d8d6a25b0573d1c_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/1348352&/span&
&/a&&p&原出处：&/p&&a href=&//link.zhihu.com/?target=https%3A//youtu.be/kPRA0W1kECg& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&youtu.be/kPRA0W1kECg&/span&&span class=&invisible&&&/span&&/a&&p&开源项目地址：&/p&&a href=&//link.zhihu.com/?target=http%3A//panthema.net/2013/sound-of-sorting/& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&panthema.net/2013/sound&/span&&span class=&invisible&&-of-sorting/&/span&&span class=&ellipsis&&&/span&&/a&&p&B 站地址：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.bilibili.com/video/av685670/& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic2.zhimg.com/v2-c057baf00db06fafx120.jpg& data-image-width=&512& data-image-height=&288& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&6分钟演示15种排序算法_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili&/a&&p&&/p&
当然是这个视频：《6 分钟演示 15 种排序算法》。在视频中，你能听到冒泡咕噜声、飞机坠机声、暖瓶满水声、猴子乱叫声……原出处：开源项目地址：B 站地址：
&p&零基础自学了两个月，现在已经在&a href=&//link.zhihu.com/?target=https%3A//www.practicepython.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&practicepython&/a& 上面做练习题了，并且能用Matplotlib, NumPy 和Pandas做简单的数据分析。来分享下我的学习过程。&/p&&p&我首先查了知乎、Quora和Reddit，然后问了身边计算机专业的同学。最后锁定了要用YouTube学， 有一个原因是我学Excel的时候感受到了视频教学的强大。按一个计算机专业同学的推荐跟了一个MIT的课程，学了一段时间发现....不好学也不很有趣。&/p&&p&然后又在YouTube找Python for beginner的视频。这次我的目标很明确，要找一个比较新一点的。然后发现了一个从Google辞职，专门做教学视频的年轻人做的视频。逻辑极其清晰，注重操作，由最简单的开始入手。从如何安装操作环境到如何写程序解决现实的问题。我一口气学完了他所以的视频，又去了一些付费网站看了他的视频。目前的感觉是，觉得Python既好学又有趣！&/p&&p&&br&&/p&&p&此人的YouTube主页：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/channel/UCxX9wt5FWQUAAz4UrysqK9A& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&youtube.com/channel/UCx&/span&&span class=&invisible&&X9wt5FWQUAAz4UrysqK9A&/span&&span class=&ellipsis&&&/span&&/a&&p&此人的个人网站：&/p&&a href=&//link.zhihu.com/?target=https%3A//www.csdojo.io/& data-draft-node=&block& data-draft-type=&link-card& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&csdojo.io/&/span&&span class=&invisible&&&/span&&/a&&p&如果你英语过关 + 可以看YouTube，墙裂推荐你上一节课试试。上完不要忘了回来点赞。&/p&
零基础自学了两个月，现在已经在 上面做练习题了，并且能用Matplotlib, NumPy 和Pandas做简单的数据分析。来分享下我的学习过程。我首先查了知乎、Quora和Reddit，然后问了身边计算机专业的同学。最后锁定了要用YouTube学， 有一个原因是我学…
&figure&&img src=&https://pic1.zhimg.com/v2-e42ade28a4be719b37dcdd1e18e99eb3_b.jpg& data-rawwidth=&600& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-e42ade28a4be719b37dcdd1e18e99eb3_r.jpg&&&/figure&&h2&更新说明&/h2&&p&&b&2018 年 1 月 25 日更新&/b&&/p&&p&开始写这篇文章时，Element 的版本还是 1.4，现在已经来到 2.0 了，有些步骤需要修改，特此说明。&/p&&h2&第 9 步，&i&修改 Hello.vue 文件，使用 Element 组件&/i& 中&/h2&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&el&/span&&span class=&o&&-&/span&&span class=&nx&&dialog&/span& &span class=&nx&&v&/span&&span class=&o&&-&/span&&span class=&nx&&model&/span&&span class=&o&&=&/span&&span class=&s2&&&visible&&/span&&span class=&o&&&&/span&
&/code&&/pre&&/div&&p&修改为&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&el-dialog :visible.sync=&visible&&
&/code&&/pre&&/div&&h2&第 8 步，&i&引入 Element&/i& 中，使用命令&/h2&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui -S
&/code&&/pre&&/div&&p&默认安装的 Element 是 2.0 版本，2.0 版本的主题文件夹，由 theme-default 改为了 theme-chalk，所以下面 &i&修改 resources/assets/js/app.js 文件&/i& 中&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import 'element-ui/lib/theme-default/index.css';
&/code&&/pre&&/div&&p&要改成&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import 'element-ui/lib/theme-chalk/index.css';
&/code&&/pre&&/div&&p&当然，如果你想继续使用 1.4 版本的 Element 也是可以的，使用命令&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui@legacy -S
&/code&&/pre&&/div&&p&安装的即是 1.4 版，自然的，主题文件夹也不需要修改了。&/p&&h2&搭建说明&/h2&&p&同类的教程网上也有不少，本文不是为了重复造轮子，只是在 Laravel5.5 LTS 推出之际，重新记录自己的搭建过程，避免以后再次踩坑。&/p&&p&网上的许多教程都是基于 Laravel5 系列的不同版本，虽然大致过程都差不多，但是对于前端编译工具不甚了解的人来说，官方推荐的前端编译工具的改变也着实容易让人迷糊。&/p&&p&为了便于理解，本文初次搭建时，尽量简单，能运行即可，关于前端编译工具，Vue 路由等等，后面再说。&/p&&p&本文全部代码，可以到 github 上获取：&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//github.com/mrzhouxiaofei/Larvuent& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/mrzhouxiaofe&/span&&span class=&invisible&&i/Larvuent&/span&&span class=&ellipsis&&&/span&&/a&&/p&&h2&搭建过程&/h2&&h2&1.新建 Laravel5.5 项目&/h2&&p&在 Web 服务器目录下，使用 Composer 建立新项目&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&composer create-project --prefer-dist laravel/laravel Larvuent // 新项目名为 Larvuent&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&Larvuent 安装完成后，执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&cd Larvuent&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：建议配置虚拟主机&/b&&/p&&h2&2.安装前端依赖库&/h2&&p&进入 Larvuent 项目后，执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&npm install // 速度慢的请自行切换淘宝镜像 cnpm&/span&
&/code&&/pre&&/div&&p&&br&&/p&&h2&3.修改 Laravel 路由&/h2&&p&修改 &b&routes/web.php&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&Route::get('/', function () {&/span&
&span class=&x&& return view('index');&/span&
&span class=&x&&});&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&h2&4.新建 Hello.vue 文件&/h2&&p&在 &b&resources/assets/js/components&/b& 目录下新建 Hello.vue 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&&template&&/span&
&span class=&x&&
&div&&/span&
&span class=&x&&
&h1&Hello, Larvuent!&/h1&&/span&
&span class=&x&&
&p class=&hello&&{{ msg }}&/p&&/span&
&span class=&x&&
&/div&&/span&
&span class=&x&&&/template&&/span&
&span class=&x&&
&span class=&x&&&script&&/span&
&span class=&x&&export default {&/span&
&span class=&x&&
data() {&/span&
&span class=&x&&
return {&/span&
&span class=&x&&
msg: 'This is a Laravel with Vue and Element Demo.'&/span&
&span class=&x&&
&span class=&x&&
&span class=&x&&}&/span&
&span class=&x&&&/script&&/span&
&span class=&x&&
&span class=&x&&&style&&/span&
&span class=&x&&.hello {&/span&
&span class=&x&&
font-size: 2&/span&
&span class=&x&&
color:&/span&
&span class=&x&&}&/span&
&span class=&x&&&/style&&/span&
&/code&&/pre&&/div&&h2&5.修改 app.js 文件，渲染组件&/h2&&p&修改 &b&resources/assets/js/app.js&/b& 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-php&&&span&&/span&&span class=&x&&require('./bootstrap');&/span&
&span class=&x&&
&span class=&x&&window.Vue = require('vue');&/span&
&span class=&x&&
&span class=&x&&// Vue.component('example', require('./components/Example.vue')); // 注释掉&/span&
&span class=&x&&import Hello from './components/Hello.vue'; // 引入Hello 组件&/span&
&span class=&x&&
&span class=&x&&const app = new Vue({&/span&
&span class=&x&&
el: '#app',&/span&
&span class=&x&&
render: h =& h(Hello)&/span&
&span class=&x&&});&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：app.js 是构建 Vue 项目的主文件，最后所有的组件都会被引入到这个文件，在引入所有组件之前，bootstrap.js 文件做了一些初始化的操作。同时，因为有了 window.Vue = require(‘vue’) 这句话，就不再需要使用 import Vue from ‘vue’ 重复导入 Vue 了。&/b&&/p&&h2&6.新建 Laravel 视图文件，和 Vue 交互&/h2&&p&在 &b&resources/views&/b& 目录下新建 index.blade.php 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&说明：你可能在其他教程中看到有的在使用 assets 函数，这两个函数的主要区别就是 assets 函数会直接使用所填路径去 public 文件夹下找文件，而 mix 函数会自动加载带 hash 值的前端资源。这是和 Laravel 前端资源的缓存刷新相关的，如果现在还不明白，不要紧，你记得使用 mix 函数就好了，然后继续往后看。&/b&&/p&&h2&7.编译前端组件，运行&/h2&&p&执行以下命令，编译前端资源&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&该命令默认会去执行根目录下的 webpack.mix.js 文件，使用 Laravel 提供的 Laravel Mix 编译资源，并将编译好的资源放在根目录 public 文件夹下。&/p&&p&&b&说明：前端编译工具有许多，比如 gulp、webpack 等等，Laravel 也为自己提供了开箱即用的编译工具，比如 Laravel5.3 及更早版本提供基于 gulp 的 Laravel Elixir 和从 Laravel5.4 开始提供基于 webpack 的 Laravel Mix，当然你也可以不使用官方提供的工具，自己去配置编译工具。这些编译工具的作用都是一样的，使用方法也大同小异。前面说过，本文第一次安装尽量简单，能运行即可，所以不再去配置前端编译工具，使用官方提供的即可。&/b&&/p&&p&访问项目&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-72bf9b569ff4d44d3d2ea4b2b79fe34a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&733& data-rawheight=&241& class=&origin_image zh-lightbox-thumb& width=&733& data-original=&https://pic3.zhimg.com/v2-72bf9b569ff4d44d3d2ea4b2b79fe34a_r.jpg&&&/figure&&p&&br&&/p&&p&到目前为止，Laravel + Vue 已经完成了，下面开始引入 Element。&/p&&h2&8.引入 Element&/h2&&p&执行命令，安装 ElementUI&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm i element-ui -S
&/code&&/pre&&/div&&p&&br&&/p&&p&修改 &b&resources/assets/js/app.js&/b& 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import Hello from './components/Hello.vue'; // 引入Hello 组件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';
Vue.use(ElementUI);
&/code&&/pre&&/div&&p&&br&&/p&&h2&9.修改 Hello.vue 文件，使用 Element 组件&/h2&&p&修改 &b&resources/assets/js/components/Hello.vue&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&template&
&h1&Hello, Larvuent!&/h1&
&el-button @click=&visible = true&&按钮&/el-button&
&el-dialog v-model=&visible&&
&p&欢迎使用 Element&/p&
&/el-dialog&
&/template&
export default {
visible: false
font-size: 2
&/code&&/pre&&/div&&p&&br&&/p&&h2&10.再次编译前端资源，运行&/h2&&p&执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&访问项目，点击按钮&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e450ade68a75ca57402cb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1177& data-rawheight=&463& class=&origin_image zh-lightbox-thumb& width=&1177& data-original=&https://pic4.zhimg.com/v2-e450ade68a75ca57402cb_r.jpg&&&/figure&&p&&br&&/p&&p&好了，到目前为止，Laravel5.5 + Vue2 + Element 的环境搭建已经完成了，为了方便理解，第一次的搭建过程尽量简洁。本文下面的部分将使用 Vue 路由等等，逐步完善，便于后期的开发。&/p&&h2&完善&/h2&&h2&CSRF 防护&/h2&&p&环境搭建完成后，访问项目，打开开发者模式，切换到 Console ，会看到以下报错&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-a654eae4a8c7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&589& data-rawheight=&191& class=&origin_image zh-lightbox-thumb& width=&589& data-original=&https://pic4.zhimg.com/v2-a654eae4a8c7_r.jpg&&&/figure&&p&&br&&/p&&p&Laravel 为了避免应用遭到跨站请求伪造攻击(CSRF)，自动为每一个有效用户会话生成一个 CSRF 令牌，该令牌用于验证授权用户和发起请求者是否是同一个人。&/p&&p&修改 &b&resources/views/index.blade.php&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&meta name=&csrf-token& content=&{{ csrf_token() }}&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&创建一个 meta 标签并将令牌保存到该 meta 标签中，问题可解决。&/p&&h2&使用 Vue Router&/h2&&p&构建大型项目时，使用 Vue Router 将是一个好的方式，它可以帮助你更好的组织代码，优化路由。&/p&&h2&1.安装 vue-router&/h2&&p&执行命令，安装 vue-router&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm install vue-router --save-dev
&/code&&/pre&&/div&&p&&br&&/p&&h2&2.配置 vue-route&/h2&&p&在 &b&resources/assets/js&/b& 目录下新建目录 router ，同时在 router 目录下新建 index.js 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
export default new VueRouter({
saveScrollPosition: true,
name: 'hello',
path: '/hello',
component: resolve =& void(require(['../components/Hello.vue'], resolve))
&/code&&/pre&&/div&&p&&br&&/p&&h2&3.引入 vue-router&/h2&&p&在 &b&resources/assets/js&/b& 目录下新建 App.vue 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&template&
&h1&Hello, {{ msg }}!&/h1&
&router-view&&/router-view& &!-- 路由引入的组件将在这里被渲染 --&
&/template&
export default {
msg: 'Vue'
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&p&修改 &b&resources/assets/js/app.js&/b& 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&// import Hello from './components/Hello.vue';
import App from './App.vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';
Vue.use(ElementUI);
import router from './router/index.js';
const app = new Vue({
el: '#app',
render: h =& h(App)
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&h2&4.重新编译&/h2&&p&执行&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&通过路由访问 hello 组件&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6cc59ddcaa0fce9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&650& data-rawheight=&275& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&https://pic2.zhimg.com/v2-6cc59ddcaa0fce9_r.jpg&&&/figure&&p&&br&&/p&&p&以后如果要添加组件，只需在 resources/assets/js/components 目录下新建 vue 文件，在 resources/assets/js/router/index.js 文件里引入，然后就可以通过路由访问了。&/p&&h2&代码拆分&/h2&&p&代码拆分是将一些不经常变动的代码提取出来，以避免每次都要重新编译，如果你频繁更新应用的 JavaScript，需要考虑对 vendor 库进行提取和拆分，这样的话，一次修改应用代码不会影响 vendor.js 文件的缓存。&/p&&p&Laravel Mix 的 extract 方法可以实现这样的功能：&/p&&p&修改项目根目录下的 webpack.mix.js 文件&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.extract(['vue','axios']);
&/code&&/pre&&/div&&p&&br&&/p&&p&extract 方法接收包含所有库的数组或你想要提取到 vendor.js 文件的模块，使用上述代码作为示例，Mix 将会生成如下文件：&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&public/js/manifest.js
// Webpack manifest runtime
public/js/vendor.js
// vendor 库
public/js/app.js
// 应用代码
&/code&&/pre&&/div&&p&&br&&/p&&p&&br&&/p&&p&同时修改 resources/views/index.blade.php 文件为&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8&&
&meta name=&csrf-token& content=&{{ csrf_token() }}&&
&title&Larvuent&/title&
&div id=&app&&&/div&
&script src=&{{ mix('js/manifest.js') }}&&&/script&
&script src=&{{ mix('js/vendor.js') }}&&&/script&
&script src=&{{ mix('js/app.js') }}&&&/script&
&/code&&/pre&&/div&&p&&br&&/p&&p&全局的 mix 函数会根据 public/mix-manifest.json 中的路径去加载对应的文件，同时也要注意引入三个 js 文件的顺序，以避免出错。&/p&&p&重新执行命令，就可以了。&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run dev
&/code&&/pre&&/div&&p&&br&&/p&&p&使用下面的命令，可以监视前端资源的改变，并自动编译。&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&npm run watch
&/code&&/pre&&/div&&p&&br&&/p&&h2&总结&/h2&&p&到目前为止，这篇文章也快写完了，为了便于理解，本文第一次搭建时，尽量简单，能运行即可，成功之后，再添加其它功能。前端编译工具使用基于 webpack 的 Laravel Mix，一般情况下，它可以满足大部分的需求，当然你也可以完全抛弃 Laravel Mix，配置自己的 webpack，后期如果有需求，可以再写一篇相关的文章。&/p&&p&本文全部代码，可以到 github 上获取：&/p&&p&&a href=&http://link.zhihu.com/?target=https%3A//github.com/mrzhouxiaofei/Larvuent& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/mrzhouxiaofe&/span&&span class=&invisible&&i/Larvuent&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&如有疑问，欢迎回复交流。&br&&/p&&p&作者：&a href=&https://www.zhihu.com/people/qianxinzuoshi/activities& class=&internal&&潜心做事&/a&&/p&&p&原文：&a href=&http://link.zhihu.com/?target=http%3A//mrzhouxiaofei.com//Laravel5.5%20Vue2%20Element%%258E%25AF%25E5%25A2%%2590%25AD%25E5%25BB%25BA/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Laravel5.5 + Vue2 + Element 环境搭建&/a&&/p&
更新说明2018 年 1 月 25 日更新开始写这篇文章时，Element 的版本还是 1.4，现在已经来到 2.0 了，有些步骤需要修改，特此说明。第 9 步，修改 Hello.vue 文件，使用 Element 组件 中el-dialog v-model="visible"&修改为&el-dialog :visible.sync="visible…
&p&&b&1.&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/subconscious/p/5058741.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&神经网络深入浅出&/a&
！！！！！！！！!！！！！！！！！&/b&&/p&&p&&br&&/p&&p&&b&认真看两遍，保证你神清气爽。&/b&&/p&&p&&b&看懂了后，回来点个赞，就当你的答谢了。&/b&&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&这个博客下的另一篇文章也写的不错&/b&&/p&&p&2.&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/subconscious/p/4107357.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从机器学习谈起&/a&
不错，不过，我推的都只是适合初学者哦，大神们绕道走开&/p&&p&&br&&/p&&p&&br&&/p&&p&3.还有一篇关于SVM的，虽然有点跑题了，但是也觉得特别好。&a href=&//link.zhihu.com/?target=http%3A//blog.pluskid.org/%3Fpage_id%3D683& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVM讲解&/a&&/p&&p&虽然第三个链接有点跑题，但是讲真，学AI怎能不学SVM，这是我在一次双语课上做pre，查资料用到的最多的一个blog了。认真看两遍，基本可以自己跑代码了。还是不会的，欢迎私信我，一起进步。&/p&&hr&&p&哈哈哈哈哈
开心，我以为会没人看，一晚上醒来赞变多了，也算是肯定了。学神经网络的人儿们好好努力哦，好了，大早上的，我也继续看书了。&/p&
1. ！！！！！！！！!！！！！！！！！ 认真看两遍，保证你神清气爽。看懂了后，回来点个赞，就当你的答谢了。 这个博客下的另一篇文章也写的不错2. 推荐 不错，不过，我推的都只是适合初学者哦，大神们绕道走开 3.还有一篇…
&figure&&img src=&https://pic4.zhimg.com/v2-a31faffd4194_b.jpg& data-rawwidth=&603& data-rawheight=&263& class=&origin_image zh-lightbox-thumb& width=&603& data-original=&https://pic4.zhimg.com/v2-a31faffd4194_r.jpg&&&/figure&&blockquote&前言：本教程只面向那些个人开发者，想要自己在linux上搭建一个git中央仓库用来上传发布自己的项目。但是对于团队来说可能有更高的要求，可以使用 &a href=&https://link.zhihu.com/?target=https%3A//about.gitlab.com/downloads/%23centos7& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gitlab&/a& 搭建一个可视化的类似github的版本管理系统&/blockquote&&h2&测试环境&/h2&&p&我使用的linux版本是Centos7，如果大家使用的是其他发行版本，步骤也都是一样的&/p&&br&&h2&安装Git&/h2&&p&Centos上使用的是yum的安装方式&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&yum install -y git
&/code&&/pre&&/div&&h2&创建一个Git用户来运行Git服务&/h2&&p&1.创建git用户&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&adduser git
&/code&&/pre&&/div&&p&2.设置用户密码&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&passwd git
&/code&&/pre&&/div&&p&3.禁止shell登录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim /etc/passwd
&/code&&/pre&&/div&&p&找到git用户的那一行并进行修改&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&将
git:x::,,,:/home/git:/bin/bash
git:x::,,,:/home/git:/usr/bin/git-shell
&/code&&/pre&&/div&&p&这样一来刚创建git用户可以正常通过ssh使用git，但是无法登录shell，会更加的安全&/p&&h2&创建客户端登录证书&/h2&&p&1.客户端创建私钥和公钥&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&ssh-keygen -t rsa -C &span class=&s2&&&&&/span&
&/code&&/pre&&/div&&p&创建后你的用户主目录下面就有个.ssh文件夹，里面的id.rsa就是私钥，id.rsa_pub就是公钥。公钥里面的内容待会要用到&/p&&p&2.git 服务器打开RSA验证&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim /etc/ssh/sshd_config
&/code&&/pre&&/div&&p&找到并去掉前面的#号&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&RSAAuthentication yes
PubkeyAuthentication yes
AuthorizedKeysFile
.ssh/authorized_keys
&/code&&/pre&&/div&&p&最后效果如图所示&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a39de3ea2_b.jpg& data-rawwidth=&709& data-rawheight=&173& class=&origin_image zh-lightbox-thumb& width=&709& data-original=&https://pic3.zhimg.com/v2-a39de3ea2_r.jpg&&&/figure&&p&3.在git用户的主目录里新建.ssh文件夹，然后在文件夹里面新建文件authorized_keys&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git
mkdir .ssh
&span class=&nb&&cd&/span& .ssh
vim authorized_keys
&/code&&/pre&&/div&&p&4.将客户端的id.rsa_pub公钥写进文件authorized_keys，一行一个。添加了这个以后你连接中央仓库就不需要输入密码了，直接使用公钥和私钥的验证方式&/p&&h2&创建git中央仓库&/h2&&p&1.进入git用户主目录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git
&/code&&/pre&&/div&&p&2.创建一个裸仓库 (一般以.git结尾)&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&git init --bare test.git
&span class=&c1&&#以test.git为例子,当然你可以叫任意名字&/span&
&/code&&/pre&&/div&&p&裸仓库是没有工作区的，纯粹为了共享&/p&&p&3.修改仓库用户属主&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&chown -R git:git test.git
&/code&&/pre&&/div&&h2&使用git hook&/h2&&blockquote&中央仓库其实只是一个中介，如果你想要把中央仓库的代码关联到你域名挂载下的文件夹时候，就需要使用到git的钩子来实现，当客户端提交代码到中央仓库，中央仓库能将代码也推送到另外的一个文件夹下面&/blockquote&&p&1.在服务器初始化一个本地仓库&/p&&p&这个仓库就是你虚拟主机指定的文件夹，也就是你输入域名后会访问到的那个文件夹&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /var/www
&span class=&c1&&#进入你虚拟主机的挂载目录&/span&
&span class=&c1&&#初始化git&/span&
git remote add origin /home/git/test.git
&span class=&c1&&#添加远程仓库到隔壁的中央仓库(滑稽)&/span&
chown -R git:git /var/www
&span class=&c1&&#修改服务器本地仓库的用户属组&/span&
&/code&&/pre&&/div&&p&2.在中央仓库中设置钩子&/p&&p&进入远程仓库的钩子目录&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&nb&&cd&/span& /home/git/test.git/hooks
&/code&&/pre&&/div&&p&新建一个文件post-receive&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&vim post-receive
&/code&&/pre&&/div&&p&编写shell脚本&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&&span class=&ch&&#!/bin/sh&/span&
&span class=&nb&&unset&/span& GIT_DIR
&span class=&nv&&DeployPath&/span&&span class=&o&&=&/span&/var/www
&span class=&c1&&#这里的目录是你自己虚拟主机的目录&/span&
&span class=&nb&&cd&/span& &span class=&nv&&$DeployPath&/span&
git add . -A &span class=&o&&&&&/span& git stash
git pull origin master
&/code&&/pre&&/div&&p&当然你也可以视情况而定，将这个脚本编写得更加强大&/p&&p&给文件post-receive添加可执行权限&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&chmod +x post-receive
&/code&&/pre&&/div&&h2&客户端远程git服务器&/h2&&p&这应该也是大家最期待的步骤了，实现本地提交代码上服务器，通过钩子实现项目的自动部署&/p&&p&其实到了这一步，就和你以前使用git上传代码到github上面没有什么区别了&/p&&p&1.克隆中央仓库&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&方法一
git clone git@192.168.229.130:test.git
&span class=&c1&&#把ip换成你自己服务器的ip&/span&
git remote add origin git@118.89.28.249:test.git
&span class=&c1&&#把ip换成你自己服务器的ip&/span&
&/code&&/pre&&/div&&br&&p&2.推送远程服务器 (第一次加上-u参数)&/p&&div class=&highlight&&&pre&&code class=&language-bash&&&span&&/span&git push -u origin master
&/code&&/pre&&/div&&h2&结尾&/h2&&p&通过上面的这些步骤其实就可以实现一个简易的git服务器了，是不是很简单呢?&/p&
前言：本教程只面向那些个人开发者，想要自己在linux上搭建一个git中央仓库用来上传发布自己的项目。但是对于团队来说可能有更高的要求，可以使用
搭建一个可视化的类似github的版本管理系统测试环境我使用的linux版本是Centos7，如果大家使用的是其…
&figure&&img src=&https://pic1.zhimg.com/v2-e964b7b6a95ef9b167dd4a_b.jpg& data-rawwidth=&750& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-e964b7b6a95ef9b167dd4a_r.jpg&&&/figure&&p&Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。&/p&&p&就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。&/p&&h2&&b&1.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcoderfee.open-html-in-browser& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Open-In-Browser&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic4.zhimg.com/v2-c513d019fab33b26f8ce9c9_r.jpg&&&/figure&&p&由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcoderfee.open-html-in-browser& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&2.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//quokkajs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Quokka&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic3.zhimg.com/v2-c11fc5f9f610f91eb811_r.jpg&&&/figure&&p&Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//quokkajs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&3.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Ddeerawan.vscode-faker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Faker&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_b.jpg& data-rawwidth=&764& data-rawheight=&373& data-thumbnail=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic2.zhimg.com/v2-06dcbf827e064c3a84eb5_r.jpg&&&/figure&&p&使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落，并且每个类别还包含了各种子类别，你可以根据自身的需求来使用这些数据。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Ddeerawan.vscode-faker& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&4.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dpranaygp.vscode-css-peek& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Peek&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_b.jpg& data-rawwidth=&764& data-rawheight=&319& data-thumbnail=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-88a0cb9c183fc0c08795_r.jpg&&&/figure&&p&使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dpranaygp.vscode-css-peek& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&5.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dsidthesloth.html5-boilerplate& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML Boilerplate&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_b.jpg& data-rawwidth=&764& data-rawheight=&416& data-thumbnail=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-e9ee4dbe0cf797dcf0b8d71_r.jpg&&&/figure&&p&通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dsidthesloth.html5-boilerplate& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&6.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Desbenp.prettier-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Prettier&/a&&/b&&/h2&&figure&&img src=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_b.jpg& data-rawwidth=&764& data-rawheight=&375& data-thumbnail=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic2.zhimg.com/v2-d65f7c96ce8ee74b85cae_r.jpg&&&/figure&&p&Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DRobinMalfait.prettier-eslint-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& Prettier – Eslint &/a&插件，你可不要错过咯！&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Desbenp.prettier-vscode& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&7.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dbierner.color-info& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Color Info&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-faaba4f8fd_b.jpg& data-rawwidth=&764& data-rawheight=&364& data-thumbnail=&https://pic1.zhimg.com/v2-faaba4f8fd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic1.zhimg.com/v2-faaba4f8fd_r.jpg&&&/figure&&p&这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dbierner.color-info& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&8.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcssho.vscode-svgviewer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVG Viewer&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_b.jpg& data-rawwidth=&764& data-rawheight=&386& data-thumbnail=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_b.jpg& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&https://pic4.zhimg.com/v2-d3bacd36935ada20b32effbd57220a59_r.jpg&&&/figure&&p&此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dcssho.vscode-svgviewer& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&9.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwayou.vscode-todo-highlight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TODO Highlight&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_b.jpg& data-rawwidth=&763& data-rawheight=&377& data-thumbnail=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_b.jpg& class=&origin_image zh-lightbox-thumb& width=&763& data-original=&https://pic3.zhimg.com/v2-bfa3fd436feaa21_r.jpg&&&/figure&&p&这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwayou.vscode-todo-highlight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&10.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Didleberg.icon-fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Icon Fonts&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_b.jpg& data-rawwidth=&765& data-rawheight=&346& data-thumbnail=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-52bd95ebf6f4c2f4234a60c_r.jpg&&&/figure&&p&这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Didleberg.icon-fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&11.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DHookyQR.minify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Minify&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_b.jpg& data-rawwidth=&765& data-rawheight=&368& data-thumbnail=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-27064e3ada30ea24ae394d_r.jpg&&&/figure&&p&这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过&a href=&https://link.zhihu.com/?target=http%3A//lisperator.net/uglifyjs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& uglify-js&/a&、&a href=&https://link.zhihu.com/?target=https%3A//github.com/jakubpawlowicz/clean-css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&clean-css &/a&和&a href=&https://link.zhihu.com/?target=http%3A//kangax.github.io/html-minifier/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& html-minifier&/a&，与 JavaScript、CSS 和 HTML 协同工作。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DHookyQR.minify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&12.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwmaurer.change-case& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Change Case&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_b.jpg& data-rawwidth=&765& data-rawheight=&328& data-thumbnail=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic4.zhimg.com/v2-79d8cd77a87ddaee0c3e_r.jpg&&&/figure&&p&虽然 VSCode 内置了开箱即用的文本转换选项，但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwmaurer.change-case& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&13.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dchrmarti.regex& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Regex Previewer&/a&&/b&&/h2&&figure&&img src=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_b.jpg& data-rawwidth=&765& data-rawheight=&364& data-thumbnail=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&765& data-original=&https://pic1.zhimg.com/v2-5cebcf4b363f195dfb298c380f3857c2_r.jpg&&&/figure&&p&这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dchrmarti.regex& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&14.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DLanguages%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Language and Framework Packs&/a&&/b&&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-61c1b02fef05b56c118de668e157cf15_b.jpg& data-rawwidth=&1536& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1536& data-original=&https://pic3.zhimg.com/v2-61c1b02fef05b56c118de668e157cf15_r.jpg&&&/figure&&p&VSCode 默认支持大量的主流编程语言，但如果你所使用的编程语言不包括在内，也可以通过下载扩展包来自动添加。同时，你还可以添加一些像&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dvsmobile.vscode-react-native& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& React Native &/a&与 &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dhollowtree.vue-snippets& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue &/a&的相关 Web 开发插件包。&/p&&blockquote&&b&插件地址：【&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DLanguages%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&传送门&/a&】&/b&&/blockquote&&h2&&b&15.&/b& &b&&a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/search%3Ftarget%3DVSCode%26category%3DThemes%26sortBy%3DDownloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Themes&/a&&/b&&/h2&&figure&&img src=&https://pic4.zhimg.com/v2-23f9c3f5dc1c7b9e294c7576d37dea76_b.jpg& data-rawwidth=&1536& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&1536& data-original=&https://pic4.zhimg.com/v2-23f9c3f5dc1c7b9e294c7576d37dea76_r.jpg&&&/figure&&p&当然，在众多的实用插件中，岂能少了漂亮的主题呢？你每天都会与你的 VSCode 编辑器进行“亲密的接触”，为何不把它打扮得更漂亮些呢？这里有一些帮助你更改侧边栏的配色方案，以及图标的相关主题，与大家分享：&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dazemoh.one-monokai& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&One Monokai&/a&&/b& &/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dwhtsky.agila-theme& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Aglia&/a&&/b&&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3Dazemoh.theme-onedark& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&One Dark&/a&&/b&&/p&&p&&b&o &a href=&https://link.zhihu.com/?target=https%3A//marketplace.visualstudio.com/items%3FitemName%3DPKief.material-icon-theme& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Material Icon&/a&&/b&&/p&&p&感谢你的阅读。若你有所收获，欢迎点赞与分享。&/p&&p&&b&注：&/b&&/p&&ol&&li&本文版权归原作者所有，仅用于学习与交流；&/li&&li&如需转载译文，烦请按下方注明出处信息，谢谢！&/li&&/ol&&blockquote&英文原文：&a href=&https://link.zhihu.com/?target=https%3A//tutorialzine.com/-essential-plugins-for-visual-studio-code& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&15 Essential Plugins for Visual Studio Code&/a&&br&作者：Danny Markov&br&译者：&a href=&https://link.zhihu.com/?target=http%3A//weibo.com/itlion114/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IT程序狮&/a&&br&译文地址：&a href=&https://link.zhihu.com/?target=http%3A//www.jianshu.com/p/1c178f5c029c& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jianshu.com/p/1c178f5c0&/span&&span class=&invisible&&29c&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我…
&p&前段时间快要毕业，而我又不想找自己的老本行Java开发了，所以面了很多Python爬虫岗位。因为我在南京上学，所以我一开始只是在南京投了简历，我一共面试了十几家企业，其中只有一家没有给我发offer，其他企业都愿意给到10K的薪资，不要拿南京的薪资水平和北上深的薪资水平比较，结合面试常问的问题类型说一说我的心得体会。&/p&&p&&br&&/p&&p&第一点：Python&/p&&p&因为面试的是Python爬虫岗位，面试官大多数会考察面试者的基础的Python知识，包括但不限于：&/p&&ul&&li&Python2.x与Python3.x的区别&/li&&li&Python的装饰器&/li&&li&Python的异步&/li&&li&Python的一些常用内置库，比如多线程之类的&/li&&/ul&&p&&br&&/p&&p&第二点：数据结构与算法&/p&&p&数据结构与算法是对面试者尤其是校招生面试的一个很重要的点，当然小公司不会太在意这些，从目前的招聘情况来看对面试者的数据结构与算法的重视程度与企业的好坏成正比，那些从不问你数据结构的你就要当心他们是否把你当码农用的，当然以上情况不绝对，最终解释权归面试官所有。&/p&&p&&br&&/p&&p&第三点：Python爬虫&/p&&p&最重要也是最关键的一点当然是你的Python爬虫相关的知识与经验储备，这通常也是面试官考察的重点，包括但不限于：&/p&&ul&&li&你遇到过的反爬虫的策略有哪些？&/li&&li&你常用的反反爬虫的方案有哪些？&/li&&li&你用过多线程和异步吗？除此之外你还用过什么方法来提高爬虫效率？&/li&&li&有没有做过增量式抓取？&/li&&li&对Python爬虫框架是否有了解？&/li&&/ul&&p&&br&&/p&&p&第四点：爬虫相关的项目经验&/p&&p&爬虫重在实践，除了理论知识之外，面试官也会十分注重爬虫相关的项目：&/p&&ul&&li&你做过哪些爬虫项目？如果有Github最好&/li&&li&你认为你做的最好的爬虫项目是哪个？其中解决了什么难题？有什么特别之处？&/li&&/ul&&p&&br&&/p&&p&以上是我在面试过程中，会碰到的一些技术相关的问题的总结，当然面试中不光是技术这一点，但是对于做技术的，过了技术面基本上就是薪资问题了。&/p&&p&&br&&/p&&p&也许有人问我现在在哪家公司做爬虫开发？很抱歉，最终我放弃了南京的所有机会到了上海做我更喜欢的岗位：数据工程师。&/p&&p&&br&&/p&&p&&b&很多人问我如何学习Python爬虫，为此我整理编写了一本Python爬虫相关的电子书，主要包括Python入门、Python爬虫入门到进阶、Python爬虫面试总结等等。可以在微信公众号【一个程序员的日常】后台回复关键词【1】获取这本电子书。&/b&&/p&
前段时间快要毕业，而我又不想找自己的老本行Java开发了，所以面了很多Python爬虫岗位。因为我在南京上学，所以我一开始只是在南京投了简历，我一共面试了十几家企业，其中只有一家没有给我发offer，其他企业都愿意给到10K的薪资，不要拿南京的薪资水平和北…
&figure&&img src=&https://pic1.zhimg.com/v2-f836fe4e42f8b2bc3474e8_b.jpg& data-rawwidth=&1297& data-rawheight=&726& class=&origin_image zh-lightbox-thumb& width=&1297& data-original=&https://pic1.zhimg.com/v2-f836fe4e42f8b2bc3474e8_r.jpg&&&/figure&&blockquote&&b&简评：&/b&国外开发团队最近推出一个&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&开源搜索引擎&/a&，当你进行搜索时，它可以自动生成一张思维导图，向用户显示学习该主题的最佳分步指南。&/blockquote&&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&You can learn anything
&/a&&figure&&img src=&https://pic1.zhimg.com/v2-b61e7fda0c4b321db0b6a3_b.jpg& data-rawwidth=&2156& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&2156& data-original=&https://pic1.zhimg.com/v2-b61e7fda0c4b321db0b6a3_r.jpg&&&/figure&&h2&&b&搜索引擎演示&/b&&/h2&&p&主页：&a href=&https://link.zhihu.com/?target=https%3A//learn-anything.xyz/learn_anything& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learn Anything&/a&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_b.jpg& data-rawwidth=&1200& data-rawheight=&1200& data-thumbnail=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic2.zhimg.com/v2-bd3950305bbaf22ea66e3_r.jpg&&&/figure&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&上图是该搜索引擎的搜索交互图
&/code&&/pre&&/div&&p&用户只需输入关键词，搜索引擎就会自动进行联想。当用户键入关键词后，它将显示深入学习该主题的思维导图。比如，搜索「Android」，用户将会看到关于该主题的搜索节点：&figure&&img src=&https://pic3.zhimg.com/v2-25f6fdaaa28_b.jpg& data-rawwidth=&1074& data-rawheight=&907& class=&origin_image zh-lightbox-thumb& width=&1074& data-original=&https://pic3.zhimg.com/v2-25f6fdaaa28_r.jpg&&&/figure&&/p&&p&我们再来搜索一下「PHP」，看看它是不是最吼的语言：&figure&&img src=&https://pic2.zhimg.com/v2-35bbddbedeb691_b.jpg& data-rawwidth=&951& data-rawheight=&765& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic2.zhimg.com/v2-35bbddbedeb691_r.jpg&&&/figure&&/p&&p&喏，在 php 父节点下的右子树给了我们答案 —— awesome php，「awesome」就是超劲的意思&i&（粤语腔）&/i&。好的你们赢了，PHP 是最吼的语言！&/p&&br&&p&言归正传，这个搜索引擎是&a href=&https://link.zhihu.com/?target=https%3A//github.com/learn-anything/search& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&完全开源&/a&的。该项目主要是通过可视化和结构化来帮助用户快速掌握新知识，最终愿景是形成所有可供探索的世界知识互动思维导图。&br&&/p&&blockquote&&b&项目地址：&/b&&a href=&https://link.zhihu.com/?target=https%3A//github.com/nikitavoloboev/learn-anything& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&learn-anything&/a&&br&&br&&b&推荐阅读：&/b&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&开发者提到最多的十个 GitHub 仓库&/a&&/blockquote&&p&欢迎关注：知乎专栏「&a href=&https://zhuanlan.zhihu.com/jiguang-daily& class=&internal&&极光日报&/a&」，每天为 Makers 导读三篇优质英文文章。&/p&
简评：国外开发团队最近推出一个，当你进行搜索时，它可以自动生成一张思维导图，向用户显示学习该主题的最佳分步指南。搜索引擎演示主页：上图是该搜索引擎的搜索交互图用户只需输入关键词，搜索引…
&p&先重点推荐一个chrome插件&/p&&p&PTHospital
&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5BOywU& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5BOywU&/span&&span class=&invisible&&&/span&&/a& &/p&&p&让莆田系医院无所遁形&/p&&p&电脑软件、chrome插件以及手机app全面推荐一下~&/p&&p&&b&一、电脑&/b&&/p&&p&&b&1.ABBYY&/b&&/p&&p&ABBYY FineReader称得上是目前最好的图片识别软件，精确度高达98%，图片中的表格、图表及排版转化后几乎都会保留原样。更多图转文工具详见结尾处。&/p&&p&评论区推荐： &/p&&blockquote&ABBYY只适合处理某一种语言的纯文本。不适用于双语文本。 也不适用于数学公式识别。 acrobat pro xi也是一样的。 后者支持将文本制作的PDF转制成word的能力。一般识别过后需要人工核对。 &/blockquote&&figure&&img src=&https://pic4.zhimg.com/50/v2-cf3df2de65e_b.jpg& data-rawwidth=&574& data-rawheight=&428& class=&origin_image zh-lightbox-thumb& width=&574& data-original=&https://pic4.zhimg.com/50/v2-cf3df2de65e_r.jpg&&&/figure&&br&&p&&b&2.Everything&/b&&/p&&p&Everything的良心不用多说了吧，经过很多用户的自来水安利也已经变得不再小众不为人知，就是一款文件搜索工具，占存小，速度快。&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-44ff1e56b852e9ed5c8714_b.jpg& data-rawwidth=&698& data-rawheight=&607& class=&origin_image zh-lightbox-thumb& width=&698& data-original=&https://pic3.zhimg.com/50/v2-44ff1e56b852e9ed5c8714_r.jpg&&&/figure&&br&&p&&b&3.硕鼠&/b&&/p&&p&下载视频神器，支持的网站也很全面了，下个客户端复制视频链接就可以强势下载了，同类型还有个不错的——IDM。&/p&&p&评论区推荐：&/p&&blockquote& 不推荐硕鼠，youtube-dl好用多了(不要被名字骗了，其实它什么都能下) &/blockquote&&figure&&img src=&https://pic2.zhimg.com/50/v2-bdff74eb35d7bf7_b.jpg& data-rawwidth=&906& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&906& data-original=&https://pic2.zhimg.com/50/v2-bdff74eb35d7bf7_r.jpg&&&/figure&&br&&p&&b&4.QQ影音&/b&&/p&&p&当初是因为它有个截取部分视频转化为GIF动图的功能下载了它，然后用到现在。&/p&&br&&p&&b&5.DITTO&/b&&/p&&p&剪切板增强神器，可以免安装，准确击中用户的痛点。主要功能就是记住海量的复制内容，不用烦恼复制的东西要马上粘贴掉，只要两台电脑都安装了它，在局域网内可以实现同步复制粘贴。&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-c47ceaffbdb4fa89f55e306_b.jpg& data-rawwidth=&619& data-rawheight=&508& class=&origin_image zh-lightbox-thumb& width=&619& data-original=&https://pic4.zhimg.com/50/v2-c47ceaffbdb4fa89f55e306_r.jpg&&&/figure&&p&&b&6.CCleaner&/b&&/p&&p&清理电脑垃圾用，关键是速度，不用受360、金山......的煎熬了&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-4bc6bd92fe8e_b.jpg& data-rawwidth=&683& data-rawheight=&276& class=&origin_image zh-lightbox-thumb& width=&683& data-original=&https://pic4.zhimg.com/50/v2-4bc6bd92fe8e_r.jpg&&&/figure&&br&&p&&b&7.f.lux&/b&&/p&&p&很智能化的电脑屏幕调节软件，当你看电脑时间过长，感觉眼睛干涩时才发现电脑亮度是不是太亮了。有了f.lux就不要担心了，根据你所在的城市自动调节色亮度。&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-4b6ac0cda1e_b.jpg& data-rawwidth=&552& data-rawheight=&229& class=&origin_image zh-lightbox-thumb& width=&552& data-original=&https://pic3.zhimg.com/50/v2-4b6ac0cda1e_r.jpg&&&/figure&&br&&p&&b&8.Tickeys&/b&&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-5e9e7bbdee39ad033b1e1f4_b.jpg& data-rawwidth=&316& data-rawheight=&264& class=&content_image& width=&316&&&/figure&&p&让你找回打字的乐趣，可以模拟上图五种声音的打字音效，这种模拟音效的好处就是带上耳机也可以听到哈哈。（然而还是真正的机械键盘好用。。自己拆自己的台&/p&&br&&p&&b&9.格式工厂&/b&&/p&&p&转格式一直在用这个&/p&&p&评论区推荐： &/p&&blockquote&格式转换我推荐ffmpeg &/blockquote&&br&&p&&b&10.Snipaste&/b&&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-ab0ce3fbfa837ac4e1289_b.jpg& data-rawwidth=&798& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&798& data-original=&https://pic3.zhimg.com/50/v2-ab0ce3fbfa837ac4e1289_r.jpg&&&/figure&&p&据说是作者耗时三年的良心开发，专注截图功能，滚动截图，截长图...想怎么截就怎么截，不过我觉得如果只是简单的截图需求用qq就够了。&/p&&br&&p&&b&11.GIFcam&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-99ea023da014_b.jpg& data-rawwidth=&410& data-rawheight=&300& class=&content_image& width=&410&&&/figure&&p&简便的录屏工具，适合短时间的录制。&/p&&br&&p&&b&12.Tatal Commader&/b&&/p&&p&功能非常全面的资源管理器替代软件，快捷键、批量修改、文件收藏。。让你的文件管理更有效率。&/p&&br&&p&&b&13.CHROME浏览器&/b&&/p&&p&Chrome必须得提一提哈，有很多很好用的插件加成，chorme插件推荐请看下一部分（用一整个部分说明它的良心…）&/p&&br&&br&&p&&b&二、CHROME插件&/b&&/p&&p&首先是必推的一个，有了这个，你会发现新世界大门向你打开。&/p&&p&&b&1.Tampermonkey&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/7xsFz& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/7xsFz&/span&&span class=&invisible&&&/span&&/a& &/p&&p&装好插件后可以到 &a href=&//link.zhihu.com/?target=http%3A//greasyfork.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&greasyfork.org&/span&&span class=&invisible&&&/span&&/a& 下载很多厉♂害的脚本&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-1ca3d7de2d7a832b3081360edecf9488_b.jpg& data-rawwidth=&733& data-rawheight=&655& class=&origin_image zh-lightbox-thumb& width=&733& data-original=&https://pic2.zhimg.com/50/v2-1ca3d7de2d7a832b3081360edecf9488_r.jpg&&&/figure&&br&&p&&b&2.AdBlock&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/fjr47& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/fjr47&/span&&span class=&invisible&&&/span&&/a& &/p&&p&屏蔽广告的插件首选吧，效果不错，但不是万能的。&/p&&p&&b&3.onetab&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5nCZMh& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5nCZMh&/span&&span class=&invisible&&&/span&&/a& &/p&&p&对于用着渣渣电脑又爱开很多标签页的我是一大救星插件啊，点击一下就可以把当前浏览器打开的所有标签页集中到一个页面，电脑瞬间就不卡了Orz……&/p&&p&&b&4.偏爱微软雅黑字体&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtREl& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtREl&/span&&span class=&invisible&&&/span&&/a& &/p&&p&长时间使用电脑的还是换个无衬线字体看的舒服些，网页上很多都是有激凸的字体真的辣眼睛。&/p&&p&&b&5.印象笔记·剪藏&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/3JoYIZ& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/3JoYIZ&/span&&span class=&invisible&&&/span&&/a& &/p&&p&随时把网上看到的好的内容剪藏到印象笔记中&/p&&p&&b&6.方片收集&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtSUB& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtSUB&/span&&span class=&invisible&&&/span&&/a& &/p&&p&没有使用印象笔记的可以用这款收集插件，超级方便，在网页上拖拽进行收藏，也比较适合收藏图片。&/p&&p&&b&7. I'm a Gentleman&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtTNC& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtTNC&/span&&span class=&invisible&&&/span&&/a& &/p&&p&想把网页上的图片下载下来就用它。&/p&&p&&b&8. 眼不见心不烦（新浪微博）&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtTZI& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtTZI&/span&&span class=&invisible&&&/span&&/a& &/p&&p&把微博变成一个良心软件:)&/p&&p&&b&9. 一键管理所有扩展&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//dwz.cn/5AtUFa& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dwz.cn/5AtUFa&/span&&span class=&invisible&&&/span&&/a& &/p&&p&按了这么多插件不是每一个都会经常用到，灵活管理插件的使用。&/p&&p&&b&10.stylish&/b&&/p&&p&评论区推荐：&/p&&blockquote&chrome 插件推荐一个 stylish，有一个脚本支持 旧版知乎， 也有脚本 支持百度贴吧改排版。它的特点是 针对特定的网站。 &/blockquote&&p&&b&11.净网大师&/b&&/p&&p&评论区推荐：&/p&&blockquote& 屏蔽广告的插件我觉得还是净网大师好用（其他的像AD这种效果不错但是对国内的视频网站效果就不太好了，经常无法拦截视频广告），不需要科学上网的朋友还是建议装个净网大师（chrome应用商店可以直接下载的） &/blockquote&&br&&br&&p&&b&三、手机&/b&&/p&&p&&b&1.CS全能扫描王&/b&&/p&&p&这个APP名字起得没毛病，很全能，随时随地扫描纸质文件变身电子档，细节方面也做得很好。&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-e204a533e1_b.jpg& data-rawwidth=&1084& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&1084& data-original=&https://pic4.zhimg.com/50/v2-e204a533e1_r.jpg&&&/figure&&br&&p&&b&2.Acfun+哔哩哔哩&/b&&/p&&p&无广告，资源丰富，很多大神up主制作的视频能看一整天…&/p&&p&UP主推荐详见结尾处推荐回答&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-a1a1e458a68b165c5d7a97e73cacc0e5_b.jpg& data-rawwidth=&1199& data-rawheight=&463& class=&origin_image zh-lightbox-thumb& width=&1199& data-original=&https://pic2.zhimg.com/50/v2-a1a1e458a68b165c5d7a97e73cacc0e5_r.jpg&&&/figure&&br&&p&&b&3.officelens&/b&&/p&&p&微软的手机软件做的也很棒， 职场人士可以用它对办公中的名片等一些纸质文件进行扫描，对于学生来说，拿来拍上课的PPT也是很不错的，摆正位置功能很良心。&/p&&p&&b&4.朗易思听&/b&&/p&&p&练英语听力app里我觉得最好的，界面好看，资源全面，有免费下载次数限制。&/p&&p&&b&5.一键生成&/b&&/p&&p&做海报、名片甚至PPT都能一键生成，够良心了吧。&/p&&p&&b&6.酷安市场&/b&&/p&&p&APP下载市场中的“网易云音乐”。&/p&&p&&b&7.讯飞输入法&/b&&/p&&p&语音秒变文字，竟然还可以识别方言…&/p&&p&&b&8.护眼宝&/b&&/p&&p&手机中的护眼工具我推荐这个&/p&&p&评论区推荐：&/p&&p&&b&薄暮微光&/b&（我下载体验了下其实跟电脑软件里的护目类推荐f.lux差不多，能够根据时间自动调节光亮）&/p&&p&&b&9.Instapaper&/b&&/p&&p&稍后阅读类软件推荐，可以语音阅读，国内的收趣云也是不错的，相对来说收藏速度收趣云比较快，而Instapaper的优势在于简洁，英文语音较好。&/p&&p&&b&10.潮汐&/b&&/p&&p&最喜欢它的白噪音，帮助你放松身心，全新投入当前的学习工作之中。&/p&&p&&b&11.美字&/b&&/p&&p&可以制作文字云，文字云是啥？就是用文字拼凑出一些形状或物件的效果。&/p&&p&&b&12.照片扫描仪&/b&&/p&&p&一些老照片用手机拍是不是都会有反光？用这个可以完美消除。&/p&&p&&b&13.google翻译&/b&&/p&&p&解锁中国区啦&/p&&p&&b&14.Tailor&/b&&/p&&p&微博长图怎么制作？用这个来拼接即可。&/p&&br&&br&&p&收藏的同学记得常回来看看，这个答案持续更新，方便的话还请给个赞~蟹蟹尼&/p&&p&另外评论区惊现各路大神，大家有推荐的良心软件欢迎留言~&/p&&p&待更（已更三次）&/p&&br&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&如何把图片文字转换成word文字？ - 知乎&/a&&/p&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&哔哩哔哩有哪些值得推荐的UP主及其代表作？ - 知乎&/a&&/p&&br&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&五小步，轻松梳理你的答辩PPT制作 - 知乎专栏&/a&
新专栏开通欢迎关注~，关于神器、网站、PPT。&/p&
先重点推荐一个chrome插件PTHospital
让莆田系医院无所遁形电脑软件、chrome插件以及手机app全面推荐一下~一、电脑1.ABBYYABBYY FineReader称得上是目前最好的图片识别软件，精确度高达98%，图片中的表格、图表及排版转化后几乎都会保…
&figure&&img src=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_r.jpg&&&/figure&&p&问耕 发自 LZYY&br&量子位 报道 | 公众号 QbitAI&/p&&p&人工智能又来拯救你的涂鸦大作了！&/p&&p&今年2月底，量子位介绍过一个“分分钟画只猫”的AI应用，如今三个月过去，还是相同的配方、还是熟悉的味道，只不过这次变成画人脸。&/p&&p&量子位玩了一会儿，简直再次上瘾~&/p&&p&方法很简单，你信手画一个人脸，儿童简笔画水准也好，素描大师水准也好，只要勾勒一个大致的人脸轮廓，然后点击一下中间的红色按钮，神奇的事情就发生了！&/p&&p&你的画作会被AI完善成一幅艺术大作！&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_b.jpg& data-rawwidth=&540& data-rawheight=&256& data-thumbnail=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_b.jpg& class=&origin_image zh-lightbox-thumb& width=&540& data-original=&https://pic2.zhimg.com/v2-78596fe50eaf37a801bced40_r.jpg&&&/figure&上面这个动图就是全程的生动说明。&/p&&p&下面量子位再贴几张其他大师的作品，大家感受一下。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-6ac3d6aa1f7f8a68ffadf6e_b.jpg& data-rawwidth=&1200& data-rawheight=&674& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-6ac3d6aa1f7f8a68ffadf6e_r.jpg&&&/figure&&p&&figure&&img src=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-109d9a05b3ba3fcfcf7cde9_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-5ba46d960a9c67df83b141961ccb5264_b.jpg& data-rawwidth=&1200& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-5ba46d960a9c67df83b141961ccb5264_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-8ba3a20fac_b.jpg& data-rawwidth=&1200& data-rawheight=&660& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic1.zhimg.com/v2-8ba3a20fac_r.jpg&&&/figure&灵魂画手们心动了没？想不想试一试？传送门在此：&/p&&a href=&https://link.zhihu.com/?target=http%3A//fotogenerator.npocloud.nl/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&fotogenerator.npocloud.nl&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&p&这个画脸的应用来自荷兰，欧洲那个荷兰。这个人工智能网络使用了200张Lara Rense女士的照片训练而成。&/p&&p&据说只上线测试两周~&/p&&h1&背后技术&/h1&&p&和之前的画猫一样，这个AI应用背后的技术，也是基于有条件对抗网络的图像到图像翻译。这个网络不仅能学习从输入图像到输出图像的映射，而且还能学习一个损失函数来训练这一映射。&/p&&p&这使得传统上可能需要不同损失函数的问题，能够应用相同的通用方法。也就是说能在不必手动设计损失函数的情况下实现合理的结果。&/p&&p&这种方法被证明在以标签图合成照片、从边缘图重建对象、图像着色等任务中有效。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-baee377fe9c15a1b1820fcaf0da34037_b.jpg& data-rawwidth=&1280& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-baee377fe9c15a1b1820fcaf0da34037_r.jpg&&&/figure&这项研究来自加州大学伯克利分校的Phillip Isola、Jun-Yan Zhu、Tinghui Zhou以及Alexei A. Efros。他们还公布了相关的论文和代码。&/p&&p&论文传送门&/p&&a href=&https://link.zhihu.com/?target=https%3A//arxiv.org/pdf/v1.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&arxiv.org/pdf/&/span&&span class=&invisible&&4v1.pdf&/span&&span class=&ellipsis&&&/span&&/a&&p&代码传送门&/p&&ul&&li&Torch版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/phillipi/pix2pix& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&phillipi/pix2pix&/a&&/li&&br&&li&PyTorch版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/junyanz/pytorch-CycleGAN-and-pix2pix& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&junyanz/pytorch-CycleGAN-and-pix2pix&/a&&br&&/li&&li&TensorFlow版：&br&&a href=&https://link.zhihu.com/?target=https%3A//github.com/affinelayer/pix2pix}
我要回帖
更多关于 java中正则表达式语法 的文章
更多推荐
- ·百度惠生活如何入驻是不是没有了，怎么找不到了呢？
- ·百度惠生活如何入驻取消了吗？
- ·王红亮大二网络营销实训报告践研究
- ·户内各个功能室内空间功能区划分尺度由哪三个部分组成？
- ·抖店团购达人小程序和团长联系软件推荐？
- ·鄂DDU5O9是
- ·我因生了小孩在老家带小孩,老公不在家怎么办公老家的村里上班老公是事业单位 我们两都不想放弃目前的工作 想在一起 该怎么办呢
- ·郑州御夫子大语文地址学校的实力怎么样？
- ·文化类栏目策划策划人哪个比较好
- ·鸡胚胎在蛋清里移动正常吗
- ·QQ上推广的咪咕阅读，请问这是什么漫画
- ·oppo手机相册出来的特别慢有时候甚至打不开相册
- ·为什么所谓的“无限流量”不是所谓的无限流量？
- ·鼠标dpi灵敏度问题
- ·电影电力之战高清电流之战百度云资源源，不加微信
- ·icloud云备份照片图库为什么非要备份图库，而不让用户选择
- ·我在家网上兼职日结兼职做什么比较靠谱好
- ·网上北京一对一哪个机构好怎么样，有什么好的机构推荐
- ·刚买的8p 苹果8p手机喇叭有杂音怎么办，怎么处理
- ·大家来秀一下ID，看谁的更有有内涵
- ·FineReader中该怎样进行正则表达式语法*?的创建
- ·周氏中国315诚信品牌可信吗科技pc可信吗?
- ·这是什么求最新手机直播平台台啊？求告知
- ·9Ⅰ有没有隐藏应用的功能应用隐藏功能？
- ·美颜拍照手机哪家强
- ·一头栽进你心里 百度云
- ·高尔夫2缸失火7一缸电脑检测发现偶发性失火，哪方面问题
- ·笔记本电脑卡机动不了怎么办重启一下卡机了然后我把它强制关机开开后就成这样了怎么办
- ·windows10 为什么官方不出windows11系统呢呢
- ·老铁现代怎么控制铁傀儡视频能分享下么？
- ·全民k歌里的私信怎么看不到 跟关注的人发私信 我突然取关 私信聊天列表里就没有她了 是她把我拉黑了还是因为没有关注了
- ·求温格退休纪念手机壳图片原图的原图
- ·今日爆点的邀请码怎么输入的要输入能有奖励的应该是填的什么非常感谢大家？
- ·华为h60-l02lo1qq启动出现问题怎么办
- ·电脑卡了一下，我电脑能直接拔掉电源源之后电脑开不了机了，我拆开机箱里面什么都正常，到底那出了问题
