H5避坑指南 | HTML

调用系统功能使用 <a> 能快速调用移动设备的电话/短信/邮件三大通讯功能,使用 <input> 能快速调用移动设备的的图库/文件。这些功能方便了页面与系统的交互,关键在于调用格式一定要准确,否则会被移动端浏览器忽略。<!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a>

- 阅读全文 -

H5避坑指南 | CSS

自动适应布局针对移动端,笔者通常会结合JS依据屏幕宽度与设计图宽度的比例动态声明 <html> 的 font-size ,以 rem 为长度单位声明所有节点的几何属性,这样就能做到大部分移动设备的页面兼容,兼容出入较大的地方再通过媒体查询做特别处理。笔者通常将 rem 布局比例设置成 1rem=100px ,即在设计图上 100px 长度在CSS代码上使用 1rem 表示。functi

- 阅读全文 -

Marked.md 采坑

安装:npm install marked or cnpm install markedcss:npm install github-markdown-css or cnpm install github-markdown-css使用:<template> <!-- 注意:需要添加 markdown-body class类名 --> <div clas

- 阅读全文 -

原生JS制作一个图片放大查看器

前言: 发现vue模板代码写多了, 自己的原生JS手写能力下降了不少, 闲来无事, 自己做一个简单的图片放大查看封装<!DOCTYPE html> <html> <head> <title>图片放大器 --- jensonhui's blog</title> <link rel="stylesheet"

- 阅读全文 -

Animate.css文字抖动以及模糊问题

传送门 => Just-add-water CSS animations - Animate.css 1 . 在该动画的transform里加上translateZ(0)值,能解决文字抖动的问题,但是没解决文字模糊的问题。 2 . 在发生文字模糊的地方加上transform: translate3d(0,0,0),解决文字模糊以及的问题。 使用scale发生文字抖动及模糊时,在该文字

- 阅读全文 -

最新文章

最近回复

  • anny: 我觉得直接在这个页面用会更好
  • bushiba: let a = document.getElemen...
  • 嘻嘻:
  • 年华流失: haha.qiaoqiao
  • 站元素主机: 感谢博主分享 赞一个
  • goat: 这个博客太漂亮了,i了
  • mazouri: 1
  • yun zuo: 优秀的资料
  • 22: come on!
  • 唐子涵: 博主您好我来交换友链 已添加贵站友链 站点名称:唐子涵的个人博客...

标签