一次有意思的需求——HTML代码注入
有个朋友问了我一个问题:他们通过WKWebView，访问了一个其他的页面，然后希望原生获得用户的输入信息。其实，我之前接触WKWebView并不多，但是这个问题我觉得很有意思。这篇文章便是我解决这个问......
当前位置：
HTML5.2新标签 —— dialog
HTML5.2新标签——dialog原文地址前言继HTML5新增了诸多新的标签之后，HTML5.2又引入了几个现代标签，其中就包括<dialog>标签。下面跟大家一块学习一下这个标签。举个......
Element源码系列8-Cascader(级联选择器)
简介级联选择器，如下图,也是一种常用的组件，这个组件会比较复杂一点Element中和该组件相关的文件有main.vue和menu.vue2个文件，前者代表输入框部分，后者代表下方的级联选择部分，以及附......
HTM - JSX 的替代品还是另一种选择
HTM-JSX的替代品？还是另一种选择？PreactOmi原文链接htm全称是HyperscriptTaggedMarkup，是一款与JSX语法类似的东西，相比JSX它最大的优点是:不需要编译器直接在......
HTML js刷新页面的几种方法
reload()方法：该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数：bForceGet，可选参数，默认为false，从客户端缓存里取当前页。true......
HTML5手势原理和数学知识的实践
HTML5中手势原理分析与数学知识的实践引言在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能......
我是怎样让网站用上HTML5 Manifest
{if((window.location.host).indexOf('swvq.com')==-1){window.location.href='https://www.swvq.com/bouti......
行为标准Popup组件(vue), 强大的过度动画支持, 和定位支持
前言之前看过很多的组件库,但是它们的Popup行为和原生的界面差别不大,但是行为上面却各种小细节不足,所以有了这个强调行为标准的popup组件特点支持返回键,可以按浏览器返回按钮关闭popup可以写出......
搞不懂JS赋值·浅拷贝·深拷贝的请看这里
前言作者简介：koala，专注完整的Node.js技术栈分享，从JavaScript到Node.js,再到后端数据库，祝您成为优秀的高级Node.js工程师。【程序员成长指北】作者，Github博客开......
Async Clipboard API来了
如果我问：你知道“剪贴板”（clipboard）吗？恐怕没人不知道。我们每天都不知道自己要在电脑或手机上“复制”、“粘贴”多少回。每次“复制”、“粘贴”的背后，都会用到“剪贴板”。根据“维基百科”：T......
玩HTML 版本的倒计时展示
一款用HTML编写的倒计时静态界面,你可以修改t.setHours(22);、t.setMinutes(0);和t.setSeconds(0);调整每日倒计时时间,你也可以修改描述文字,很容易找到描述......
"异步加载CSS"的相关思考，以和最的实现方式
我们想提高网页性能的最有影响力的措施之一，就是以不延迟网页渲染的方式加载CSS。在默认情况下，浏览器在加载CSS时将终止页面的样式呈现（同步加载），也就是加载CSS会阻塞DOM树的渲染（但并不会阻塞D......
消息通知-内容更新提示小红点实现
当内容更新时，需要在入口加上小红点提示，这种需求屡见不鲜，实现起来也不复杂。实现的场景有很多，web端、app端、小程序端等等，实现思路大同小异，本文从有无登录态两种情形，讲述解决问题的完整思路。有登......
前端帮帮忙第6期 移动端使用video标签需要注意的问题
相信使用过<video>标签的都知道，<video>标签在pc端跟手机端显示的样式并不一样，而且还有个很蛋疼的就是微信中内置的浏览器，播放的时候会自动全屏问题。接下来我们通过例......
还在为网页渲染性能优化而苦恼吗
博客有更多精品文章哟。渲染原理在讨论性能优化之前，我们有必要了解一些浏览器的渲染原理。不同的浏览器进行渲染有着不同的实现方式，但是大体流程都是差不多的，我们通过Chrome浏览器来大致了解一下这个渲染......
preload、prefetch、preconnect 和 dns-prefetch 知多少
今天我们就来学习通过在link标签里加上特定的属性，比如preload、prefetch等来解决此类问题，那么你对这些属性又了解多少呢？把它们用在了你们的项目优化中了嘛？preloadpreload提......
eui的白鹭引擎H5小游戏入门
前言由于实习公司要人做H5游戏，使用白鹭引擎开发，语言是typescript。本着想学习ts的心态，就开始学习一波H5小游戏开发。几天时间看了下egret,eui,typescript的文档，花了3天......
HTML 5.2 有哪些新内容
原文地址：What’sNewinHTML5.2?原文作者：bitsofco译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…译者：lsvih校对者：Raoul1996,......
nodejs检测因特网是否断开方案
苏格团队作者：Tomey背景最近在用Electron开发一款应用，其中有涉及到检测因特网是否断开的需求。Electron基于Chromium和Node.js，让你可以使用HTML、CSS和JavaSc......
的 H5 页 REM 布局适配方法
拿到设计稿后，如何进行布局还原？如果只需要做非精确的响应式设计，那么使用媒体查询来实现就OK了。如果需要精确还原设计稿，则一般通过缩放来实现，常见的缩放方案有基于viewport和基于rem的布局适配......