Xuanmo Blog | WEB前端笔记

分享：30秒或更短的时间内弄懂的有用CSS代码片段

简介：您可以在30秒或更短的时间内弄懂的有用CSS代码片段的精选。英文版：https://github.com/atomiks/30-seconds-of-css 中文版：http://caibaojian.com/30-seconds-of-css

2018-08-17 14:00:485431313

阅读详情

解决vue项目中的“Invalid Host header”

最近在做一个微信公众号项目，用微信开发工具调试本地项目，需要做一下内网穿透，代理都配置好了，页面出现这个Invalid Host header错误，内网穿透工具我是用的frps做的，最后通过google找到方法，在webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 devServer: { disableHostCheck: true, }

2018-08-15 12:45:3514306

阅读详情

一个简单的打字机效果

之前利用字符串截取方法实现简单的打字机效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>打字机特效</title> </head> <bod

2018-08-06 22:40:38336412

阅读详情

分享一组SVG loading动画

使用直接右键保存即可更多地址：https://loading.io

2018-08-04 14:24:36242210

阅读详情

我的scss常用方法

兼容IE透明度写法 @mixin opacity($number: 0.5) { opacity: $number; filter: alpha(opacity=#{$number * 100}); }   修改input placeholder颜色 @mixin placeholderColor($color: #fff) { &::-webkit-input-placeholder { color: $color; } &::-moz-placeholder { /* Mozilla Firefox 19+ */ color: $color; } &:-m

2018-06-29 13:19:131381016

阅读详情

本站已改用nuxtjs在服务端渲染页面

上一版主题使用的是vuejs+wordpress rest api在前端做的页面渲染，不能做SEO，所以将博客改版了一下，采用nuxtjs+wordpress rest api在服务端渲染页面，nuxtjs是vuejs服务端渲染的一个框架，详细介绍。目前主题暂时不支持直接将页面当wordpress主题使用，需要部署nodejs做页面的渲染。 https://github.com/xuanmos/xm-nuxtjs-wordpress nuxtjs官网的文档资料写的不是很细，中文和英文版官网的版本跨度有点大，目前中文官网的版本为0.10.7，英文官网版本为1.4.0，中间也是遇见不少问题。简单

2018-06-23 00:52:032871230

阅读详情

客户案例-北京星光视易科技有限公司官网

这是去年帮一朋友做的一个官网，设计这个可真是苦了我了我这个大老粗，响应式目前未做官网地址：https://www.bjxgsy.com/

2018-05-29 12:54:546671514

阅读详情

记一笔vue中css深度作用选择器

在写vue项目的时候，当<style>标签有scoped属性时，它的 CSS 只作用于当前组件中的元素，经常会遇见这种情况，之前遇见这种情况一直都是写成公用样式里面，这种做法还是有点low，最后见官网有一种做法没见到的，写法如下：这种对于css语法起作用 <style scoped> .a >>> .b { /* ... */ } </style> 对于scss这类的预处理器需要用/deep/的写法 .btn-wrap{ /* ... */ /deep/ .el-button{ /* ... */ } } 更多参考资料，官网链接>&

2018-05-29 12:26:22168312

阅读详情