scss 常用语法整理速查表

2021-2-19 Jon html+css

vscode 中实时 scss 转 css  vscode 中搜索并安装插件 Live Sass Compiler 在设置中搜索 Live Sass Compiler 配置如下。"liveSassCompile.settings.formats": [ {"format" : "expanded" ,"extensionName" : ".css" ,"savePath" : null}] 更多配置自行搜索 Live Sass Compile 使 ctrl+shift+P 键入Live Sass: Watch Sass 以开始实时编译 键入 Live Sass: Stop Watching Sass 以停止实时编译。

阅读全文>>

标签: css scss

评论(1) 浏览(4427)

CSS实现隐藏滚动条并可以滚动内容效果最优解

2020-10-20 Jon html+css

CSS实现隐藏滚动条并可以滚动内容效果 特殊情况下会有隐藏滚动条但是内容很长时要可以滚动的需求,当然可以通过插件来实现,但会给人杀鸡用牛刀的感觉,在此记录下使用 css 处理该需求的实现方式 最常用的方式 兼容性最好的方式

阅读全文>>

标签: css 滚动条

评论(0) 浏览(2746)

css3 鼠标经过按钮动画特效

2020-7-22 Jon html+css

css3 鼠标经过按钮动画特效,点击查看

阅读全文>>

标签: css3

评论(0) 浏览(2655)

CSS 3D 翻转效果兼容IE11

2020-7-15 Jon html+css

CSS 3D翻转特效兼容 IE <div class="content"><div class="child child01">3D立体翻转</div><div class="child child02">3D翻转22</div></div>

阅读全文>>

标签: css

评论(0) 浏览(2199)

前端页面初始化动画 loading 的几种效果

2020-4-17 Jon html+css

前端开发时页面初始化如果不做处理会显示空白,这样用户体验就会比较差,如果替换成加载的动画,这样不仅好看,还能提升用户体验,下面就记录几种常用的页面首屏加载动画效果,都是纯css。彩条转圈 loading 动画,点点点平滑过渡 loading 动画等pc和移动端动画

阅读全文>>

标签: 前端 动画 loading 初始化 单页面 效果 css

评论(0) 浏览(5914)

亲测 video 标签 视频格式的兼容现状

2020-1-23 Jon html+css

html5 video标签再熟悉不过了 Iternet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。 src所支持的视频格式有三种 mp4、ogg、webm

阅读全文>>

标签: video

评论(2) 浏览(3672)

检查turn服务器是否处于活跃状态

2019-5-24 Jon html+css

使用webRTC时 有时需要自己搭建turn服务器 如何测试搭建好的turn服务器是否可用 下面给出代码 修改checkTURNServer里面对象的 url/username/credential分别对应url/用户名/密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

阅读全文>>

标签: webRTC

评论(0) 浏览(2656)

http状态码大全总结

2019-3-21 Jon html+css

在前端日常开发过程中,调用后端接口,发起请求的时候就会碰到后端返回的状态码,这篇文章就将后端可能返回的所有状态码含义记录一下,以便查询。 常见状态码 200 - 请求成功 302 - 重定向 401 - 权限不足 403 - 禁止访问要求 SSL 404 - 请求的网页不存在 500 - 服务器内部错误 503 - 服务器不可用 1开头的状态码 100 - (继续) 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 - (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。 2开头的状态码(成功) 200...

阅读全文>>

标签: http

评论(0) 浏览(2385)

HTML5桌面通知知识点总结

2019-1-28 Jon html+css

H5 Web Notification桌面推送消息 特点     可以直接脱离浏览器,在桌面提醒(类似微信及系统提醒)。     不能直接本地运行,需要服务器     需要用户允许方可使用     win系统提醒在右下角,mac提醒在右上角 浏览器兼容性     Firefox (支持)     Chorome (支持)  ...

阅读全文>>

评论(0) 浏览(2555)

解决index.html缓存问题

2019-1-8 Jon html+css

一般项目发版后前端静态文件会有缓存问题, 不强制刷新很难解决, 但是用户不会去强制刷新, 这就需要我们开发人员在配置方面解决浏览器缓存静态文件问题。 一般浏览器缓存的文件有html、css、js等。 css、js文件被缓存的解决方案 一般html中引入的css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。 如果index.html文件被缓存就稍微麻烦些 首先可以在index.html文件头部添加mate标签禁止缓存 <meta http-equiv="Expires" content="0"> <...

阅读全文>>

标签: 面试 缓存

评论(0) 浏览(11627)

HTML <base> 标签详解

2018-7-28 Jon html+css

HTML 标签详解 运行下面代码查看base标签功能 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><base href="http://yuanqiao.pw/img/" data-ke-src="http://yuanqiao.pw/img/" target="_blank" /> <meta name="viewport" content="width=device-width, initial-scale=1.0...

阅读全文>>

标签: base

评论(0) 浏览(2608)

使用css画带气泡的三角形

2018-3-8 Jon html+css

<!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>Document</title> <style> body { ...

阅读全文>>

评论(0) 浏览(2399)

html5+js 监听网络在线与离线?

2016-10-9 Jon html+css

html5+js 监听网络在线与离线 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>html5+js 监听网络在线与离线</title> </head> <body>   <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> ...

阅读全文>>

标签: 离线 在线

评论(0) 浏览(3545)

使用html5 webSQL + localStorage 实现本地留言板功能

2016-9-7 Jon html+css

使用html5 webSQL + localStorage 实现本地留言板功能 使用html5 webSQL + localStorage 实现本地留言板功能 人过留名,雁过留声 您的大名: 您的高论: ...

阅读全文>>

标签: webSQL localStorage

评论(0) 浏览(4023)

css+jquery打造最简洁的评分效果

2016-7-8 Jon html+css

css+jquery打造最简洁的评分效果 最简洁的评分效果 body{width: 500px;margin:120px auto;} .grade-star{position: relative;width: 120px;height: 20px;background: url(https://gitee.com/yinuocode/blogsImg/raw/master/img/star.png) repeat-x 0 0;} .brigh...

阅读全文>>

标签: 评分

评论(0) 浏览(3025)

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap