-
URL 常见转义字符参考
前言 在URL中，某些特殊字符会被转义成其它项，为了使这些特殊字符能正确表达，需用%加该字符的ASCII码在URL中显示。 参考表 序号 URL中出现的字符 将被转义成 1 (空格) %20 2 + %2B 3 & %26 4 = %3D 5 < %3C 6 > %3E 7 " %22 8 # %23 9 , %2C 10 % %25 11 { %7B 12 } %7…- 443
- 0
-
HTML 锚点三种实现方法
在网页中经常用到锚点，特别是在比较长的页面中锚点的使用会增加用户体验。 下面介绍下锚点三种实现方法： 1. 在同一页面中 <a name="add"></a> 或者 <a id="add"></a> <a href="#add">跳转到add</a> （ps：用id…- 573
- 0
-
日常开发中px单位自动转换为rem的方法
开发工具： vscodecss预处理器： less 1. vscode安装cssrem插件 2. 修改css插件的默认配置 其默认转换px为16px, 需要改为当前项目设计的1rem所对应的px，vscode插件的默认安装目录一般为 C:Users用户名.vscodeextensions；找到 cipchk.cssrem-0.0.3 插件，打开package.json, 修改其默认…- 974
- 0
-
移动端实现拖拽的两种方法
移动端的项目经常会引入手势库来实现拖拽 不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算 最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固定定位，然后在拖拽的时候修改其定位，实现拖拽的效果； 2. 使用 transform 中的平移 translate 属性实现拖拽。 方案一：固定定位 fixed…- 1.1k
- 0
-
Vue style里面使用@import引入外部css, 作用域是全局的解决方案
问题描述 使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to thi…- 1.3k
- 0
-
-
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head> 也许你认为这些代码可有可无。其实如果你能够用好…- 1k
- 0
-
15个国外最流行的CSS框架
摘要：CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。本文将介绍15个国外最流行的CSS框架，希望对您有所帮助。 CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如，typography.css是基本排版规、grid.css是基于网格的布局、layout.css通常的布局，…- 969
- 0
-
HTML5 WebSockets 基础使用教程
摘要：HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets？ WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目…- 917
- 0
-
15个精美的 HTML5 单页网站作品欣赏
HTML5 是现在Web开发领域的热点，更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏。今天，本文收集了15个精美的 HTML5 单页网站作品，让大家感受一下 HTML5 的魅力，一起欣赏。 Digitalhands Hellocarbon Morehazards Bokicabo Mindepic Tejpotter Unfold Shweplantis Vertaa…- 1k
- 0
-
10大H5前端ui框架,ui让你开发不愁
作为一名在前端死缠烂打6年并且懒到不行的攻城狮，这几年阅过很多从知名到很知名的前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖，凑够字数也就全剧终了。下面的框架也没有什么先后顺序之分，我想到啥就写啥啦( 作为前端，我一向都这么的任性 _ )。 Bootstrap 首先说 Boots…- 1.1k
- 0
-
前端开发，用 css3 做一个求婚小动画
首先放张效果图 然后一步步分析一下 首先是刚出现的新郎的动画 .w-m img{ margin-right: 0; float: right; margin-top: 60px; animation: toWoman 0.5s ease .5s both; } @keyframes toWoman{ 0%{ opacity: 0; transform: translate(-200px); } 1…- 1.1k
- 0
-
从浅到深的学习 CSS3阴影(box-shadow)
前言 前面两篇文章都有提到过box-shadow，里面也有很多的基础知识，有看过的小伙伴应该都有或多或少的收获吧，今天我们再从基础入手，希望能让大家更熟悉它。 没有看过之前文章的小伙伴请点击： CSS3 box-shadow实现背景动画 CSS3动画解析抖音 LOGO制作 下面我们从最基础的开始演示。 单侧投影 关键点: 1、外 box-shadow 前四个参数：x 偏移值、y 偏移值 …- 784
- 0
-
HTML5添加背景音乐 3种方法个人推荐audio
这里推荐两种方法，就是两个标签 <embed> 或者<audio >常用 <audio > +css布局 隐藏播放器 做网站比较实用！ <!DOCTYPE html> <html> <head> <title>html5添加音乐</title> <meta chars…- 902
- 0
-
H5页面WebView在iPhoneX的适配
1. iPhoneX的介绍 屏幕尺寸 我们熟知的iPhone系列开发尺寸概要如下： △ iPhone各机型的开发尺寸 转化成我们熟知的像素尺寸： △ 每个机型的多维度尺寸 倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI（DPI），了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念：《基础知识学起来！为设计师量身打造的DPI指南》 iPhone8在本次…- 728
- 0
-
vue移动端h5页面根据屏幕适配的四种方案
最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。 方法一：引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible 淘宝的其实也和viewport的…- 822
- 0
-
H5新增的特性及语义化标签
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等 (1)语义标签 语义化标签使得页面的内容结构化，见名知义 标签 描述 <hrader></header> 定义了文档的…- 847
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×