分类: 开发相关

开发相关

124 篇文章

CSS 实现优惠券的技巧
本文作者:严文彬 原创声明:本文为阅文前端团队 YFE 成员出品. 转载地址:https://juejin.cn/post/6945023989555134494 在实际 Web 开发过程中,总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式,就是一种在活动充值页非常普遍的优惠券效果,如下 还有这样的 考虑到各种可能出现的场景…
CSS的N个编码技巧
最近看了《CSS揭秘》这本书,里面介绍了很多实用编码技巧,常常让人有茅塞顿开的感觉,这里将一些常用的技巧进行了总结和实践。 垂直居中 如何将一个未知高度的元素垂直居中,通常有两种常用的方法: 1、用绝对定位和translate //html <div class="parent"> <div class=&qu…
try/catch/finally 语句
定义和用法 try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误,通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。 try语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。 finally…
40条移动端H5填坑指南
注:本文转载于掘金 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 为了减少废话提高本文质量,对以下内容做一些约定。 提及的安卓系统包括Android和基于Android开发的系统 提及的苹果系统包括iOS和iPadOS 本文针对的开发场景是移动端浏览器,因此大部分坑位的解决方案在桌面端浏览器里不一定有效 解决方案若未提及适用系统就…
Web播放器
web视频播放器的使用及遇到的问题记录 TcPlayer播放器(腾讯Web超级播放器) https://cloud.tencent.com/document/product/881/20207 Step1. 页面准备工作 在需要播放视频的页面(PC 或 H5)中引入初始化脚本。 <script src="https://imgcac…
不一样的console.log
高级格式化 将某些东西打印到控制台最常见方法是简单地使用一个参数调用console.log(): console.log('打印测试') // 打印测试 有时我们可能想要一条包含多个变量的信息。幸运的是,console.log()可以使用%s,%i等说明符以sprintf()的方式格式化字符串。 const user = '…
微信小程序入门教程之四:API 使用
今天是这个系列教程的最后一篇。 上一篇教程介绍了,小程序页面如何使用 JavaScript 脚本。有了脚本以后,就可以调用微信提供的各种能力(即微信 API),从而做出千变万化的页面。本篇就介绍怎么使用 API。 所有示例的完整代码,都可以从 GitHub 的代码仓库下载。 一、WXML 渲染语法 前面说过,小程序的页面结构使用 WXML 语言进行…
微信小程序入门教程之三:脚本编程
这个系列教程的前两篇,介绍了小程序的项目结构和页面样式。 今天,接着往下讲,教大家为小程序加入 JavaScript 脚本,做出动态效果,以及如何跟用户互动。学会了脚本,就能做出复杂的页面了。 本篇的难度要大于前两篇,如果觉得不好理解,可以先跟着例子,动手做一遍,然后再读文字说明,可能就容易理解了。 所有示例的完整代码,都可以从 GitHub 的代…
微信小程序入门教程之二:页面样式
这个系列的上一篇教程,教大家写了一个最简单的 Hello world 微信小程序。 但是,那只是一个裸页面,并不好看。今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的页面。 所有示例的完整代码,都可以从 GitHub 的代码仓库下载。 一、总体样式 微信小程序允许在顶层放置一个app.wxss文件,里面采用 CSS…