随笔分类 - html/css
摘要：我们在学习JavaScript，或其他任何编码技能的时候，往往是因为这些拦路虎而裹足不前：有些概念可能会造成混淆，尤其当你是从其他语言转过来的时候。找不到时间（有时是动力）学习。很容易忘记已经理解了的东西。工具多又在不断变化，所以不知道从哪里开始。 幸运的是，这些拦路虎是可以被识别，并消灭的。在这篇
阅读全文
posted @ 2020-11-25 14:17
酷儿q
摘要：一.什么是浏览器兼容性问题？ 所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核 浏览器类型 内核 js引擎 IE Trident jscript Firefox Gecko Tra
阅读全文
posted @ 2020-11-25 14:15
酷儿q
摘要：在大多数的文章中，attribute 一般被翻译为“特性”，property 被译为“属性”。 结论 把结论写在最前面，如果你全都懂，后面就不用看了。 html attributeDOM property 值永远是字符串或 null 值可以是任意合法 js 类型 大小写不敏感 大小写敏感 不存在时返
阅读全文
posted @ 2020-11-25 14:14
酷儿q
摘要：前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从
阅读全文
posted @ 2020-11-25 14:13
酷儿q
摘要：网上浏览的时候。看到有些页面会有背景的水印效果，使用canvas实现了个类似的效果，如图 可以作为背景，也可以作为页面前景覆盖，防止网页信息的截图 实现代码 let canvas = document.createElement('canvas') canvas.id = '__canvas' ca
阅读全文
posted @ 2020-11-25 14:12
酷儿q
摘要：原因何在 1.从客观原因来看，前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然很旺盛，但是对前端的技术能力要求却不是很高，特别是一些小公司或者不是技术驱动的公司。这给人一种错觉，好像只需要懂一些js，会一般的html+css就能完成前端的工作。也由于这种原因，前端总是处于技术鄙视链的最底
阅读全文
posted @ 2020-11-25 14:10
酷儿q
摘要：前言 老鸟：怎样去监听 DOM 元素的高度变化呢？菜鸟：哈哈哈哈哈，这都不知道哦，用 onresize 事件鸭！老鸟扶了扶眼睛，空气安静几秒钟，菜鸟才晃过神来。对鸭，普通 DOM 元素没有 onresize 事件，只有在 window 对象下有此事件，该死，又双叒叕糗大了。 哈哈哈哈，以上纯属虚构，
阅读全文
posted @ 2020-11-25 14:09
酷儿q
摘要：背景介绍 信息流App是当下最流行的产品之一，如今日头条等。我所在的团队也是在做这样一款信息流App。App的Feed流是客户端Native实现的。用户点击Feed流中的文章后，会进入到文章底层页。文章底层页大部分都是Native实现的，但是有一些文章的数据是非结构化的，Native没有办法很好地处
阅读全文
posted @ 2020-11-25 14:07
酷儿q
摘要：为什么要做前端错误监控? 1. 为了保证产品的质量 2. 有些问题只存在于线上特定的环境 3. 后端错误有监控,前端错误没有监控 前端错误的分类 前端错误分为两类: 即时运行错误和资源加载错误 即使运行错误的捕获方式 即时运行错误的捕获方式分为两类 try...catch window.onerro
阅读全文
posted @ 2020-11-25 14:06
酷儿q
摘要：当我们在进行开发的时候，通常需要属于我们自己的错误类来反映任务中可能出现的特殊情况。对于网络操作错误，我们需要 HttpError，对于数据库操作错误，我们需要 DbError，对于搜索操作错误，我们需要 NotFoundError，等等。 我们自定义的错误应该具有基本的错误属性，例如 messag
阅读全文
posted @ 2020-11-25 14:05
酷儿q
摘要：关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 怎么清除浏览
阅读全文
posted @ 2020-11-25 14:04
酷儿q
摘要：现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。我们收集了一些在Web开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助Web开发者更好的完善网站。 通过避免下面这些小错误，可以使得我们的网站变得更为友好。 错误1： 表单的label标签跟表单字段没有关联 利用“for”
阅读全文
posted @ 2020-11-25 14:02
酷儿q
摘要：效果图 实现思路 打开图片并将图片绘制到canvas中； 利用canvas的drawImage()函数来裁剪图片； 将canvas转化为Image即可。 html代码： <div id="container"> <div id="btnDiv"> <button id="btn1">截图</butt
阅读全文
posted @ 2020-11-25 14:01
酷儿q
摘要：实现基本功能 完整代码查看这里 ，下面只展示html结构和JavaScript <div class="carousel"> <div class="panels"> <a href="#"> <img src="http://cdn.jirengu.com/book.jirengu.com/img
阅读全文
posted @ 2020-11-25 14:00
酷儿q
摘要：前言 在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题； 一、利用meta标签 直接上代码,1、首先在路由中的meta标签中记录keepAl
阅读全文
posted @ 2020-11-25 13:59
酷儿q
摘要：近来，各大平台的操作系统纷纷引入 Dark Mode 深色模式，包括 Windows、MacOS 以及 Android 甚至 iOS 13 也将引入该模式。深色模式引入的同时，同时允许我们基于用户的偏好设计特定的样式。 近期，W3C css 工作组发布了 css Color Adjust Level
阅读全文
posted @ 2020-11-25 13:58
酷儿q
摘要：上图是“QQ截图”选择区域时的画面，可以看到除了中间框选的部分，其他区域被一层半透明层覆盖（backdrop），这种效果不知道专业叫法，这里称呼它“镂空遮盖层”。实际业务需求中倒是不多见，比较常见的是“页面上的新手引导”，“视频网站的关灯模式”等用到这种效果，通用简单的做法是将内容元素的z-inde
阅读全文
posted @ 2020-11-20 16:50
酷儿q
摘要：分享 Scss 文档太多了，但还是耐心看完了，总结自己常用的一些语法。官方文档 1、规则嵌套 Sass 允许将一套 css 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，例如： #main p { color: #00ff00; width: 97%; .redbox { back
阅读全文
posted @ 2020-11-20 16:48
酷儿q
摘要：写在最前：移动端中导航的网格式布局无处无在，宽高怎么设置相适应？元素怎么居中对齐？不同场景怎么选择代码最高效？巧妙使用margin、padding等基础属性，小小技巧可以解决许多烦恼！ 一、Float布局 1、场景 首页导航布局（无间距） 2、页面布局 <div class="g-grid"> <d
阅读全文
posted @ 2020-11-20 16:47
酷儿q
摘要：css动画 css动画允许大多数html元素的动画，而无需使用JavaScript或Flash！ 动画浏览器支持 IE10+支持该属性的。其他低浏览器版本数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。 什么是CSS动画？ 动画允许元素从一种样式逐渐变为另一种样式。
阅读全文
posted @ 2020-11-20 16:45
酷儿q
浙公网安备 33010602011771号