摘要：
一、先来说说XPATH 1、XPATH 概念 XPath 是一门在 XML 文档中查找信息的语言，可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。因此，对 XPath 的理解 阅读全文
摘要：
css是一门功能强大、具备完整生态的复杂语言。它拥有很多的技巧， 但是生活工作中我们可能不怎么会接触到，这包括一些实际上挺实用的技巧。在此，特地列举一些css里比较容被忽略的小知识，希望能对你有所帮助。 1. 椭圆的实现 跟圆形的实现一样，这里也是用到border-radius属性，但是你可能不知道 阅读全文
摘要：
对于前端基础需要学习哪些内容，之前文章已经有写过不少了，本篇重在谈论： 作为一名前端想要晋升，需要什么条件？现在在用 react，要不要也学学 vue？有必要学习 Node.js/Flutter/ 函数式吗？ 这几个问题看似毫无关联，但是其实它们本质上都是同一个问题，这个问题就是“一个前端工程师到底 阅读全文
摘要：
1、个性化排版设计 最近看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。让字体在体现个性的同时保留专业印刷风格。 2、扁平化设计 “借壳”设计(skeuomorphism)指模仿现实事物尽可能把手机元素(如图表、背壳等 阅读全文
摘要：
时间进入2019年，我们在网页设计中看到旧有风格的重生，也见证了新的设计趋势的诞生。Web 技术的快速发展，不仅让设计和产品足以满足更多更细致深入的需求，也让设计师能够进行更细腻更独特的表达。现今的网页设计趋势，已经不再仅仅局限于单一的技法，而更多是一种复合的、暗含意图的综合的设计方法。从色彩的选取 阅读全文
摘要：
代码审查的重要性,对码农来说自是不言而喻, 这里记录一次 Code Review的简单纪要，主要以代码审查优化内容为主。 一、Import引入路径 路径尽量使用别名的方式，有效避免相对路径的书写麻烦，以及项目的移植和扩展等。 建议 使用别名，代替使用相对路径。 扩展vue.config.js，比如： 阅读全文
摘要：
html提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Br 阅读全文
摘要：
利用伪元素before、after，只创建一个div <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*先清掉默认的样式*/ body { margin: 0; 阅读全文
摘要：
我的思路： 1首先，用div元素画6个正方形摞在一起放在画布中间。为了区分，分别给每个div选择了不同的颜色，并且设置为半透明方便透视。2将6个div元素分为三组（上下一组、左右一组、前后一组），想象以画布中心为圆点，使三组分别沿x/y/z轴旋转90度。3上下一组，一张向上推50%正方形边长，一张向 阅读全文
摘要：
小图标icon是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了250多个不同的icon图片。本文将详细介绍Bootstrap图标 原理分析 Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体 @font-f 阅读全文
摘要：
在日常工作中，用户需要访问大量的信息资源，例如，用户首先要登录到操作系统中，然后进入各个应用系统。进入每一个系统都需要对用户的身份进行识别与验证，这样，用户需要提供多个用户帐号与口令，为了便于记忆，用户很可能把各种帐号与口令信息记录在笔记本上，甚至写在便条上并贴在办公桌或屏幕边，这就使口令信息很容易 阅读全文
摘要：
第一种方式：使用H5的API dataTransfer 实现思路： 1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存； 2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。 代码如下： <html> <he 阅读全文
摘要：
现在很多网站都会使用瀑布流的一个效果，什么是瀑布流呢，用在哪些地方呢？ 大概就是这样的一个效果，一般用于无法保证图片大小的网站。 先看下布局+css .cont{margin: 0 auto;position: relative;} .box{float: left;padding: 6px} .i 阅读全文
摘要：
在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。 于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。 这里先以高度为宽度一半为例，也可以是其他任意比例。 一、思考如何实现 这个问题类似于：我们在移动端页面，上面有一张宽度 100% 阅读全文
摘要：
这篇文章描述了我们对哈萨克斯坦政府实施的电信级HTTPS劫持的分析。 哈萨克斯坦政府最近开始使用一个假的根证书颁发机构，对包括Facebook，Twitter和Google等网站在内的HTTPS连接进行中间人（MitM）攻击，在此文中，我们给出了还在进行中的研究的初步结果，以及哈萨克劫持系统中新的技 阅读全文
摘要：
一、居中布局 <div class="parent" style="width:300px;height:300px;"> <div class="child">居中布局</div> </div> 水平居中（宽度自适应） 1.inline-block + text-align .child{ dis 阅读全文
摘要：
盒子模型（Box Modle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。 盒子模型分为两种 第一种是W3c标准的盒子模型（标准盒模型） 、第二种IE标准的盒子模型（怪异盒模型） 当前大部分的浏览器支持的是W3c的标准盒模型，也保留了对怪异盒模型的支持，当然IE浏览器沿用 阅读全文
摘要：
何为动画 我们眼前所看到图像正在以每秒60次的频率刷新，由于刷新频率很高，因此你感觉不到它在刷新。而动画本质就是要让人眼看到图像被刷新而引起变化的视觉效果，这个变化要以连贯的、平滑的方式进行过渡。 css Transitions transition: property duration timin 阅读全文
摘要：
需要实时桌面推送的功能，就像平时QQ，微信消息推送那种，这个时候我们就可以用到html5 Web Notification 这个API了。 Notification 弹出一个通知在桌面右下角： if(!("Notification" in window)) { //alert("This brows 阅读全文
摘要：
题目 10w 条记录的数组，一次性渲染到页面上，如何处理可以不冻结UI？ 具体化 页面上有个空的无序列表节点 ul ，其 id 为 list-with-big-data ，现需要往列表插入 10w 个 li ，每个列表项的文本内容可自行定义，且要求当每个 li 被单击时，通过 alert 显示列表项 阅读全文