HTML5
文章平均质量分 54
攻城狮Lee丶
一个奇葩的程序员,外冷内热,有点闷骚 ,生活状态下是个逗比,工作时是个完美主义者。....................
展开
-
IntersectionObserver
IntersectionObserver解决元素在可视区判断问题。原创 2022-07-12 16:17:56 · 342 阅读 · 0 评论 -
uni-app 页面跳转
今天看Dcloud官网更新了个uni-app,据说一套代码三端发布(Android,iOS,微信小程序),果断一试。uni.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。OBJECT参数说明参数 类型 必填 说明 url String 是 需要跳转的应用内非...原创 2020-06-15 09:02:29 · 195477 阅读 · 23 评论 -
HTML和CSS代码规范
HTML语法 HTML5 doctype 语言属性 IE 兼容模式 字符编码 引入 CSS 和 JavaScript 文件 实用为王 属性顺序 布尔型属性 减少标签的数量 JavaScript 生成的标签CSS语法 声明顺序 不要使用 @import 媒体查询(Media query)的位置 带前缀的属性 单行规则声明 简写形式的属性声明 Less 和 ...转载 2020-05-07 14:27:33 · 2021 阅读 · 0 评论 -
前端密码加密有没有用?
很多人都认为https是安全的,他加密了http所有的字段,那他就一定是安全的吗,现在的HTTPS通信不实端到端的,是夹着一层层的代理,有客户端的代理,还有服务端的代理。本来比较安全的HTTPS,因为代理所以存在安全隐患。客户端代理 通常用户是不知道代理的存在,比如企业为了监控员工https流量,一定会在员工电脑上下手脚,这样企业的网管完全可以看到员工的https明文流量,其...原创 2020-03-09 11:07:03 · 2795 阅读 · 0 评论 -
HTML元素方法
首先让我们来讨论一下 HTML 与 DOM 之间的区别。显然,普通的 <table> 元素就是一段 HTML 代码,它可以应用在任何一个以 .html 为扩展名的文件中。元素自带一系列特性(attribute),以控制它的显示方式与行为。这就是元素的全部内容,它与 JavaScript 没有任何关联。而 DOM 的作用是将你的 JavaScript 代码与文档中的 HTML...原创 2019-04-27 10:54:28 · 9938 阅读 · 0 评论 -
前端动画交互
一、简介Lottie 是Airbnb开源的一个面向 iOS、Android、React Native 的动画库,能分析 Adobe After Effects 导出的动画,并且能让原生 App 像使用静态素材一样使用这些动画,完美实现动画效果。现在使用各平台的 native 代码实现一套复杂的动画是一件很困难并且耗时的事,我们需要为不同尺寸的屏幕加载不同的素材资源,还需要写大量难维护的代码...原创 2019-04-27 10:51:20 · 3435 阅读 · 2 评论 -
解决HTML5+sdk开发的webapp兼容各种刘海屏的问题
近一年各种刘海屏相继出世,特此记录解决方案在manifest.json文件下的代码视图中plus对象下添加如下代码即可"splashscreen" : { "autoclose" : true, //是否自动关闭程序启动界面,true表示应用加载应用入口页面后自动关闭;false则需调plus.navigator.closeSplashscreen()关闭 "wa...原创 2019-04-18 09:14:31 · 14521 阅读 · 3 评论 -
一看就能学会的H5视频推流方案
随着直播平台爆发式增长,直播平台从 PC 端转战移动端,紧跟着直播的潮流,自己学习实现了一套简单的 H5 视频推流的解决方案,下面就给小伙伴们分享一下自己学习过程中的经验。环境部署1、 配置、安装 Nginx;# ./configure --sbin-path=/usr/local/nginx/nginx --conf-path=/usr/local/nginx/nginx.pid ...转载 2019-03-29 09:48:43 · 2536 阅读 · 1 评论 -
一些有趣的 CSS 魔法和布局(上)
前言布局和样式,是每个前端的必修课。在日常的工作中,也会碰到一些特定场景的布局需求,配合上样式,就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局,以及浏览各大网站时碰巧发现的神奇特效写法,在此做个分享。由于篇幅原因,会分为 2 篇。今天,会先介绍一些有趣而又实用的布局的写法。之后的一篇,将展现样式的神奇魔法。懒加载占位图自适应在商城中展示商品图片时,如果图片较多,一种比较好...翻译 2019-03-25 15:02:31 · 886 阅读 · 1 评论 -
css3 水波动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html{ font-size: 20px...转载 2018-12-07 16:21:29 · 3606 阅读 · 0 评论 -
TweenMax(二)按钮点击小动画
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/TweenMax.js" &g原创 2018-11-08 11:36:58 · 1913 阅读 · 0 评论 -
TweenMax(一)基础语法
偶然发现一个很强大打的动画库,果断了解一下。<script src = 'https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js'></script>先给文件链接。1.简单示例<!DOCTYPE html><html> <head> &...原创 2018-11-08 09:39:32 · 4509 阅读 · 0 评论 -
分享一些精彩的webGL示例
WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL 可以为 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。在这篇文章中20个不可思议的 WebGL 示例来增强你对于这个新技术的理解。1. Aquarium原创 2018-03-02 14:46:57 · 35660 阅读 · 0 评论 -
手机浏览器window.close()无效(黑科技)
最近接触一个RTMP直播项目有需求是点击按钮关闭当前窗口。PC,安卓的部分浏览器都可以(老大没说要兼容所有浏览器只要部分浏览器能看就可以),测试了好多浏览器有的能关闭窗口不能接受RTMP的推流,有的能接受推流但是不能关闭窗口。最后测试QQ和百度浏览器可以。但是IOS 真的是无语了 没有一个都好使的。后来想出一个黑科技b.html代码window.open('a.html');a.html代码点击按...原创 2018-03-01 16:11:55 · 13932 阅读 · 0 评论 -
原生js 时钟
话不多说,直接上代码。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0; list-style: none;} .clo原创 2018-03-08 09:06:24 · 6036 阅读 · 0 评论