11 2020 档案
摘要：在今天，用户可以通过搜索引擎轻松找出自己想要的信息，但还是难以避免结果不尽如人意的情况。实际上，用户仅需掌握几个常用技巧即可轻松化解这种尴尬。下面介绍 10 个在进行 Google 搜索时可以使用的便捷技巧，其他搜索引擎也支持这 10 种技巧。 1、准确搜索 最简单、有效的准确搜索方式是在关键词上加
阅读全文
摘要：大家好，今天给大家分享一下我从事WEB前行业一些自己的学习经验分享 也希望通过这篇文章，可以帮助到更多正在学习但是又不知道从哪里学习学习的前端的小伙伴，还有一些想要去转行的，但是不知道不知道如何去学习，以及整个市场的情况，还有一些正在从事前端开发的小伙伴吧，好了，希望这篇文章对你有所帮助！ 首先，学
阅读全文
摘要：google浏览器插件安装方式： 1.google 商店（推荐）https://chrome.google.com/webstore/ 安装方式非常简单，搜索应用下载即可google商店中还有好看的背景与导航栏哦） 2.下载插件并拖动至浏览器自动安装 1.postman 一款模拟客户端工具，通常用于
阅读全文
摘要：使用缓存可以缓解大流量压力，显著提高程序的性能。我们在使用缓存系统时，尤其是大并发情况下，经常会遇到一些“疑难杂症”。本文总结了一些使用缓存时常见的问题及解决方案，以后在遇到这类问题时可以作为参考，在设计缓存系统的时候也应该考虑这些常见的情况。 为了表述方便，本文以数据库查询缓存为例，使用缓存可以减
阅读全文
摘要：1、背景 说起应用分层，大部分人都会认为这个不是很简单嘛 就controller，service, mapper三层。看起来简单，很多人其实并没有把他们职责划分开，在很多代码中，controller做的逻辑比service还多,service往往当成透传了，这其实是很多人开发代码都没有注意到的地方，
阅读全文
摘要：:apple: 译序 本文是一篇手把手的函数式编程入门介绍，借助代码示例讲解细腻。但又不乏洞见，第一节中列举和点评了函数式种种让眼花缭乱的特质，给出了『理解函数式特质的指南针：函数式代码的核心特质就一条， 无副作用 』，相信这个指南针对于有积极学过挖过函数式的同学看来更是有相知恨晚的感觉。 希望看了
阅读全文
摘要：一、构建自己的知识体系 在信息爆炸的年代，碎片化的知识很多，系统学习的时间越来越少，如果没有自己的知识体系，很容易被淹没在知识的海洋中，而且难以记忆。100分程序员推荐的做法，通过Wiki或者其他知识管理工具构建一个知识框架，大的分类可以包括软技能、架构、语言、前端、后端等，小的分类可以更细化。 培
阅读全文
摘要：几乎所有的公司在面试Web前端人员时，准备的技术面试题，都基本上是由三个方面的试题组成，这三个方面的试题分别是：基础试题、JavaScript原生试题和新技术试题。下面说说为什么一份面试题会由这几个方面的内容组成。 1、基础试题 基础试题，对于Web前端来说，那就是html3、css3、JavaSc
阅读全文
摘要：1. 运行主机 docker run 一般运行主机时会-it组合使用，用以建立一个可在终端交互的容器，比如:docker run -it --name local_nginx nginx:latest /bin/bash 2. 列出正在运行的主机 docker ps 3. 切换到指定的主机上 doc
阅读全文
摘要：1.Scrapy Scrapy是一个为了爬取网站数据，提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘，信息处理或存储历史数据等一系列的程序中。用这个框架可以轻松爬下来如亚马逊商品信息之类的数据。 项目地址：https://scrapy.org/ 2.PySpider pyspider 是一
阅读全文
摘要：工程技术角色汇总 我现在是一名高级软件工程师，但这究竟是干嘛的？虽然具体的头衔与职能划分取决于具体的企业，但根据我们利用谷歌搜索结果进行的建模，整个行业内的定位思路大体相似。我最初是一名软件工程师（简称 SWE），而后是高级软件工程师（Sr SWE），经历了短暂的管理适应周期后，我最终晋升为高级管理
阅读全文
摘要：1.请求库 1. requests GitHub：https://github.com/psf/requests requests库应该是现在做爬虫最火最实用的库了，非常的人性化。有关于它的使用我之前也写过一篇文章 一起看看Python之Requests库 ，大家可以去看一下。 有关于request
阅读全文
摘要：虽然数据泄露的程度可能会有所不同，并且数据可能因内部威胁、黑客攻击和员工疏忽而丢失，但所有数据泄露都包含了可能会被盗窃者轻易读取的个人身份信息。而云端发生的数据泄露，影响就会放大了，动辄几亿用户数据遭到外泄，这给企业和用户带来了不可估量的严重后果。那么，为什么云端会不断泄露数据呢？Terry Swe
阅读全文
摘要：这是一个合理的问题。对外行而言，前端开发一定看起来易如反掌吧。但如果是这样的话，为什么前端开发者不是多如牛毛呢？答案很简单：前端开发，就像任何特殊行业或体育比赛一样，比它看起来难得多。它不难，直至你把脚趾放进去，方知水很深。 前端开发比它看起来要复杂 且不说服务器端的开发有多难，要知道客户端的工作所
阅读全文
摘要：对什么说“不” 学会说“不”是一个好的开端。但是到底是对什么说“不”，又是什么时候适合说“不”呢？ 这的确是大多数程序员，甚至是那些高级程序员都很容易混淆的一个重点。作为一名程序员，编写代码无疑是你职业中最重要的部分。在你的编程生涯中，你不可避免的地将会处理各种关于不同类型代码的请求。而每个请求都可
阅读全文
摘要：安装 我测试环境是在mac，平时用的服务器有ubuntu和centos # mac brew install nginx # ubuntu apt install nginx # centos yum install nginx 启动，重启服务 # mac brew services start/r
阅读全文
摘要：1、更新你的服务器 保护服务器安全的第一件事是更新本地存储库，并通过应用最新的修补程序来升级操作系统和已安装的应用程序。 在 Ubuntu 和 Debian 上： $sudo apt update&& sudo apt upgrade-y 在 Fedora、CentOS 或 RHEL： $sudo
阅读全文
摘要：并发编程三要素 原子性: 一个不可再被分割的颗粒。原子性指的是一个或多个操作要么全部执行成功要么全部执行失败。 有序性: 程序执行的顺序按照代码的先后顺序执行。（处理器可能会对指令进行重排序） 可见性: 一个县城对共享变量的修改,另一个线程能够立刻看到。 一、原子性 线程切换会带来原子性的问题 in
阅读全文
摘要：json注解： 1、@jsonIgnoreProperties： 此注解是类注解，作用是json序列化时将java bean中的一些属性忽略掉，序列化和反序列化都受影响。 写法将此标签加在model 类的类名上 ，可以多个属性也可以单个属性 //生成json时将name和age属性过滤 @JsonI
阅读全文
摘要：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
阅读全文
摘要：方法 在本文中，我想介绍一些组件相关的设计概念，在进行前端开发时应该考虑这些概念。我认为最好的方法是给每个概念一个简洁精炼的名字，然后逐一解释每个概念是什么以及为什么重要，对于比较抽象概念的会举一些例子来帮助理解。 以下这个列表并不是不全面也不完整，但我注意到的只有 8 件事情值得一提，对于那些已经
阅读全文
摘要：在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http响应时间。异常监控包括
阅读全文
摘要：一、前言 ”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 前后端分离(解
阅读全文
摘要：一 小程序兴起的背景 小程序兴起的背景可以分为行业背景和技术背景。 1. 行业背景： 与移动互联网成熟、流量红利终结伴随的是 App 的巨型化、寡头化，流量成本越来越高昂，这几点其实大家平时也有体会——手机里装了多少 App，其中，多少 App 装了之后基本没使用过，占据用户大部分时间的 App 越
阅读全文
摘要：先简单介绍下 link 标签作用 你可以在页面 <head> 元素内部使用 <link> 标签书写一些声明式的资源获取请求 preload (预加载) 有些资源是在页面加载完成后即刻需要的，对于这种即刻需要的资源，你可能希望在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预
阅读全文
摘要：UI设计和Web前端都是当今比较火爆的互联网热门岗位，市场需求量很大，薪资待遇较高，自然引来越来越多人的学习。但是学习IT培训的学员们总是很犯难，对于女生而言：到底是学UI设计好，还是Web前端好？下面我们看一看专家是怎么说的。 UI设计根据这三方面来展开学习： 1平面设计 在达内UI设计培训第一阶
阅读全文
摘要：1.禁止div点击 //css属性： pointer-events: none; //或者定义属性，在js中添加： $(".原类名").addClass("新类名"); //js： //禁用 $.fn.disable = function () { $(this).addClass("disable
阅读全文
摘要：前端是一个很容易入门，但却很难走进去的一个行业。看似简单，但一旦深入，就“不可自拔”。说到，前端，肯定少不了要认识他的组成元素，那这就涉及到块级元素，行内元素以及一些空元素。 html标签 html标签定义： 是由一对尖括号包裹的单词构成,例如: <html>. 标签不区分大小写<html> 和 <
阅读全文
摘要：css允许根据链接的当前状态对它们进行格式化。链接的状态包括访问者是否将鼠标停留在链接上，链接是否被访问过 ，等等。可以通过一系列伪类实现这一特性。 a:link 设置从未被激活或指向，当前也没有被激活或指向的链接的外观。 a:link {color: red;} 新的、未访问的链接显示为红色。 a
阅读全文
摘要：为什么要初始化css样式 1.浏览器差异 不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化，整个页面做完会很糟糕，重复的css样式很多 最简单的初始化方法是：（不建议） * {padding: 0; margin: 0;} 淘宝
阅读全文
摘要：如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条css规则可以使元素可以隐藏滚动条的
阅读全文
摘要：很多情况下，我们受到浏览器的安全策略限制。如何能规避此限制，并且能安全的使用跨域通讯，这就不得不介绍一下 postMessage 了。 一、关于 postMessage window.postMessage() 方法可以安全地实现跨源通信。 通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有
阅读全文
摘要：随着互联网开展，互联网的体系越多越多，越来越杂乱，用户不能满意基本功用的需求，对互联网体会要求越来越高，客户端与服务器的交互不在是简略页面和页面的交互，而变为页面和页面+程序+数据的交互，其间完成与客户交互和体会的程序就是Web前端工程师完成的，这时Web前端工程师就诞生了，跟着用户对体会和交互要求
阅读全文
摘要：熟练使用导航栏，对于网站排版非常重要,使用css，js，jq等你可以转换成好看的导航栏而不是枯燥的html菜单。 css实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Genarator"
阅读全文
摘要：一 概念 什么是回流？ 回流也叫重排（reflow），当页面中的元素发生影响布局的变化，比如：改变宽高，修改显示影藏。页面需要重新布局，就会触发重排。 简单的说就是，页面布局改变，就会触发重排。 什么是重绘（repaint）？ 页面中的元素样式发生改变，比如：背景颜色，背景图片，字体颜色的样式改变。
阅读全文
摘要：Pinbox 跨平台网络收藏工具 Pinbox 是一款可以使得用户的Chrome书签变得更加生动的谷歌浏览器插件，用户在Chrome中安装了Pinbox插件以后，只需要点击一下扩展按钮就会自动为你把当前的网页保存到Pinbox中。在保存网页的时候，同时把当前网页中的缩略图保存在收藏中，这样用户就可以
阅读全文
摘要：() => {} 基本特点 es6中的箭头函数，在实际开发中确实比较方便，通常来说会有几个特点： 箭头函数中的this会绑定在外部作用域 没有arguments 如果想返回一个对象记得加()包裹 call和apply不能传入this (() => {a: 1})() //返回值为undefiend，
阅读全文
摘要：前言 css水平和垂直居中是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（ps：特想找个地洞钻进去）。。。时隔两年，对于这个问题算是有一些了解了，现做个小小的整理，也算是对自己学习的总
阅读全文
摘要：1. 合理的title、description、keywords：搜索对这三项的权重逐个减小。 确定大概的关键词后就开始写tdk（title、description、keywords），tdk的写法避免堆砌关键词 title控制在30个字内，description一般控制在70-80，为了搜索结果的
阅读全文
摘要：1、规则嵌套 Sass 允许将一套 css 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，例如： #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }
阅读全文
摘要：我最近也一直在考虑“程序员-青春饭”这个问题，因为我也怕失业啊，我也需要养家糊口啊。 关于程序员的出路、发展方向，我把周围曾经认识的程序员都捋了一遍。以下写的，都是结合身边朋友们的经历，真实，但不一定很全。 1.继续走技术路线 朋友 A 在加拿大，上周刚面试了一个 50 岁的程序员，岁数大还不算完，
阅读全文
摘要：BIOS 当我们给计算机加电的时候，计算机系统怎么知道该如何启动我们的操作系统呢？ 首先计算机之中在主板上，有一个东西叫ROM（Read Only Memor），在ROM上固话了一些程序，被称为BIOS（基本输入输出系统），由于系统刚刚启动时处于实模式，关于什么是实模式，以及保护模式，可以看这篇文章
阅读全文
摘要：这篇文章又是关于代码质量的，有些同学可能觉得我比较啰嗦。不过我就是想用这种方式让大家重视起来。其实说来说去就那么几种方法，但是实际执行起来真是难于登天。 低质量的代码真的是一种灾难。当你的代码变得越来越混乱，维护起来就会花费大量的时间。在最坏的情况下，代码将变得不可维护，并且项目会慢慢终止。 为了避
阅读全文
摘要：微前端架构是一种设计方法，其中，前端应用被分解为多个松散而协同工作的半独立“微应用”。微前端的思想来源于微服务，其名称也遵循了微服务的命名方式。那么，微前端的优势和好处在哪？让我们一起通过这篇微前端教程来了解。 微前端模式的好处包括： 微前端架构可能更简洁，因此更易于推理和管理。 多个独立的开发团队
阅读全文
摘要：除了KPI，考核员工还有什么方式?OKR是一种简单的管理方法，但是对于其误解和各种疑惑却很多。推崇者把OKR说得是无所不能，反对者认为不过是新瓶装旧酒，和KPI差不多。到底OKR和KPI，哪种方式更靠谱?技术leader该怎么选?今天，阿里资深技术专家燕标谈谈，他对OKR的思考。 引子 每过一段时间
阅读全文
摘要：你已经为一个有趣的问题工作了几个月，现在决定启动一个开源项目。你在 README.md 中编写了一些说明，并发布了1.0版。几周后，人们对这个项目仍然没有什么兴趣。你做了大量的工作，付出了最大的努力，但是最后，仍然没有谁对它感兴趣。 怎么会这样？更重要的是，怎样才能使你的开源项目成功？ 我创建了一个
阅读全文
摘要：三次握手和四次挥手是各个公司常见的考点，也具有一定的水平区分度，也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好，但是后面越回答越冒冷汗，最后就歇菜了。 见过比较典型的面试场景是这样的: 面试官：请介绍下三次握手 求职者：第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到
阅读全文
摘要：首先这和你熬夜加班没有半毛线关系,千万别自己感动自己，但凡是互联网项目,出现延期是常有的事情。项目延期之后,一般流程是领导开会,大家讨论,新一任背锅侠,然后下一次还是老样子. 项目评审 项目初期,评审是最重要的一个环节. 这个需求能不能做,那个需求要怎么改,最后给到手的任务预估一个开发时间. 初入开
阅读全文
摘要：前言 今年毋庸置疑是找工作的寒冬，今年出来找工作的每一个同学 都是值得尊敬的。 在寒冬季找工作，虽然略难，但是反过来看也会逼迫我们成为更加优秀的自己。 但是不管是旺季还是寒冬，有一些优秀的同学找工作还是挺顺利的。 所以说还是得提高我们自己的硬实力。 今年前端很明显一个变化就是前端面试里除了基础知识
阅读全文
摘要：为什么优秀的人会搭建糟糕的软件 糟糕的软件是世界上为数不多的无法用金钱解决的问题之一。数十亿美元的航空公司拥有的航班搜索应用程序往往不如学生群体开发的那些应用程序好用。尽管面临着拼车服务的威胁，世界各地的老牌出租车公司还在使用糟糕的预订应用程序。而痛苦的企业 IT 系统通常都是经过多年建设且预算庞大
阅读全文
摘要：MySQL数据库与 Oracle、 SQL Server 等数据库相比，有其内核上的优势与劣势。我们在使用MySQL数据库的时候需要遵循一定规范，扬长避短。无意中从github上看到一个大佬的MySQL数据库设计规范，顺便在这里分享一下。 写的都很实用，建议收藏阅读。 一、数据库设计 以下所有规范会
阅读全文
摘要：人们可能认为时间对于比特币网络并不是一项重要的考虑因素，因为每个区块都引用前一个区块的哈希值，所以这些区块已经有先后顺序。比特币区块还包含交易（输入、输出和值）、推导区块头的默克尔树（Merkle Tree）和区块哈希值本身，用于证明工作量。从表面上看，这对于交易和一致性系统也许已经足够。但是，存在
阅读全文
摘要：单例模式 单例模式的含义: 作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统全局地提供这个实例。它不会创建实例副本，而是会向单例类内部存储的实例返回一个引用。 单例模式的三个要素: 1.保存类唯一实例的静态变量。 2.构造函数和克隆函数必须是私有的，放在外部去实例化，
阅读全文
摘要：在 2011 年，Marc Andressen 写了一篇文章，题目是《为什么软件正在吞噬整个世界》。其中心思想是如果流程可以通过软件来实现，那么就一定会实现。这已经成为一种投资理论简略的表达方式，这种理论隐藏在硅谷目前独角兽初创企业浪潮的背后。它还是我们如今看到的更广泛的技术趋势背后的统一思想，这些
阅读全文
摘要：前言 Location指令是nginx中最关键的指令之一，location指令的功能是用来匹配不同的url请求，进而对请求做不同的处理和响应，这其中较难理解的是多个location的匹配顺序，本文会作为重点来解释和说明。 开始之前先明确一些约定，我们输入的网址叫做请求uri，nginx用请求uri与
阅读全文
摘要：在传统的软件开发中，测试专业人员除了手动进行各种测试以外，更多时候需要依赖自动化的测试工具，来反复执行某些相同的测试任务。对于一些按照硬编码值执行、且无需任何修改的简单测试任务而言，记录和回放工具能够通过录入用户的操作步骤，在相同的条件下，以相同的方式多次执行相同的步骤。 虽然自动化测试的优势在
阅读全文
摘要：引言 最近在用 shell 写一个小工具，里面要用到复杂的二进制操作，对 int 值进行位操作和与或非，而 shell 的语法里， & 是取布尔与， >> 是重定向，不支持二进制操作，为了写出只需要默认系统环境就可以运行的程序，于是只好摸出了好久不用的 C。在使用 C 实现二进制操作的过程中，对二进
阅读全文
摘要：一、代码规范化 1. 整理一套vscode中格式化配置，在页面保存时自动格式化，团队成员格式统一（搭配eslint）。 2. 整理项目中的命名（不要嫌长，但也不能过于冗长，尽量能让人一眼看明白） 1. 私有变量前加'_' 2. 方法使用驼峰命名 3. 组件大写开头的驼峰命名 4. 样式'-'连接 5
阅读全文
摘要：“Tomcat是一个Servlet容器”，这句话对于2019年的程序员应该是耳熟能详的。 单纯的思考一下这句话，我们可以抽象出来这么一段代码： class Tomcat { List<Servlet> sers; } 如果Tomcat就长这样，那么它肯定是不能工作的，所以，Tomcat其实是这样：
阅读全文
摘要：0.概述 通过本文将了解到如下内容: Linux系统的并行性特征 互斥和同步机制 Linux中常用锁的基本特性 互斥锁和条件变量 1.Linux的并行性特征 Linux作为典型的多用户、多任务、抢占式内核调度的操作系统，为了提高并行处理能力，无论在内核层面还是在用户层面都需要特殊的机制来确保任务的正
阅读全文
摘要：背景 在做小程序时候，我们经常会有一个需求，需要将小程序分享到朋友圈，但是朋友圈是不允许直接分享小程序，那我们还有其他的办法解决吗?答案肯定是有的，即 canvas 生成个性化海报分享图片到朋友圈 分析 小程序中有大量的生成图片需求，但是使用过 canvas 的人，都会发现一些难以预料的问题>>有关
阅读全文
摘要：一、babel介绍 Babel 是 JavaScript 编译器，更确切地说是源码到源码的编译器，通常也叫做“转换编译器（transpiler）”。 意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。在这个源码到源码的转换过程当中，抽
阅读全文
摘要：写在前面 在分享 vue-next 各个子模块的实现之前，我觉的有必要比较全面的整理下 vue-next 中提出的函数式 api，了解这些的话，无论是对于源码的阅读，还是当正式版发布时开始学习，应该都会有起到一定的辅助作用。 类似的东西在网上有很多，只是会比较零碎，同时有些也相对过时了，当然当前整理
阅读全文
摘要：也许在小程序所有生命周期里，我们用的最多的就是 onLoad，一大堆代码都要在初始化的时候执行。很多时候，初始化的代码是每个页面共用的，比如获取用户信息、获取定位等： Page({ onLoad() { this.userData = getUserData() wx.getLocation({ t
阅读全文
摘要：Node.js的作者Ryan Dahl，过去一年半的时间都在打造一个新的JavaScript运行环境Deno来解决Node的一些内在问题。不过不要误会，得益于JavaScript庞大的社区生态和使用范围，Node是一个非常不错的JavaScript运行环境。然而，Dahl 也承认在Node的某些方面
阅读全文
摘要：Deno 是个什么东西？ 我发现自己最近的工作效率不是很高，于是快速浏览了一下 GitHub 趋势页面，看看有没有什么比较酷的新项目。其中有个项目排名比较靠前，即 Deno：https://github.com/denoland/deno 这个项目很有趣，因为： 使用 Rust 开发； 原生支持 J
阅读全文
摘要：一、为什么选择react react是当前前端应用最广泛的框架。三大SPA框架 Angular、React、vue比较。 Angular出现最早，但其在原理上并没有React创新的性能优化，且自身相对来说显得笨重。 vue出现最晚，其核心原理学习了React，只是语法形式的变化，关系上来说React
阅读全文
摘要：什么是vue vue是一套用于构建用户界面的渐进式框架。 框架和库的区别 库是一种插件，是一种封装好的特定方法的集合。提供给开发者使用，控制器在使用者手里。 框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，使用者需要按照框架所规定的某种特定规范进行开发。 目前的流行
阅读全文
摘要：1.wx.switchTab(Object object) 这里的tabBar是底下的导航栏指定的页面，跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 参数 Object object 属性类型默认值必填说明 url string 是 需要跳转的 tabBar 页面的路径（需在 a
阅读全文
摘要：input 中的 key 引用 vue 官方文档的原话： vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 这样容易导致一些问题。因为类似 <input> ， <select> ， <textarea> 这样的元素都有一个internal state 保存着元素的值，而在元素复
阅读全文
摘要：父组件处理： <template> <div class="wrap"> <!-- 搜索框 --> <div class="searchInputArea"> <div class="searchBarBox"> <div class="inputWrap" > <form onsubmit="Ja
阅读全文
摘要：1.监测浏览器滚动条滚动事件及滚动距离 dmounted() { window.addEventListener("scroll", this.gundong); }, destroyed() { window.removeEventListener("scroll", this.gundong);
阅读全文
摘要：在router->index.js中mode类型默认为hash，修改为history const router = new vueRouter({ mode: 'history', routes: [...] }) 除此之外，需要服务端配合，主要因为这种模式利用history.pushState A
阅读全文
摘要：大量的跨平台应用开发框架，使你可以编写一次代码，然后在 Android，iOS 等多个平台上甚至在台式机上运行。你可能听说过一些流行的框架，例如 Ionic，Xamarin 和 react Native。另一个相对较新的框架是 Flutter。 在本文中，你将学到一些有关 Flutter 的知识，特
阅读全文
摘要：使用范围：两个元素位置交换，移动元素到指定位置 涉及函数 属性解释 draggable 是否允许元素进行拖拽 dragstart 拖拽开始触发的函数，可在此获取元素 dragover 在目标元素内进行拖动时触发的函数 dragenter 当拖拽进入目标元素时出发的函数 dragend 拖拽结束 快速
阅读全文
摘要：最近做的项目要用到拖拽排序，我现在的项目是vue项目，所以我就屁颠屁颠的去百度有木有这样功能的插件，我就知道一定会有，那就是vuedraggable，这是一款很棒的拖拽插件，下面我来说一下怎么引入 首先在vue项目中，用npm包下载下来 npm install vuedraggable -S 下载下
阅读全文
摘要：先贴出元素模型信息 1.css()方法获取元素的宽高 css()方法返回的其实是getComputedStyle(node).width的值，也就是元素内容区的宽高注意：这个是带单位的 <script> $(function(){ console.log($("div").css("width"))
阅读全文
摘要：端到端加密的实现主要依据两个主要算法：1. diffie-hellman密钥交换算法（上文提到过）2.AES(-CBC)对称加密算法 主要流程如下： 两台设备各生成一对diffie-hellman公私钥。 在网络上交换公钥。 两台设备根据自己的私钥和对方的公钥，生成一个新的、相同的密钥。 利用这个密
阅读全文
摘要：启动流程 我们新建一个RN的项目，在原生代码中会生成 MainActivity 和 MainApplication 两个 Java 类。顾名思义， MainAcitivity 就是我们的 Native 的入口了，我们先来看下 MainApplication 都做了哪些操作 public class
阅读全文
摘要：Platform.OS 为了提高代码的兼容性，我们有时需要判断当前系统的平台，然后做一些适配。比如，我们在使用 StatusBar 做导航栏的时候，在 iOS 平台下根视图的位置默认情况下是占据状态栏的位置的，我们通常希望状态栏下面能显示一个导航栏，所以我们需要为 StatusBar 的外部容器设置
阅读全文
摘要：前言 第一次用makedown编辑器写文章，感觉像得到一件利器，排版美观而且效率飙升。进入正题 1. 完全从数据定义图形 $.get( "{% static 'json/rectTreeData.json' %}", function (obama_budget) { myChart.hideLoa
阅读全文
摘要：事实性错误： 那 vue 呢？它连 HOC 都没有，render props 更不现实（jsx自带） HOC const DefaultButton = { props: { text: String }, template: `<button>{{text}}</button>` } functi
阅读全文
摘要：概述 前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。 axios 就是这样一个 HTTP 请求库，近年来非常热门。目前，它在 GitHub 上拥有超过 40,000 的 Star，许多权威人士都推荐使用它。 因此，我们有必要了解下
阅读全文
摘要：1 引言 Nuxt 是基于 vue 的前端开发框架，这次我们通过 Introduction toNuxtjs 视频了解框架特色以及前端开发框架的基本要素。 nuxt 与 next 结构很像，可以结合在一起看 视频介绍了 Nuxtjs 的安装、目录结构、页面路由、导航模版、asyncData、meta
阅读全文
摘要：react hooks是 react 16.8 引入的特性，这里我们通过对react-hook-form进行分析来了解成熟的库是如何使用hook的。这将是一个系列，首先推荐 useRef 简介 在react中，我们使用Ref来获取组件的实例或者DOM元素。我们可以使用两种方式来创建 Ref impo
阅读全文
摘要：在 Flutter 中，ListView 可以沿一个方向（垂直或水平方向）来排列其所有子 Widget，常被用于需要展示一组连续视图元素的场景 ListView 构造方法 ListView：仅适用于列表中含有少量元素的场景 ListView.build：适用于子 Widget 比较多的场景 List
阅读全文
摘要：背景 Hooks 自推出以来就很火， 它改变了我们编写react 代码的方式， 有助于我们写更简洁的代码。 今天这边文章不是说Hooks的，Hooks之外， 还有很多实用的技巧可以帮助我们编写简洁清晰的代码。 今天我就整理了几个使用的技巧，其中有些也是我在公司项目中实践的，现在整理出来分享给大家，
阅读全文
摘要：一、导航切换 封装一个公用组件Tabbar，在需要导航页的页面引入组件即可。代码如下： <template> <div class="tabbar"> <!-- 占位容器 --> <div class="placegolder-container"></div> <!-- 底部导航栏 --> <di
阅读全文
摘要：一、官方定义： DefinePlugin DefinePlugin 允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和生产模式的构建允许不同的行为非常有用。如果在开发构建中，而不在发布构建中执行日志记录，则可以使用全局常量来决定是否记录日志。这就是 DefinePlugin 的用处，设置它
阅读全文
摘要：1.两大linter说起 eslint 为js而设计的可插拔的检查程序 tslint 为ts语言而设计的可扩展的检查工具（将在2019年取消更新，建议使用eslint） 两种linter都可以实现fix功能，所谓fix就是将原代码转化为符合一定规则的新代码。虽然linter工具fix之后的代码，解决
阅读全文
摘要：组件 API（Composition API） 组件 API 是 Vue 的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法。 当前，我们使用所谓的 Options API 构建组件。为了向 Vue 组件添加逻辑，我们填充（可选）属性，例如 data、methods、co
阅读全文
摘要：什么是高阶组件？ 高阶组件只是一个函数，只不过它返回的是用来渲染 react 组件的函数。 这里有个例子： import { Component } from 'React'; export function enhancer() { return (BaseComponent) => { retu
阅读全文
摘要：Flutter 中有很多 UI 控件，而文本、图片和按钮是 Flutter 中最基本的控件，构建视图基本上都要使用到这三个基本控件 文本控件 文本是视图系统中的常见控件，用于显示一段特定样式的字符串，在 Flutter 中，文本展示是通过 Text 控件实现的 Text 支持的文本展示类型 单一样式
阅读全文
摘要：Angular CLI 是 Angular 客户端命令行工具，提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。 问题背景 执行“ng serve”命令时，竟然报找不到模块"@an
阅读全文
摘要：http模块 response对象常用方法： response.writeHead(200,{'Content-Type':'text/plain:charset=UTF-8'}); 此方法只能在消息上调用一次，并且必须在调用response.end()之前调用。 response.write()发
阅读全文
摘要：何为 Commonjs？ Commonjs 是一个有志于构建 JavaScript 生态圈的组织。它有一个 邮件列表，有很多开发者参与其中。 整个社区致力于提高 JavaScript 程序的可移植性和可交换性，无论是在服务端还是浏览器端。 何为 CommonJS 模块？ JavaScript 并没有
阅读全文
摘要：前言 Rollup 是一个 JavaScript 模块打包器，说到模块打包器，自然就会想到 webpack。webpack 是一个现代 JavaScript 应用程序的静态模块打包器，那么在 webpack 已经成为前端构建主流的今天，为什么还要用 Rollup 呢？ Rollup 中文文档 中介绍
阅读全文
摘要：现在开发已经是前后端分离了，前端和后端可以同时进行开发，互不影响，但是有些时候后端开发的接口慢于前端，导致前端需要等待后端的接口完成才能完成前后端对接，为了解决这个痛点，出现了模拟接口数据的方案，目前行业中主要有四种方案来模拟后端放回的数据： 暴力式，直接在前端代码中写入模拟数据，但是这种缺点很明显
阅读全文
摘要：在本文中我们讨论 vue 中的无渲染插槽模式能够帮助解决哪些问题。 在 vue.js 2.3.0 中引入的作用域插槽显著提高了组件的可重用性。无渲染组件模式应运而生，解决了提供可重用行为和可插入表示的问题。 在这里，我们将会看到如何解决相反的问题：怎样提供可重用的外观和可插入的行为。 无渲染组件 这
阅读全文
摘要：vue 相对不于 react 的一个优点是它易于理解和学习，且在国内占大多数。咱们可以在 vue 的帮助下创建任何 Web 应用程序。 因此，时时了解一些新出现又好用的Vue 开源项目也是挺重要，一方面可以帮助咱们更加高效的开发，另一方面，咱们也可以模范学习其精华部分。 接下来看看新出的有哪些好用的
阅读全文
摘要：基本操作 增和改 var a= new Array(); //创建一个数组 a[0]=1;//直接指定修改 a.push(1); //直接在最后新增一个 删 //arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量dele
阅读全文
摘要：html 篇 常用的meta属性设置 meta对于移动端的一些特殊属性，可根据需要自行设置 <meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转 <meta name="full-screen" content="y
阅读全文
摘要：对于初学正则的同学来说，^$这两个看似简单的字符却在使用中总让匹配结果超出我们的预期，^什么时候表示行首什么时候表示反义？^ $两个一起写表示什么含义？今天我们就来详细聊聊这两个字符。 关于^与$ 先解释^与$概念，很简单的两句话，先留个印象。 ^ 脱字符：匹配开头，若存在多行匹配多行的行头。 $
阅读全文
摘要：前言 "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 至今，前端 er 们基本都默认开启严格模式敲代码。 那么，你知道 Typescript 其实也有属于自己的严格模式吗？ 1. Typescript 严格模式规则 当 Typescript
阅读全文
摘要：变量中包含可随时更改的数据或信息。JavaScript使用保留关键字var来声明变量。在JavaScript中，有两种类型的变量：全局变量和局部变量。那么JavaScript中全局变量和局部变量具体是什么？有什么用?下面本篇文章就来给大家介绍一下JavaScript中全局变量和局部变量，希望对大家
阅读全文
摘要：JavaScript 使用原型继承:每个对象都从原型对象继承属性和方法。 在Java或Swift等语言中使用的传统类作为创建对象的蓝图，在 JavaScript 中不存在，原型继承仅处理对象。 原型继承可以模拟经典类继承。为了将传统的类引入JavaScript, ES2015 标准引入了class语
阅读全文
摘要：js计数器的几种实现 全局变量 let count = 0; const countUp = () => count++; 闭包 // JavaScript const countUp = (() => { let count = 0; return () => { return ++count;
阅读全文
摘要：JavaScript 中的数字类型包含整数和浮点数： const integer = 4; const float = 1.5; typeof integer; // => 'number' typeof float; // => 'number' 另外还有 2 个特殊的数字值：Infinity（比
阅读全文
摘要：JavaScript 是对初学者比较友好的一门编程语言，基本上花个半小时看下语法就能写出能运行的代码。JavaScript 是动态脚本语言，对数据类型没有太多的限制，写起来非常灵活。但正因为如此，初学者如果不深入了解语言本身，往往会犯一些错误，从而导致一些很难发现的 bug。 抛开 JavaScri
阅读全文
摘要：JavaScript 异步演化史 前几天看了一个Javascript 异步演化史，谈到从 callback 到 Promise 再到 Async/Await 的历程，很有趣。大家有兴趣的话可以去看一下原文，或是直接百度搜翻译。 我这里默认大家都了解了这段历史，只简单介绍一下 JavaScript 异
阅读全文
摘要：Function Object 什么是函数？在大多数编程语言中，函数是一段独立的代码块，用来抽象处理某些通用功能的方法；主要操作是给函数传入特定对象（参数），并在方法调用结束后获得一个新的对象（返回值）。 function greeting(name) { return `Hello ${name}
阅读全文
摘要：Number()和parseInt()都可以用来进行数字的转换，那么parseInt()和Number()之间的区别是什么？ parseInt()函数： parseInt()函数用于解析字符串并将其转换为指定基数的整数。它需要两个参数，要解析的字符串和要使用的基数。基数是一个介于2和36之间的整数，
阅读全文
摘要：1.定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例 先看看 new 实现了哪些功能, 先来看一段代码： function Person(age) { this.age = age; } Person.prototype.getAge = function() {
阅读全文
摘要：前言 jsonp是一种跨域通信的手段 原理 原理：事先定义一个用于获取跨域响应数据的回调函数，并通过没有同源策略限制的script标签发起一个请求（将回调函数的名称放到这个请求的query参数里），然后服务端返回这个回调函数的执行，并将需要响应的数据放到回调函数的参数里，前端的script标签请求到
阅读全文
摘要：正文 JavaScript中的变量提升说的是在程序中可以在变量声明之前就进行使用： console.log(a); // undefined var a = 1; 可以看到，在变量a声明之前我们可以正常调用a，代码的实际的表现更像是这样的： var a; console.log(a); // und
阅读全文
摘要：正文 相信很多人第一次见到正则表达式的第一印象都是懵逼的，对新手而言一个正则表达式就是一串毫无意义的字符串，让人摸不着头脑。但正则表达式是个非常有用的特性，不管是JavaScript、php、Java还是Python都有正则表达式。俨然正则表达式已经发展成了一门小语言。作为编程语言的一部分，它不想变
阅读全文
摘要：在开发高并发系统时，有三把利器用来保护系统：缓存、降级和限流。那么何为限流呢？顾名思义，限流就是限制流量，就像你宽带包了1个G的流量，用完了就没了。通过限流，我们可以很好地控制系统的qps，从而达到保护系统的目的。本篇文章将会介绍一下常用的限流算法以及他们各自的特点。 nodejs接口可以采用下面的
阅读全文
摘要：JavaScript的任何throw机制的使用都会引起异常，异常处理必须用try/catch来进行处理，否则nodejs进程会立即退出。 同步的API会使用throw来报告错误。 但是异步的API可能使用多种方法来报告错误 大多数异步API发生错误，采用callback方式来处理异常，其中callb
阅读全文
摘要：1. 数组的解构赋值 解构： ES6 中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring). 1. 基本用法 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予相应的值。 完全解构 let [a, b, c] = [1,
阅读全文
摘要：随着前端的发展，特别是 react，vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 JavaScript 资源已是前端的主体资源，对于压缩它的体积至为重要。 为什么说更小的体积很重要呢：更小的体积对于用户体验来说意
阅读全文
摘要：前面的话 在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。本文将详细介绍sticky footer的4种实现方式 绝对定位 常见的实现方法是对(.
阅读全文
摘要：在平时项目开发中，我们经常会对文件做一些上传操作，不仅仅要实现基本需求，也要兼顾用户体验，根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化。 1.搭建项目 基于vue.js+axios搭建的项目，新建一个Index.vue项目如下，基本结构可以先可以选择文件，预览文件。 <templ
阅读全文
摘要：在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型 节点类型：元素 1 ，属性 2 ，文本 3 ，注释 8，文档 9。 一、添加和删除节点（html
阅读全文
摘要：.htaccess文件是运行Apache Web Server的Web服务器的配置文件，对配置和重定向Apache Web Server文件系统很有用。请记住.htaccess文件将采用隐藏格式。没有人可以通过URL直接看到它。 .htaccess文件有很多用途。在这里，我将讨论.htaccess文
阅读全文
摘要：一，常用的HTTP-EQUIV类型： Set-Cookie(cookie设定) 说明：如果网页过期，存盘的cookie将会被删除(必须是GMT的时间格式) <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday
阅读全文
摘要：可以让页面中指定的元素按照设定的方式“动”起来，运用的是人视觉延迟的原理，连续地在上一张图消失之前插入下一张。 animation属性值 1.animation-name 对象的动画名称，以便后续设置动画属性时使用 默认为none，如果设置的话即为要设置动画的关键帧的名字 后续对该元素设置动画时，要
阅读全文
摘要：box-shadow属性是一个css3属性，允许我们在几乎任何元素上来创建阴影效果，类似于在设计软件中的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度（第三维）的错觉。 定义和用法 box-sizing属性定义了如何计算元素的宽度和高度：它们是否包括填充和边框
阅读全文
摘要：viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 这个是移动端页面开发必备的标签，用来调整布局视口同视觉视口一致，禁止
阅读全文
摘要：1.温习JavaScript 这些日子，开发人员掌握JavaScript总不会错。JavaScript能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能。JavaScript已被证明是当今市场中高度可移植和宝贵的技能。 2.了解大数据 大数据项目相较于去年继续扩大，而且在这几年里也没有放缓的
阅读全文
摘要：你想成为一名Web开发人员，但现在你面前有这样一个问题，那就是你没有在高科技行业工作的经验。你上了一些课程，也花了时间在个人编码项目上，但是你的简历上关于“经验”的部分仍然不为企业承认。过渡到一个新的领域从来就不是一件简单的事。你不知道你是否准备好了，不知道是否有人会认真对你，也不知道你是否能得到工
阅读全文
摘要：代码执行时机将决定着是否能够正常执行，当依赖文件没加载完成就开始执行、使用对应模块，那么将会导致执行异常。这在“ 存在资源加载失败时，加载重试影响原来文件的执行顺序 ”的场景下尤为常见。 webpack 构建除了进行模块依赖管理，实际上，也天然地管理了 entry 与 chunk 多文件的执行时机，
阅读全文
摘要：说明 本文中所说的QQ登录功能，是采用官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简单的js-SDK开发方式，虽然非常简便，但自主性不够，所以没有采用。 下文中所构造的URL，均使用了JavaScript的ES6语法。 注册开发者 先登录QQ互联官网，登录时所用的QQ号会和相关信息
阅读全文
摘要：前言 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式——Applicatio
阅读全文
摘要：背景 一般的项目需求都会要求统一的输出结构，特别是对于api应用而言。因此，如果有beforeResponse的功能，则可以在数据输出之前对response进行统一格式化处理。 假设这么一种场景，应用做api开发，使用抛异常的方式(自定义异常类ApiException)返回无效非法请求的情况。正常请
阅读全文
摘要：css中的background属性想必大家已经用了无数遍，但是对于css3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此。 backgrou
阅读全文
摘要：Content-Security-Policy 内容安全策略（CSP）常用来通过指定允许加载哪些资源来防止跨站点脚本攻击。在接下来所介绍的所有安全头信息中，CSP 可能是创建和维护花费时间最多的而且也是最容易出问题的。在配置你的网站 CSP 过程中，要小心彻底地测试它，因为阻止某些资源有可能会破坏你
阅读全文
摘要：什么是跨域访问 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。如果进行跨域访问，浏览器会报跨域访问异常 NO ‘Access Co
阅读全文
摘要：block 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 <div>, <p>, <h
阅读全文
摘要：学习前端的几个个阶段： 一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段：canvas、js高级应用、js-SDK、H5新增技术四阶段：node.js、vue.js 第一阶段——HT
阅读全文
摘要：一、服务端渲染 - 简介 所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的html字符串返回给客户端，再由客户端进行显示。 服务器端渲染的优点 有利于seo搜索引擎优化，因为服务端渲染是将渲染好的html字符串返回给了客户端，所以其可以被爬虫爬取到； 加快首屏渲染时间，不会出现白屏； 服务
阅读全文
