摘要：
Base64 是基于 64 个可打印字符 A-Z、a-z、0-9、+、/ 来表示二进制数据的表示方法，常用于数据在网络中的传输。本篇将分别介绍其编码、解码以及实际运用。 Base64 编码 Base64 本质是一种将二进制转为文本的方案。基本规则如下： 编码时候选用 64 (大小写英文字母，数字，+ 阅读全文
摘要：
前言 在传统的 Web 开发过程中，处理图形验证码很简单，只需要在后台用随机字符串生成一个图片，将验证码内容放进 Session 即可，用户提交表单时从 Session[1] 取出判断即可。 但是现如今，越来越推崇 API 交互，无状态，在 Session 这一块，虽然默认配置是不支持了，但是还是有 阅读全文
摘要：
在前端开发中，我们经常需要对对象鼠标指针光标进行控制，比如鼠标经过超链接时变成手指形状。在这里整理一下cursor鼠标指针光标样式的知识，记录与方便以后查找。 常用cursor光标 url 需使用的自定义光标的 URL。 注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光 阅读全文
摘要：
问题： cookie过长导致页面打开失败 背景： 在公司的项目中有一个需求是打开多个工单即在同一个页面中打开了多个tab（iframe），但是需要在刷新时只刷新当前页面仍然保留着多个iframe，现在刷新有两种方式，第一种是键盘中按F5或者ctrl+F5或者ctrl+R，第二种是点击浏览器的左上角进 阅读全文
摘要：
前言 上一次，我写了一篇《Data URL的简介与使用》(http://verymuch.site/2017/12/14/Data URL简介与使用/)，该文章主要介绍了什么是Data URL，其优缺点以及如何使用。其中有一个隐含在文中的重要概念，那就是Data URL是Base64编码的，且Bas 阅读全文
摘要：
Web前端应用十种常用技术，随着js与Xhtml的应用普及，越来越多的web界面应用技术出现在网站上，比如我们常见的日历控件，搜索下拉框等，这些web界面应用技术大大的丰富了网站的表现形式，本文将为您精心推荐十种最常见的web界面应用技术。 Web应用程序的界面设计，其核心就是网页设计 ，但它的重点 阅读全文
摘要：
网页静态化解决方案在实际开发中运用比较多，例如新闻网站，门户网站中的新闻频道或者是文章类的频道。 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力，但是具体的应用场景不同，缓存比较适合小规模的数据，而网页静态化比较适合大规模且相对变化不太频繁 的数据。另外网页静态化还有利于seo。另外我 阅读全文
摘要：
人类对于运动的食物往往会投入更多的关注，因此巧妙的使用动画能够极大地提升网站的用户体验，快速唤起用户对重要元素的关注。 在css3中引入了全新的动画语法，它能够帮助你在设计中实现许多有趣的事情。通常构建炫酷的动画是非常复杂和费时的，而使用动画库和生成器则可以帮助你完美处理这一切。 在这篇文章中我们将 阅读全文
摘要：
你是否正处于选择 App 开发技术的两难境地？如今，渐进式 Web 应用程序需求旺盛。知道这是为什么吗 ？ 下面让我们来详细的梳理一下。 移动电话用户的增长促使在线企业重新考虑对移动应用的优化。手机端占用了超过 60％ 的互联网流量。 人们不仅浏览社交媒体网站，还浏览服务和产品。所以针对移动进行优化 阅读全文
摘要：
目录： 1、综合 1.1、使用场景 1.2、核心思想 1.3、切入角度 1.4、其他 2、基础层设计 2.1、自建Gitlab 2.2、版本管理 2.3、自动编译发布Jenkins 2.4、纯前端版本发布 2.5、统一脚手架 2.6、Node中间层 2.7、埋点系统 2.8、监控和报警系统 2.9、 阅读全文
摘要：
前言 图标是前端在业务开发中不得不写的一个东西，以我司的几个部门为例，每个组在写图标上都有不一样的方式： 用户平台：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。 saas：引入 svg 文件，通过 react- 阅读全文
摘要：
json 简介 jsON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - Dec 阅读全文
摘要：
理解差异 根据您是网站的用户还是开发自己的网站，良好的在线体验将涉及安全的第三方和可信加密。为了理解如何完成这项工作并更好地理解为什么百度会支持某些元素，了解HTTP和HTTPS之间究竟有什么区别以及它为何重要至关重要。 HTTP 超文本传输协议(HTTP)是一种用于通过Internet发送和接收信 阅读全文
摘要：
随着互联网的飞速发展，web应用在软件开发中所扮演的角色变得越来越重要，同时，web应用遭受着格外多的安全攻击，其原因在于，现在的网站以及在网站上运行的应用在某种意义上来说，它是所有公司或者组织的虚拟正门，所以比较容易遭受到攻击，存在安全隐患。 今天主要给大家分享下有关安全测试的一些知识点以及注意事 阅读全文
摘要：
在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“复用”代码。随着功能越来越复杂，靠复制粘贴来维护代码显然不科学，于是便寻思着如何在小程序里面实现 Mixins。 什么是 Mixin 阅读全文
摘要：
一般网站优化都是优化后台，如接口的响应时间、SQL优化、后台代码性能优化、服务器优化等。高并发情况下，对前端web优化也是非常重要的。下面说说几种常见的优化措施。 1、html css js位置 一般需要将css放页面最上面，即HEAD部分，而将js代码放页面底部。因为页面需要加载为CSS才进行渲染 阅读全文
摘要：
html提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Br 阅读全文
摘要：
随着 H5 标准的发布以及推广，使得移动应用的开发也受到了很大影响，出于效率、成本等原因，移动应用的开发不再完全依赖于 “原生”。近日越发火热的混合应用（Hybrid App）介于 Web 应用和原生应用之间，兼具了 “原生应用良好用户交互体验” 和 “Web 应用跨平台开发”的两大优势。而 Fac 阅读全文
摘要：
1：基本概念 在两个或者多个指定的颜色之间显示平稳的过渡 渐变的效果是由浏览器生成的 渐变的类型主要分为两种：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）；线性渐变是一个向上、向下、向左、向右或者对角方向的渐变，而径向渐变则是由它们的中心定义。 作为元素 阅读全文
摘要：
水印项目我们提出了两种解决方案 一、用shadow dom实现 1、基本思路 通过 attachShadow 这个方法生成一个shadow root 即shadow的根节点，然后在这个根节点下面通过循环语句添加水印，利用position为absolute进行排版，使其铺满容器 show me the 阅读全文