酷儿q

2020年11月21日

摘要： Web开发太有意思了！但是JavaScript则……令人望而生畏。 Web开发中其他一切对你而言都是小菜一碟，但当你深入探究JavaScript的时候，不免有一种“众人皆醒你独醉”的悲壮——好像其他人都知道你不知道的一些大的基础的知识内容，并且这些内容可以帮助你理解所有知识。事实是，的确如此，你阅读全文

posted @ 2020-11-21 19:45 酷儿q 阅读(104) 评论(0) 推荐(0)

前端任务构建利器Gulp.js使用指南

摘要：在软件开发中，任务运行器的好处是不言而喻的。它们可以帮助自动运行常见的冗长的任务，让你可以专注于更重要的事情中，比如敲出很棒的代码。说的严肃点，自动运行一些比如图片压缩、代码压缩、单元测试以及更多的任务的技能，简直就是节省时间的利器。对于很多前端开发者而言，时下使用最多的任务管理器就是Grunt了阅读全文

posted @ 2020-11-21 19:43 酷儿q 阅读(179) 评论(0) 推荐(0)

2020年11月20日

web页面实现镂空遮盖层效果

摘要：上图是“QQ截图”选择区域时的画面，可以看到除了中间框选的部分，其他区域被一层半透明层覆盖（backdrop），这种效果不知道专业叫法，这里称呼它“镂空遮盖层”。实际业务需求中倒是不多见，比较常见的是“页面上的新手引导”，“视频网站的关灯模式”等用到这种效果，通用简单的做法是将内容元素的z-inde 阅读全文

posted @ 2020-11-20 16:50 酷儿q 阅读(663) 评论(0) 推荐(0)

SCSS 常用属性合集

摘要：分享 Scss 文档太多了，但还是耐心看完了，总结自己常用的一些语法。官方文档 1、规则嵌套 Sass 允许将一套 css 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，例如： #main p { color: #00ff00; width: 97%; .redbox { back 阅读全文

posted @ 2020-11-20 16:48 酷儿q 阅读(216) 评论(0) 推荐(0)

移动端导航布局

摘要：写在最前：移动端中导航的网格式布局无处无在，宽高怎么设置相适应？元素怎么居中对齐？不同场景怎么选择代码最高效？巧妙使用margin、padding等基础属性，小小技巧可以解决许多烦恼！一、Float布局 1、场景首页导航布局（无间距） 2、页面布局 <div class="g-grid"> <d 阅读全文

posted @ 2020-11-20 16:47 酷儿q 阅读(187) 评论(0) 推荐(0)

CSS动画@keyframes的用法

摘要： css动画 css动画允许大多数html元素的动画，而无需使用JavaScript或Flash！动画浏览器支持 IE10+支持该属性的。其他低浏览器版本数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。什么是CSS动画？动画允许元素从一种样式逐渐变为另一种样式。阅读全文

posted @ 2020-11-20 16:45 酷儿q 阅读(825) 评论(0) 推荐(0)

程序员如何拿下编程面试?

摘要：当我最初开始参加编程面试的时候，我所有最心仪的公司都忽视了我。现在回头看那个时候，我发现自己当时去参加面试都完全没做任何准备。虽然已经有许多博客文章和书籍在讲编程面试，但现在的我作为面试官，坐在桌子的另一边，还是能看到许多来参加编程面试的人没做任何准备，或者准备得很糟糕。这也就是为什么我开始写这篇指阅读全文

posted @ 2020-11-20 16:44 酷儿q 阅读(172) 评论(0) 推荐(0)

前后端合作新模式

摘要：本文主要介绍一种全新的前后端合作模式，在介绍这种模式之前咋们先来看看前后端合作模式的演变。 singsong：该模式主要对传统多页面应用构建的改进。关于 SPA（Single Page Application，单页应用程序）可以参考 SRR（Server-Side Render，服务端渲染）。演变阅读全文

posted @ 2020-11-20 16:42 酷儿q 阅读(275) 评论(0) 推荐(0)

Socket通信原理.一文了解Socket

摘要：什么是 Socket？ Socket 的中文翻译过来就是“套接字”。套接字是什么，我们先来看看它的英文含义：插座。 Socket 就像一个电话插座，负责连通两端的电话，进行点对点通信，让电话可以进行通信，端口就像插座上的孔，端口不能同时被其他进程占用。而我们建立连接就像把插头插在这个插座上，创建一个阅读全文

posted @ 2020-11-20 16:39 酷儿q 阅读(956) 评论(0) 推荐(0)

移动端调试工具推荐

摘要：之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）！！！那问题就来了，开阅读全文

posted @ 2020-11-20 16:38 酷儿q 阅读(789) 评论(0) 推荐(0)

公告