摘要：
如果你和我一样，第一次遇到 CORS （跨域资源共享），你想让服务器接收那些你拼接的 Ajax 请求并处理他们。所以你去 stackoverflow.com 复制一段代码来设置一些 HTTP Headers ，让请求可以正常工作。但是，可能还有一些事情你应该知道。 CORS 是什么，不是什么 新手通 阅读全文
摘要：
web前端开发要学的知识内容涉及的会很宽泛，虽然说主要是html、css和JavaScript这些基础知识点，但学前端开发除了要学这些基础知识外，学员还要在这之上进行延伸和深入的去学，而且互联网时代不断发展，掌握了这些新技术、新技能，在职场的竞争力必然会翻倍提升。 一、零基础学web前端开发要怎么去 阅读全文
摘要：
Web前端的路该怎么走？这是作者张鑫旭的文章中的一个小部分，觉得非常有必要分开列出来。关于前端的路该如何走，一般都是工作1年作用或者正在想入职前端的小伙伴经常遇到的十大常见问题之一。 问题描述如下： 刚刚毕业，在公司一直做的是前端开发，之前都是自己去学习一些基础的前端知识（html+css+js）。 阅读全文
摘要：
从最开始的使用img图片，到后来的使用css sprite来减少服务器请求，再到流行的图形字体化图标Iconfont。现在，一种全新的图标使用方式开始流行了起来——SVG symbols图标。 工作原理 SVG symbols的工作原理：symbol元素用来定义一个图形模板对象，它可以用一个use元 阅读全文
摘要：
目前市场上主流的APP分为三种：原生APP、Web APP（即html5）和混合APP三种，相对应的定 制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢？下面我们就分别从这三者各自的优劣势来区分比较吧！ 一、原生开发 原生开发（Native App开发），是在Android、 阅读全文
摘要：
介绍 html5 为我们提供了 File API 相关规范。主要涉及 File 接口 和 FileReader 对象 。 本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。 准备工作 首先，我们的 File 来自于<input>标签中 阅读全文
摘要：
1、vue, react, Angular vue 在 2018、2019 年继续增长，其在 GitHub Stars 已经超过了 react ，国内公司更喜欢 Vue。虽然 Angular 与 React 和 Vue 等库相比，粉丝较少，但它仍然是专业项目的热门选择。 无论是Vue3.0, Rea 阅读全文
摘要：
一次完整的HTTP请求过程 当我们在web浏览器的地址栏中输入： www.baidu.com，然后回车，到底发生了什么 过程概览 1.对www.baidu.com这个网址进行DNS域名解析，得到对应的IP地址 2.根据这个IP，找到对应的服务器，发起TCP的三次握手 3.建立TCP连接后发起HTTP 阅读全文
摘要：
一、Material Design规范中占位符交互效果 Material Design风格占位符交互效果官方示意见此demo页面。现在这种设计在移动端很常见，相信不少人设计项目中有实现过这种交互，而且，大部分是利用js实现的。（ps:weex 不支持这个样式） 实际上，我们可以借助css :plac 阅读全文
摘要：
bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系： `__：双下划线用来连接块和块的子元素 ` ：仅作为连字符使用 阅读全文
摘要：
在诸多的企业尤其是创业型公司中，HR 在招聘时往往希望可以招到一名技术全能型人才，而这种人才又被称之为 全栈开发者，那么对于全栈开发者而言，都需要具备哪些技能？ 以下为译文： 最近，在我参加的一个Web技术会议上，一位开发同事问了我这个问题。这位开发同事遇到的很多新人都自称是全栈开发人员，有点像Bo 阅读全文
摘要：
最近工作中重构了抽奖转盘，给大家提供一个开发转盘抽奖的思路 需求 1、转盘根据奖品数量不同而有变化 2、canvas 目录结构 由于业务需要所以开发了两个版本抽奖，dom和canvas，不过editor.js部分只能替换图片，没有功能逻辑。 需要注意的是此目录隐藏了一个动态数据类(dataStore 阅读全文
摘要：
1.Arachni Arachni是一款基于Ruby框架构建的高性能安全扫描程序，适用于现代Web应用程序。它可用于Mac，Windows和Linux的便携式二进制文件 Arachnin能适用于下面的平台和语言 Windows, Solaris, Linux, BSD, Unix Nginx, Ap 阅读全文
摘要：
随着技术的发展，移动设备越来越流行，并且不同设备间屏幕尺寸和屏幕像素的差异，移动端开发面临着多分辨率适配的问题。 基本概念 响应式开发本质时针对多种屏幕做适配，在实际开发中，通常情况下时针对主流的设备进行适配。在开发前，必须掌握几个基本概念： 物理像素：即屏幕的实际像素点。像素是屏幕设备的最小显示单 阅读全文
摘要：
一、图标的本质 font-awesome图标是字体，专业术语叫 Icon Font，本质上是使用 PUA （ Private Unicode Area ）码位 Unicode 编码的字符，所以font-awesome图标、Bootstrap 的图标和 Wingdings 字体都是一样的，不一样的无非 阅读全文
摘要：
在这篇文章中，我希望能带领大家了解一下 CSS animation property ，以及详细地解释我的个人网站 中的一个效果：让文字在移动的物体后出现。如果你想要看最后的成果，这里有一个 例子 。 我们将从下面这里开始： 这里请查看 Jesper Ekstrom 的 Revealing Text 阅读全文
摘要：
一、变形 transform：可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。 示例： transform: rotate(90deg) scale(1.5,0.8) translate(100px,50px) skew(45deg,4 阅读全文
摘要：
一.某个用户向你反映说你开发的网站访问速度很慢，但是该用户访问其他问题很正常，分析下原因、有哪些工具分析原因、怎么解决问题？ （1）可能的原因一：服务器出口带宽不够用。这是一个很常见的瓶颈。一方面，可能是本身购买的服务器出口带宽就很小（企业购买带宽相当昂贵），一旦用户访问量上来了，并发量大了，自然均 阅读全文
摘要：
前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍 在这之前，需要先对几个概念进行普及介绍 基本概念 （以下概念读起来可能有些晦涩，如果看不懂也没关系） 像素 它不是自然界的物理长度，指基本原色素及其灰度的基本编码。 css中的像素只 阅读全文