SF
Xuebin. Leo
Xuebin. Leo
注册登录
关注博客
注册登录
主页
关于
RSS
用hexo搭建自己的个人博客
xuebin_leo
2017-01-12
阅读 5 分钟
5.1k
这不是一篇Hexo教程,仅是本人博客的搭建记录。有兴趣的同学可以关注:xuebin.me 准备工作 Hexo:快速、简洁且高效的博客框架,官网有中文文档 NexT:Hexo适用的主题 LeanCloud:数据库 GitHub:博客就发布在GitPage 安装&配置 Hexo 安装 Hexo 全局安装 Hexo 官方的脚手架 {代码...} 然后初始化博客,并安装依赖包 {...
JS压缩上传图片
xuebin_leo
2016-11-17
阅读 5 分钟
2.2k
{代码...} [链接][链接][链接]
使用 vue-cli 开发多页应用
xuebin_leo
2016-10-26
阅读 5 分钟
16.5k
打开 ~\build\webpack.dev.conf.js ,在plugins下找到new HtmlWebpackPlugin,在其后面添加对应的多页,并为每个页面添加Chunk配置
关于vue-cli的线上部署 run build
xuebin_leo
2016-09-27
阅读 2 分钟
17k
进入~\config\index.js在build下的assetsPublicPath默认情况下是'/',此时打包的index.html文件中的资源文件(js、css、img)默认情况都是以/开头的绝对路径,指向http服务器的根路径如果想修改为相对路径则需要将assetsPublicPath的值修改为'./',这样就是指向index.html的相对路径了
关于vue-cli的本地开发 run dev
xuebin_leo
2016-09-27
阅读 1 分钟
8.5k
启动 开发的时候启动webpack热替换 {代码...} 端口 默认端口号是8080如果希望修改端口号,则进入~\config\index.js,修改dev下的port为希望启动的端口号 {代码...} 跨域 webpack+Express 进入~\config\index.js,在dev下的proxyTable就是网址映射 {代码...} 這樣當你呼叫 /api 時: {代码...} 就會幫你自動導向 http://l...
vue-router 学习
xuebin_leo
2016-09-27
阅读 3 分钟
3.1k
参考 vue-router文档 使用Vue快速开发单页应用 vue-router Vue.js——vue-router 60分钟快速入门 Demo:[链接] 路由配置 路由配置其实是分两步的,第一步把vue-router的指令方法挂到Vue实例,第二步才是添加路由配置上。 {代码...} 路由参数 {代码...} /:id是路由参数。例如:如果要查看id = '01'的News详情,那么访问路径...
Vuex学习
xuebin_leo
2016-09-27
阅读 2 分钟
7.1k
参考 使用 Vuex + Vue.js 构建单页应用 使用Vue.js和Vuex实现购物车场景vue-demo-collection 配置Vuex 在src下创建一个文件夹叫做vuex。里面定义三个文件。 mutation-types.js 定义类型的 {代码...} actions.js 操作,可以分解成多个文件 {代码...} store.js 入口文件,在根组件调用,然后所有子组件可以共享数据。 {代...
到底用prop还是事件
xuebin_leo
2016-09-27
阅读 2 分钟
2k
那如何优雅的选择呢?笔者觉得可以在数据功能上进行区分。比如上面的场景,是由于子组件child在知道id改变后,在它自己的作用域里去执行handler()方法,handler可能是一个需要ajax获取数据并渲染到child组件上的函数(ajax在child组件中完成的),这时候就推荐用watch来监听id的改变了。如果handler所对应的ajax任务是在父...
如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
xuebin_leo
2016-09-27
阅读 3 分钟
133k
使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码
webpack配置信息说明
xuebin_leo
2016-09-27
阅读 4 分钟
1.9k
参考 Webpack——令人困惑的地方 package.json {代码...} webpack.config.js {代码...}
Vue + Webpack 实践
xuebin_leo
2016-09-27
阅读 4 分钟
3.8k
Vue全家桶 参考 vue-tutorial Vue+Webpack开发可复用的单页面富应用教程 Vue+Webpack使用规范对比其他框架 推荐代码使用 CommonJS 或 ES6 模块,然后使用 Webpack 或 Browserify 打包。 你可以使用 Webpack + vue-loader 或 Browserify + vueify 构建这些单文件 Vue 组件。 可以在 Webpackbin.com 上在线尝试!chrome开...
3D全景漫游
xuebin_leo
2016-05-27
阅读 6 分钟
5.1k
通过pano2vr直接将鱼眼全景图生成立体空间的六个面;也可通过Photoshop或其他的专业3D建模工具,将鱼眼图贴到3D球面上,再将球面转为立方面,获得立体空间的六个面。 使用到的JS库: three.min.js CSS3DRenderer.js 源码Demo:[链接]