摘要：
一、思考 在移动端越来越重要的背景下，每位web开发者对移动适配都有自己的想法。是移动优先，还是PC优先，还是两者兼得？在实际开发中这个问题是和项目产品定位有关的，也涉及到UI的设计，不是开发者能决定。但不管产品如何定位，作为开发者总是要提供最好的解决方案，是用一套样式还是多套样式？网上一搜，有静态 阅读全文
posted @ 2020-11-25 14:21
酷儿q
阅读(210)
评论(0)
推荐(0)
摘要：
css 用于控制网页的样式和布局。css3 是最新的 CSS 标准。CSS3新增了很多的属性，下面一起来分析一下新增的一些属性： 1.CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常 阅读全文
posted @ 2020-11-25 14:20
酷儿q
阅读(678)
评论(0)
推荐(0)
摘要：
解释一下web前端工作是做啥的，Web前端开发工程师，主要职责是利用(X)html/css/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的We 阅读全文
posted @ 2020-11-25 14:19
酷儿q
阅读(433)
评论(0)
推荐(0)
摘要：
图片渲染要解决的几个主要问题 1、图片默认是水平方向，要设置图片居中 max-height:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)" 2、需要旋转的情况是：图片的宽度大 阅读全文
posted @ 2020-11-25 14:18
酷儿q
阅读(289)
评论(0)
推荐(0)
摘要：
我们在学习JavaScript，或其他任何编码技能的时候，往往是因为这些拦路虎而裹足不前：有些概念可能会造成混淆，尤其当你是从其他语言转过来的时候。找不到时间（有时是动力）学习。很容易忘记已经理解了的东西。工具多又在不断变化，所以不知道从哪里开始。 幸运的是，这些拦路虎是可以被识别，并消灭的。在这篇 阅读全文
posted @ 2020-11-25 14:17
酷儿q
阅读(210)
评论(0)
推荐(0)
摘要：
一.什么是浏览器兼容性问题？ 所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核 浏览器类型 内核 js引擎 IE Trident jscript Firefox Gecko Tra 阅读全文
posted @ 2020-11-25 14:15
酷儿q
阅读(578)
评论(0)
推荐(0)
摘要：
在大多数的文章中，attribute 一般被翻译为“特性”，property 被译为“属性”。 结论 把结论写在最前面，如果你全都懂，后面就不用看了。 html attributeDOM property 值永远是字符串或 null 值可以是任意合法 js 类型 大小写不敏感 大小写敏感 不存在时返 阅读全文
posted @ 2020-11-25 14:14
酷儿q
阅读(221)
评论(0)
推荐(0)
摘要：
前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从 阅读全文
posted @ 2020-11-25 14:13
酷儿q
阅读(263)
评论(0)
推荐(0)
摘要：
网上浏览的时候。看到有些页面会有背景的水印效果，使用canvas实现了个类似的效果，如图 可以作为背景，也可以作为页面前景覆盖，防止网页信息的截图 实现代码 let canvas = document.createElement('canvas') canvas.id = '__canvas' ca 阅读全文
posted @ 2020-11-25 14:12
酷儿q
阅读(398)
评论(0)
推荐(0)
摘要：
原因何在 1.从客观原因来看，前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然很旺盛，但是对前端的技术能力要求却不是很高，特别是一些小公司或者不是技术驱动的公司。这给人一种错觉，好像只需要懂一些js，会一般的html+css就能完成前端的工作。也由于这种原因，前端总是处于技术鄙视链的最底 阅读全文
posted @ 2020-11-25 14:10
酷儿q
阅读(468)
评论(0)
推荐(1)
摘要：
前言 老鸟：怎样去监听 DOM 元素的高度变化呢？菜鸟：哈哈哈哈哈，这都不知道哦，用 onresize 事件鸭！老鸟扶了扶眼睛，空气安静几秒钟，菜鸟才晃过神来。对鸭，普通 DOM 元素没有 onresize 事件，只有在 window 对象下有此事件，该死，又双叒叕糗大了。 哈哈哈哈，以上纯属虚构， 阅读全文
posted @ 2020-11-25 14:09
酷儿q
阅读(1257)
评论(0)
推荐(0)
摘要：
背景介绍 信息流App是当下最流行的产品之一，如今日头条等。我所在的团队也是在做这样一款信息流App。App的Feed流是客户端Native实现的。用户点击Feed流中的文章后，会进入到文章底层页。文章底层页大部分都是Native实现的，但是有一些文章的数据是非结构化的，Native没有办法很好地处 阅读全文
posted @ 2020-11-25 14:07
酷儿q
阅读(632)
评论(0)
推荐(0)
摘要：
为什么要做前端错误监控? 1. 为了保证产品的质量 2. 有些问题只存在于线上特定的环境 3. 后端错误有监控,前端错误没有监控 前端错误的分类 前端错误分为两类: 即时运行错误和资源加载错误 即使运行错误的捕获方式 即时运行错误的捕获方式分为两类 try...catch window.onerro 阅读全文
posted @ 2020-11-25 14:06
酷儿q
阅读(253)
评论(0)
推荐(0)
摘要：
当我们在进行开发的时候，通常需要属于我们自己的错误类来反映任务中可能出现的特殊情况。对于网络操作错误，我们需要 HttpError，对于数据库操作错误，我们需要 DbError，对于搜索操作错误，我们需要 NotFoundError，等等。 我们自定义的错误应该具有基本的错误属性，例如 messag 阅读全文
posted @ 2020-11-25 14:05
酷儿q
阅读(195)
评论(0)
推荐(0)
摘要：
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 怎么清除浏览 阅读全文
posted @ 2020-11-25 14:04
酷儿q
阅读(517)
评论(0)
推荐(0)
摘要：
现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。我们收集了一些在Web开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助Web开发者更好的完善网站。 通过避免下面这些小错误，可以使得我们的网站变得更为友好。 错误1： 表单的label标签跟表单字段没有关联 利用“for” 阅读全文
posted @ 2020-11-25 14:02
酷儿q
阅读(121)
评论(0)
推荐(0)
摘要：
效果图 实现思路 打开图片并将图片绘制到canvas中； 利用canvas的drawImage()函数来裁剪图片； 将canvas转化为Image即可。 html代码： <div id="container"> <div id="btnDiv"> <button id="btn1">截图</butt 阅读全文
posted @ 2020-11-25 14:01
酷儿q
阅读(1619)
评论(0)
推荐(1)
摘要：
实现基本功能 完整代码查看这里 ，下面只展示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
阅读(115)
评论(0)
推荐(0)
摘要：
前言 在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题； 一、利用meta标签 直接上代码,1、首先在路由中的meta标签中记录keepAl 阅读全文
posted @ 2020-11-25 13:59
酷儿q
阅读(358)
评论(0)
推荐(0)
摘要：
近来，各大平台的操作系统纷纷引入 Dark Mode 深色模式，包括 Windows、MacOS 以及 Android 甚至 iOS 13 也将引入该模式。深色模式引入的同时，同时允许我们基于用户的偏好设计特定的样式。 近期，W3C css 工作组发布了 css Color Adjust Level 阅读全文
posted @ 2020-11-25 13:58
酷儿q
阅读(310)
评论(0)
推荐(0)
浙公网安备 33010602011771号