会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Ghost的前端日志
在全栈的路上越走越远
博客园
首页
新随笔
联系
订阅
管理
2019年2月27日
vue项目的实用配置
摘要: 文件压缩如何去掉console 在使用 开发项目的过程中,免不了在调试的时候会写许多 ,在控制台进行调试;在开发的时候这种输出是必须的,但是 后线上运行时这个东西是不能出现的;那么我如何配置项目,从而让 帮我删除掉 呢?下面我们给出了 和`vue cli 2.0`的配置如下: vue cli 3.0
阅读全文
posted @ 2019-02-27 18:21 Ghost的前端日志
阅读(1545)
评论(0)
推荐(0)
2019年2月21日
【转载】flex布局超过显示省略号
摘要: ``` a namea namea namea namea b namea namea namea namea c namea ```
阅读全文
posted @ 2019-02-21 17:58 Ghost的前端日志
阅读(4004)
评论(0)
推荐(0)
2019年2月19日
flexbox属性速览及常见布局实现
摘要: `CSS3 CSS2 CSS3` 的一种新的布局模式。 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
阅读全文
posted @ 2019-02-19 14:58 Ghost的前端日志
阅读(408)
评论(0)
推荐(0)
2019年2月18日
vue-ssr之nuxt.js的命令和部署
摘要: 命令列表 命令 | 描述 | nuxt | 启动一个热加载的Web服务器(开发模式) 。 nuxt build | 利用 编译应用,压缩 和`CSS`资源(发布用)。 nuxt start | 以生产模式启动一个Web服务器 ( 会先被执行)。 nuxt generate | 编译应用,并依据路由配
阅读全文
posted @ 2019-02-18 14:24 Ghost的前端日志
阅读(440)
评论(0)
推荐(0)
vue-ssr之nuxt.js的插件使用
摘要: 有时候,我们会有这样的需求,在项目的前端页面中需要使用一个 插件,来实现图片轮播,但是 是在服务端进行编译的,那么问题来了,我们如何像在 中那样使用第三方模块,封装轮播公用组件呢?答案是:使用nuxt到插件功能。 官方文档: Nuxt.js允许在实例化Vue.js应用程序之前运行js插件。这在您需要
阅读全文
posted @ 2019-02-18 14:10 Ghost的前端日志
阅读(953)
评论(0)
推荐(0)
2019年1月31日
vue-ssr之nuxt.js的路由
摘要: 一个 项目是离不开路由系统的,那么我们接下来看看 框架如果实现页面路由。 依据 目录结构自动生成 模块的路由配置。 要在页面之间使用路由,我们建议使用`` 标签。 基础路由 假设 pages 的目录结构如下: 那么,Nuxt.js 自动生成的路由配置如下: 动态路由 在 Nuxt.js 里面定义带参
阅读全文
posted @ 2019-01-31 16:23 Ghost的前端日志
阅读(482)
评论(0)
推荐(0)
vue-ssr之nuxt.js的layout布局
摘要: 在前端开发中,我们通常需要把公用部分抽离出来,单独作为一个 文件,用来引入公共文件,这样我们就不需要在每一个页面都去引入公共文件了。那么我们在 中如何实现一个公用模板抽离呢? 首先, 为我们提供了默认的 , 即项目文件下面的 ;所有的布局文件,都需要放在这里,并且该目录名为Nuxt.js保留的,不可
阅读全文
posted @ 2019-01-31 14:53 Ghost的前端日志
阅读(3435)
评论(0)
推荐(0)
vue-ssr之nuxt.js 服务端的异步数据交互
摘要: 在 项目开发中,数据请求是必不可少的;我们通常在 中使用的数据请求,都是基于浏览器进行的异步请求;那么在 框架中,如何实现数据请求呢?现在用一个例子来演示怎么使用 ,实现服务端的异步数据请求。 PS. axios在nuxt.js框架是作为模块在初始化项目的时候就让选择安装的。但是亲测发现似乎没有安装
阅读全文
posted @ 2019-01-31 14:22 Ghost的前端日志
阅读(1121)
评论(0)
推荐(0)
vue-ssr之nuxt.js简介和安装及目录结构
摘要: Nuxt.js是什么 是一个基于 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织, 主要关注的是应用的 UI渲染。 我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 项目中使用 。 预设了利用 开发服务端渲染的应用所需要的各种配置。 除此之外,我们还提
阅读全文
posted @ 2019-01-31 13:08 Ghost的前端日志
阅读(623)
评论(0)
推荐(0)
2019年1月24日
nginx实用配置用例
摘要: vue项目部署及后台api访问 nginx.conf 配置静态页面访问 配置SSL证书,实现HTTPS访问 这里用配置wordpress为例 一台服务器上面部署多个服务,根据域名访问 域名一: 域名二:
阅读全文
posted @ 2019-01-24 14:24 Ghost的前端日志
阅读(372)
评论(0)
推荐(0)
2019年1月16日
Homebrew(brew)安装MySQL@5.7及配置
摘要: 查找并确定自己需要安装的版本 安装msyql@5.7 可以看到brew在安装的时候已经初始过mysql了(不用再像网上说的再执行mysql_install_db命令),且当前没有密码于是我按照它的提示,执行命令: 按照提示设置密码即可 配置密码
阅读全文
posted @ 2019-01-16 11:55 Ghost的前端日志
阅读(6033)
评论(0)
推荐(0)
2019年1月7日
小程序项目的全局配置
摘要: 全局配置 window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 navigationBarBackgroundColor HexColor 000000 导航栏背景颜色,如 000000 navigationBarTextStyle String white 导航栏标题颜色,仅支持 bl
阅读全文
posted @ 2019-01-07 18:00 Ghost的前端日志
阅读(638)
评论(0)
推荐(0)
小程序开发之wepy框架
摘要: ps 本教程使用wepy 1.7+以上的版本 wepy 让小程序支持组件化开发的框架 鹅厂出品,用于开发自家产品的框架还是很良心的,框架设计思路上参照vue,但不是全部照搬,这点要注意。 对微信小程序官方api百分百兼容,不同的是把 开头的接口,变成 开头即可。 安装 全局安装命令行工具 安装完成后
阅读全文
posted @ 2019-01-07 17:59 Ghost的前端日志
阅读(358)
评论(0)
推荐(0)
2019年1月2日
vue项目实现按需加载的3种方式
摘要: vue异步组件技术 vue router配置路由,使用vue的 "异步组件技术" ,可以实现按需加载。 这种方式下一个组件生成一个js文件 用例: es提案的import() (推荐) webpack官方文档: "webpack中使用import()" vue官方文档: "路由懒加载(使用impor
阅读全文
posted @ 2019-01-02 19:55 Ghost的前端日志
阅读(10884)
评论(0)
推荐(0)
2018年12月31日
axios解决调用后端接口跨域问题
摘要: vue cli通过是本地代理的方式解决接口跨域问题的。但是在vue cli的默认项目配置中这个代理是没有配置的,如果现在项目中使用,必须手动配置 文件 重新 即可
阅读全文
posted @ 2018-12-31 19:26 Ghost的前端日志
阅读(2121)
评论(0)
推荐(0)
2018年12月21日
vuex的使用入门-官方用例
摘要: store/index.js import Vue from 'vue' import Vuex from 'vuex'; // 使用vuex Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 0 }, getters: { m
阅读全文
posted @ 2018-12-21 11:42 Ghost的前端日志
阅读(477)
评论(0)
推荐(0)
2018年12月13日
vue使用axios实现前后端通信
摘要: 安装依赖 用例 在main.js里面进行全局引入 在组件中调用方法 封装 main.js 组件中调用 http.js
阅读全文
posted @ 2018-12-13 18:33 Ghost的前端日志
阅读(2634)
评论(0)
推荐(0)
2018年12月12日
vue组件间通信用例
摘要: 父组件传值给子组件 以封装公用slide组件为例 父组件 子组件 子组件传值给父组件 父组件 子组件
阅读全文
posted @ 2018-12-12 18:42 Ghost的前端日志
阅读(318)
评论(0)
推荐(0)
vue-router的访问权限管理
摘要: 路由守卫(路由钩子、拦截器) vue router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 可以不登录直接进入系统,但是访问指定位置需要登录 只有一级目录的情况下的拦截 多级目录情况下的拦截 直接在路由中设置拦截
阅读全文
posted @ 2018-12-12 15:42 Ghost的前端日志
阅读(3266)
评论(1)
推荐(0)
vue-router使用入门
摘要: 安装及基本配置 传参和参数获取 属性传参 哈希传参 子路由 在路由中嵌套 ,实现子路由配置, 子路由必须配置专属的 ,用于页面渲染。 手动访问和传参 路由配置: 模板配置: 控制器配置: 命名视图 命名视图多用在左菜单右内容的位置,比如网站的个人中心 路由配置: 模板配置:
阅读全文
posted @ 2018-12-12 14:07 Ghost的前端日志
阅读(330)
评论(0)
推荐(0)
下一页
公告