本文作者：严文彬 原创声明：本文为阅文前端团队 YFE 成员出品. 转载地址：https://juejin.cn/post/6945023989555134494 在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 还有这样的 考虑到各种可能出现的场景…

最近看了《CSS揭秘》这本书，里面介绍了很多实用编码技巧，常常让人有茅塞顿开的感觉，这里将一些常用的技巧进行了总结和实践。 垂直居中 如何将一个未知高度的元素垂直居中，通常有两种常用的方法： 1、用绝对定位和translate //html <div class="parent"> <div class=&qu…

定义和用法 try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 finally…

注：本文转载于掘金 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 为了减少废话提高本文质量，对以下内容做一些约定。 提及的安卓系统包括Android和基于Android开发的系统 提及的苹果系统包括iOS和iPadOS 本文针对的开发场景是移动端浏览器，因此大部分坑位的解决方案在桌面端浏览器里不一定有效 解决方案若未提及适用系统就…

web视频播放器的使用及遇到的问题记录 TcPlayer播放器(腾讯Web超级播放器) https://cloud.tencent.com/document/product/881/20207 Step1. 页面准备工作 在需要播放视频的页面（PC 或 H5）中引入初始化脚本。 <script src="https://imgcac…

获取页面传来的参数 <div> <script> function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var…

高级格式化 将某些东西打印到控制台最常见方法是简单地使用一个参数调用console.log()： console.log('打印测试') // 打印测试 有时我们可能想要一条包含多个变量的信息。幸运的是，console.log()可以使用％s，％i等说明符以sprintf()的方式格式化字符串。 const user = '…

今天是这个系列教程的最后一篇。 上一篇教程介绍了，小程序页面如何使用 JavaScript 脚本。有了脚本以后，就可以调用微信提供的各种能力（即微信 API），从而做出千变万化的页面。本篇就介绍怎么使用 API。 所有示例的完整代码，都可以从 GitHub 的代码仓库下载。 一、WXML 渲染语法 前面说过，小程序的页面结构使用 WXML 语言进行…

这个系列教程的前两篇，介绍了小程序的项目结构和页面样式。 今天，接着往下讲，教大家为小程序加入 JavaScript 脚本，做出动态效果，以及如何跟用户互动。学会了脚本，就能做出复杂的页面了。 本篇的难度要大于前两篇，如果觉得不好理解，可以先跟着例子，动手做一遍，然后再读文字说明，可能就容易理解了。 所有示例的完整代码，都可以从 GitHub 的代…

这个系列的上一篇教程，教大家写了一个最简单的 Hello world 微信小程序。 但是，那只是一个裸页面，并不好看。今天接着往下讲，如何为这个页面添加样式，使它看上去更美观，教大家写出实际可以使用的页面。 所有示例的完整代码，都可以从 GitHub 的代码仓库下载。 一、总体样式 微信小程序允许在顶层放置一个app.wxss文件，里面采用 CSS…