09 2020 档案
摘要：1.CodePen： http://codepen.io/ 网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图，是不是很酷呀！ 2.Runjs： http://runjs.cn/ 点击广场，则可
阅读全文
摘要：1. 空格 —— “后代选择器” 例如下面这个例子，表示div元素里面所有的p元素 div p { ... } 2. > —— “子选择器” 例如下面这个例子，表示div元素里面所有的子代（不含孙代及以后）p元素 div>p { ... } 3. ~ —— “兄弟元素选择器” 例如下面这个例子，表示
阅读全文
摘要：前言 三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。 我们不妨假定这样一个布局：高度已知，其中左栏、右栏宽度各为300px,中间自适应，可以通过几种方法来实现？以及
阅读全文
摘要：MVC是一种软件架构的思想，即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离； （1）模型: 业务逻辑包含了业务数据的加工与处理以及相应的基础服务(为了保证业务逻辑能够正常进行的事务、安全、权限、日志等等的功能模块)；（2）视图:展现模型处理的结果；另外
阅读全文
摘要：Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。它不仅仅是传统的 HTTP 通讯的一个增量的提高，尤其对于实时、事件驱动的应用来说是一个飞跃。 html5 Web Sockets 相对于老的技术（在浏览器中模拟全双工连接的复杂技术）有了如此巨大的提升，以
阅读全文
摘要：1. 同屏播放视频 <video src="" x-webkit-airplay="true" webkit-playsinline="true" playsinline /> 2. 移动端视频预加载 由于移动端不能预加载视频，所以hack一种方案：监听WXjsBridge WeixinjsBrid
阅读全文
摘要：什么是SOAP? SOAP (Simple Object Access Protocol) 顾名思义，是一个严格定义的信息交换协议，用于在Web Service中把远程调用和返回封装成机器可读的格式化数据。事实上SOAP数据使用XML数据格式，定义了一整套复杂的标签，以描述调用的远程过程、参数、返回
阅读全文
摘要：在互联网的影响下，移动互联网产业的发展也突飞猛进，越来越多的企业开始攻击移动互联网的大蛋糕。根据可靠的数据分析，中国对开发商的需求高达200万人，而且数据仍在改善。 目前，在移动互联网行业，它是一个热门的前沿，而且势头很猛。在2019年初的招聘季节的一个多月中，Web前端开发人员供不应求。对于那些想
阅读全文
摘要：步骤一：下载 Nginx 版证书文件，解压以后可以看到一个 .key 文件和 .crt/.pem 文件 步骤二：上传证书。把上面的 .key 文件和 .crt/.pem 文件上传到 /root 目录中，命名为 ssl.crt/ssl.pem 和 ssl.key 步骤三：LNMP 一键安装包的 Ngi
阅读全文
摘要：使用背景 当我们需要将项目部署到远程线上服务器时；传统的方法可能就是： 将本地代码通过ssh、ftp等方式上传到服务器；然后通过ssh登入到服务器，配置好环境；手动启动应用。太过手动化，麻烦，操作繁琐。 现代自动化部署 环境：本地（Mac）；远程服务器（CentOS）使用工具：Git、pm2、nod
阅读全文
摘要：我们都知道在浏览器通过域名发起一个网络请求的时候，会有DNS服务器将域名解析成ip地址，以便向正确的ip地址发送请求，那么这一个过程具体是怎么处理的呢？今天整理了一下DNS域名解析的过程。大致分为10步： 第一步 浏览器会检查缓存中有没有域名对应的ip地址，这个缓存是有过期时长的，一般是几分钟到几小
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：第一种: 在组件中直接使用style 不需要组件从外部引入css文件，直接在组件中书写。 import react, { Component } from "react"; const div1 = { width: "300px", margin: "30px auto", backgroundC
阅读全文
摘要：一、圆角边框 border-radius:5px; 二、多背景图 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; 三、颜色和透明度(由原来的rgb到现在的rgba) backg
阅读全文
摘要：如果您曾在 Node 或 JavaScript 前端开发中投入过时间和精力，那么您就知道 npm 中有数以十万计的模块可供您选择 开发者不停的寻求帮助/抱怨： “对模块的选择困难正在蚕食我们”“X 模块和 Y 模块有什么区别？哪一个更好？”“npm 很棒，但是这些模块可能在一年半载后失效，取决于模块
阅读全文
摘要：一、设置好看的单边框表格 分别给table标签和td标签设置不在同一方向的border属性，如下table设置‘左上’边框，td设置‘右下’边框。其他设置方式同样可以实现。 table{ border-right: 1px solid; border-top: 1px solid; /*相邻边框被合
阅读全文
摘要：主要利用 form 的 target 属性，在提交表单之后 response 返回到 iframe 中。form 的 action 可以自己写，也可以直接利用 富文本编辑器的接口实现上传 <form id="form_img" method="post" action="/Ueditor/net/c
阅读全文
摘要：设置鼠标指针放在一个元素边界范围内时所用的光标形状，需要对元素的css属性cursor进行设置。cursor属性可能的值： default 默认光标（通常是一个箭头） auto 默认。浏览器设置的（user agent stylesheet）光标。 crosshair 光标呈现为十字。 pointe
阅读全文
摘要：什么是SOAP? SOAP (Simple Object Access Protocol) 顾名思义，是一个严格定义的信息交换协议，用于在Web Service中把远程调用和返回封装成机器可读的格式化数据。事实上SOAP数据使用XML数据格式，定义了一整套复杂的标签，以描述调用的远程过程、参数、返回
阅读全文
摘要：在互联网的影响下，移动互联网产业的发展也突飞猛进，越来越多的企业开始攻击移动互联网的大蛋糕。根据可靠的数据分析，中国对开发商的需求高达200万人，而且数据仍在改善。 目前，在移动互联网行业，它是一个热门的前沿，而且势头很猛。在2019年初的招聘季节的一个多月中，Web前端开发人员供不应求。对于那些想
阅读全文
摘要：步骤一：下载 Nginx 版证书文件，解压以后可以看到一个 .key 文件和 .crt/.pem 文件 步骤二：上传证书。把上面的 .key 文件和 .crt/.pem 文件上传到 /root 目录中，命名为 ssl.crt/ssl.pem 和 ssl.key 步骤三：LNMP 一键安装包的 Ngi
阅读全文
摘要：使用背景 当我们需要将项目部署到远程线上服务器时；传统的方法可能就是： 将本地代码通过ssh、ftp等方式上传到服务器；然后通过ssh登入到服务器，配置好环境；手动启动应用。太过手动化，麻烦，操作繁琐。 现代自动化部署 环境：本地（Mac）；远程服务器（CentOS）使用工具：Git、pm2、nod
阅读全文
摘要：我们都知道在浏览器通过域名发起一个网络请求的时候，会有DNS服务器将域名解析成ip地址，以便向正确的ip地址发送请求，那么这一个过程具体是怎么处理的呢？今天整理了一下DNS域名解析的过程。大致分为10步： 第一步 浏览器会检查缓存中有没有域名对应的ip地址，这个缓存是有过期时长的，一般是几分钟到几小
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：第一种: 在组件中直接使用style 不需要组件从外部引入css文件，直接在组件中书写。 import react, { Component } from "react"; const div1 = { width: "300px", margin: "30px auto", backgroundC
阅读全文
摘要：效果 实现原理 纯粹只使用了html+css+js发现还是比较简单的，并不需要借助别的插件或类库来实现核心是把图片组合成一行序列，通过左右移动，以及父元素的overflow：hidden来决定显示的图片简单画了一下： 搭建基本界面 <div id="box"> <img src="images/ar
阅读全文
摘要：一、公众号设置 注册企业微信，在应用与小程序栏目中，设置可信域名，配置公众号菜单。可信域名不得不说下，在最初开发时，认为设置并验证后，微信认证接口会实现跨域请求，其实并没有。所以全在H5端还得配合服务端完成票据获取等操作。 二、开发步骤 资源引入 开发文档地址 https://work.weixin
阅读全文
摘要：在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。 第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可。 <img sr
阅读全文
摘要：设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>
阅读全文
摘要：html 1、关闭首个字母大写（html） <input type="text" autocapitalize="off"/> 2、伪类:active失效 body class="" onmousemove="" ontouchstart="" meta 1、设置页面的编码（HTML） <meta
阅读全文
摘要：Less和css的区别 html和css不属于编程语言而是属于标记语言,很难像js一样定义变量、编写方法、实现模块化开发等。LESS是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。使用LESS基本上按照这样的步骤：编写LESS代码，使用NODE
阅读全文
摘要：用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。 <el-scrollbar></el-scrollbar> 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下，将标签的height设为100%，读者查看效果的时候，会出现一个横向的
阅读全文
摘要：发布iPhone XR的时候 各种心动 去官网看了一遍又一遍。(贫穷使我节省。。。。。。。。。。) 闲着无聊发现 里面的介绍很用大篇幅的有背景文字来介绍。Like this： 看着挺酷炫的还不错 就看了下实现方式。还挺简单的。 附上demo <!DOCTYPE html> <html> <head>
阅读全文
摘要：作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule
阅读全文
摘要：contain 为何？ 这个 contain 属性的主要目的是隔离指定内容的样式、布局和渲染。开发人员可以使用这个 contain 属性来限制指定的DOM元素和它的子元素同页面上其它内容的联系；我们可以把它看做一个iframe。跟iframe很相似，它能建立起一个边界，产生一个新的根布局；保证了它和
阅读全文
摘要：header() 函数向客户端发送原始的 HTTP 报头。认识到一点很重要，即必须在任何实际的输出被发送之前调用 header() 函数 语法 header(string,replace,http_response_code) 数描述 string 必需。规定要发送的报头字符串。 replace 可
阅读全文
摘要：现象1：路由切换时再次提示“是否记住密码” 登录页面有个密码输入框，输入账号密码进行登录； 登录完成后vue路由跳转到主页，这时候浏览器提示“是否记住密码”，我选“否”； 然后我点菜单跳转到另一个路由，结果浏览器再次提示“是否记住密码”，我再次选“否”； 我接着又一次点菜单跳转到另一个路由，浏览器还
阅读全文
摘要：前一段时间，有很多关于用css构建的“键盘记录器”的讨论（源代码见：https://github.com/maxchehab/...）。 有些人要求浏览器“修复”它。 另有一些人挖掘得更深一些，发现它只影响使用react及类似框架编写的网站，并为此指责react。 不过真正的问题在于第三方内容是不是
阅读全文
摘要：公司项目最近出现获取访问域名、端口、IP错误现象，通过排查发现， 之前项目一直通过Nginx自定义Headers信息来获取，但最近运维人员失误操作造成自定义Header信息丢失，造成项目拿不到对应的数据。思前想后，想找找官方有没有关于此类问题通用标准化的解决方案。 一、Nginx配置如下: prox
阅读全文
摘要：一. 范围不同 readonly 只对 <input> 和 <textarea> 标签有效 disabled 对所有表单元素都有效, 包括：<input>, <textarea>, <button>, <label>, <option>, <select>等 二. 程度不同 readonly 只是将
阅读全文
摘要：主要内容：左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 创建3个html,分别为 index.html ，content.html，link.html. index.html的代码如下： <!DOCTYPE h
阅读全文
摘要：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话，可
阅读全文
摘要：接触网站制作和运营将近9年了，还从没想过搭建问答社区，其实这倒是个还不赖的主意，不过被人抢先了，这是一个免费问答网站搭建平台的程序名单，通过这些程序，你可以搭建像Quora, StackOverflow, Yahoo Answers, 知乎，啊烦题之类的sns问答网站。 西乔是我非常欣赏的一位web
阅读全文
摘要：导语 WebGL绘制图像时，往着色器中传入颜色信息就可以给图形绘制出相应的颜色，现在已经知道顶点着色器和片段着色器一起决定着向颜色缓冲区写入颜色信息并最终呈现出来，那么这个过程是什么样，如果图形的颜色需要用现有图片来渲染那么又该如何操作？ 颜色缓冲区 在绘制开始前，经常见到调用函数清空画布的代码gl
阅读全文
摘要：背景介绍 目前，随着移动设备的普及和4G网络的普及，web在移动端的占比已经远远超过PC端，各种H5页面推广页面，H5小游戏热度火爆。以前简单的使用px单位（没有弹性）的时代已经无法满足各位设计师和用户了。如何100%还原UI设计师的设计图，一直困扰着前端工程师。 css单位 学习首先我们简单了解下
阅读全文
摘要：前言 在平常开发过程中,就算不使用现在主流的框架也至少得使用个Jquery,这些工具帮我们统一不同浏览器平台之间的差异和细节,可以将注意力集中到开发上来.不过有意思的一点是,在看完高程的N年后我居然连event对象中的target和currentTarget属性的区别都忘记了. 先提几个引子: 你能
阅读全文
摘要：Ionic 框架开发团队近日宣布，2019年将推出正式支持 vue （目前处于 alpha 阶段）和 react 的 Ionic 版本，以让开发者在框架选择上更多样化。 Ionic 是一个高级的 html5 移动端应用框架，也是一个开发混合移动应用的前端框架，旨在让 Web 开发者更轻松地构建、测试
阅读全文
摘要：一、前言 通常情况下，html 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体验，但是能大
阅读全文
摘要：一、概述 FormData类型是XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据提供便利。 作用：1.利用一些键值对来模拟一系列表单控件：即将form中的所有表单元素的name和value组装成一个queryString；2.异步上传二进制文件。 与普通Ajax相
阅读全文
摘要：一、前端进行网络请求的关注点 大多数情况下，在前端发起一个网络请求我们只需关注下面几点： 传入基本参数（url，请求方式） 请求参数、请求参数类型 设置请求头 获取响应的方式 获取响应头、响应状态、响应结果 异常处理 携带cookie设置 跨域请求 二、前端进行网络请求的方式 form表单、ifre
阅读全文
摘要：app本地请求是http端口,后来升级https强制301跳转,设置如下 server { listen 80; server name www.XXX.com; rewrite ^/(.*)$ https://www.XXX.com/$1 permanent; } 问题描述及原因 强制把http请
阅读全文
摘要：IPTABLES 是与最新的 3.5 版本 Linux 内核集成的 IP 信息包过滤系统。如果 Linux 系统连接到因特网或 LAN、服务器或连接 LAN 和因特网的代理服务器， 则该系统有利于在 Linux 系统上更好地控制 IP 信息包过滤和防火墙配置。 需要开80端口，指定IP和局域网.下面
阅读全文
摘要：引言 本来没想写这个题材的，为了某某童鞋能够更好的茁壮成长，临时写一篇负载均衡的。负载均衡，大家可能听过什么3层负载均衡、4层负载均衡、7层负载均衡什么的？那这是怎么分的呢，ok，是根据osi七层网络模型来分的，例如nginx是工作在应用层，应用层刚好是在第7层，因此nginx又可以称为7层负载均衡
阅读全文
摘要：作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule
阅读全文
摘要：字体是如何渲染的 解码 Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset= 信息，这一般有最高的优先级； 网页本身 meta header 中的 Content-Type 信息的 charset 部分，对于 HTTP 头未指定编码或者本地文件，
阅读全文
摘要：小当小程序开发完成后，就需要进行推广操作。当然推广的前提是核心功能是否能够满足用户需求，下面总结一些具体的运作方式。 1、微信搜索 和大多数APP的搜索个性一样,用户搜索小程序名称就能进入小程序界面。我们需要做好关键词优化，通过搜索-微信指数，找指数比较 高的词作为我们小程序才名称，这里指数越高代表
阅读全文
摘要：安装openwebmail openwebmail提供了可视化的邮件管理系统，它运行在Apache环境下。 1、安装必备软件 [root@localhost ~]# yum install –y perl-TextIconv perl-CGI perl-CPAN perl-suidper perl-
阅读全文
摘要：这是一款超酷css3 loading预加载动画特效。该loading特效共有4种不同的效果，分别通过不同的css3 keyframes帧动画来完成。 html结构 4种loading预加载动画的html结构分别如下： <!-- 效果一 --> <div class="spinner-box"> <d
阅读全文
摘要：在描述CDN的实现原理之前，让我们先看传统的未加缓存服务的访问过程，以便了解CDN缓存访问方式与未加缓存访问方式的差别。 用户访问未使用CDN缓存网站的过程为: 1)、用户向浏览器提供要访问的域名；2)、浏览器调用域名解析函数库对域名进行解析，以得到此域名对应的IP地址；3)、浏览器使用所得到的IP
阅读全文
摘要：1.onload事件 onload，页面加载后执行，所谓页面加载完成，指页面上所有的元素创建完毕，引用的所有的外部资源（js、css、图片）等下载完毕。 所以onload执行的比较晚，因为如果页面上有好多好多图片，它需要等这些图片完成下载后才能执行。而写在body后的< script >< /scr
阅读全文
摘要：最近项目中需要前端播放 .ts 格式视频，捣鼓了几天学习到很多知识，也发掘了一种优秀的解决方案，分享给有同样需求的同学。 常见方案 在网上查找的大部分解决方案都是用诸如videojs等网页播放器，接收 .m3u8索引文件的方式来播放ts切片。这种方案的缺点是需要后端对原始ts切片做处理，生成 .m3
阅读全文
摘要：Web产品中很多时候需要在客户端，即浏览器中保存一些必要的数据。而面临这类需求时，你应当知悉对应的解决方案不仅仅只有一种。 Cookie 这是最早被使用，且至今仍被广泛采用的最简单的浏览器中保存数据方法。 Cookie使用键/值形式存储数据，且数据类型只能为字符串。 Cookie相关的CRUD操作：
阅读全文
摘要：去年，大前端开始出现。今年，大前端的趋势越来越明显。跨平台技术层出不穷。Qcon、GMTC等一线会议开始设置大的前端话题。阿里、京东、美联以及在哪里开始开展跨平台练习。所有这些都告诉我们，大前端即将到来。 一些来自媒体的评论开始关注非官方发展：“瞧，那个做Android的人挂了”和“我听说没有人想要
阅读全文
摘要：前言 在开发静态页面时，类似vue的应用，我们常会调用一些接口，这些接口极可能是跨域，然后浏览器就会报cross-origin问题不给调。 最简单的解决方法，就是把浏览器设为忽略安全问题，设置--disable-web-security。不过这种方式开发PC页面到还好，如果是移动端页面就不行了。 解
阅读全文
摘要：Pom文件引入以下依赖 注意,创建SpringBoot整合jsP,一定要为war类型,否则会找不到页面 不要把jsp页面存放在Resources目录下,resources目录是给springboot打jar包读取配置文件用的,产生的jsp会被别人访问到,这是存放资源目录的文件 1.创建War类型的s
阅读全文
摘要：当使用文本编辑的时候，首先会使用 textarea ,但是，这个里面不能加入其它标签，也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候，发现有两个问题。 1、placeholder 无法正常使用，解决办法，是加上一段css：
阅读全文
摘要：属性值 对部分生僻的input属性值解释： type="reset"： 可以一键清空form表单里面所有的数据 <form> <input type="text" name=""> <input type="password" name=""> <input type="email" name=""
阅读全文
摘要：网页中的动态GIF图片是非常受欢迎的，因为它们相比静态图片更生动，相比网页视频更简单。但是GIF图片通常具有较大的体积，就导致网页加载速度变慢，内存使用增加。通过使用html video，可以使浏览器中的GIF图片在减少98%体积的情况下，仍然具有相对较高的质量。 我们注意到这篇文章是Google
阅读全文
摘要：一 web框架 Web框架(Web framework)是一种开发框架，用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式，也为web行为提供了一套通用的方法。web框架已经实现了很多功能，开发人员使用框架提供的方法并且完成自己的业务逻辑，就能快速开发we
阅读全文
摘要：这里的波浪只是侧面的，利用几个平面一部分弧旋转得到。 代码解读 定义 dom，容器中包含一行文本和3条做海浪特效的 <span>： <div class="sea"> <p class="title">the sea</p> <span class="wave"></span> <span clas
阅读全文
摘要：最近公司有一个项目，使用vue开发微信公众号，开发过程遇到一个问题，即设计图的整体背景是白色的，但是公众号里默认的背景是浅灰色，如果某个页面高度没能占满一屏，就会露出浅灰色的默认背景，会显得很不协调。 使用单纯的css没能解决这个问题，在网上查了些资料也没发现特别好的方法，最后还是采用了js解决这个
阅读全文
摘要：制作动画效果离不开动画运动函数，而我们用得最多的无疑就是Tween.js。根据不同的数学公式原理，Tween.js划分出了不同的动画类型，每种动画类型里面都包含以下的缓动类型： ease in 先慢后快 ease out 先块后慢 ease in out 先慢后快再慢 关于缓动函数，我们在 css3
阅读全文
摘要：让这个代码更加完善，可以同时生成首页、文章、单页面、分类和标签的 sitemap！ php 代码 <?php require(‘./wp-blog-header.php‘); header("Content-type: text/xml"); header(‘HTTP/1.1 200 OK‘); $
阅读全文
摘要：通过FileReader，和es6的方法解构赋值,promise对象简单封装上传预览 具体逻辑：选中图片之后，触发onchange方法，获得上传文件对象，调用fileReader方法验证图片是否符合上传需求，符合返回图片文本，不符合返回错误信息。 先介绍几个技术点，没接触过的朋友，可以先看看： Pr
阅读全文
摘要：1. 阿里云OSS创建存储空间Bucket（读写权限为：公共读） 2. 拿到相关配置 accessKeyId：********* accessKeySecret：********* endpoint：******** bucket：******** 3.创建 oss.php 上传类 （基于think
阅读全文
摘要：预备知识： 必须：Git，GitHub，Jekyll，Markdown，YAML可选：html，JavaScript，css，XML 工具： 可选：VSCode+Markdown Preview Github Styling，GitHub Desktop 操作： 注册一个GitHub的账号，可以使用
阅读全文
摘要：button-普通按钮，submit-提交按钮。submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。 使用场景： 这里说的部分使用场景，并不是只能用一种
阅读全文
摘要：获取上传视频路径，将该路径放入video标签，获取视频时长 方式一：隐藏一个音频标签，播放获取。 <video style="display:none;" controls="controls" id="videoData" oncanplaythrough="geTime(this)"></vid
阅读全文
摘要：最近做项目遇到一款浏览器，由于缓存了get请求，导致不管如何刷新，数据都不更新的问题。以下分享一下解决办法:解决思路就是给每一条get请求增加一个timestamp的参数，value为时间戳但是我们又不想每次请求都加上，所以希望全局配置。 解决方法在代码最下方： const { data, stat
阅读全文
摘要：前言：相信有很多做开发的小伙伴和我之前一样，只会在windows环境下，利用开发工具开发运行web项目，但是却不知道怎么把开发好的项目部署到linux服务器上去，并能够外网访问，这里是我自己摸索总结的过程，包括了linux的一些常用的命令，希望能帮助到更多的人；文章中还有很多不足的地方，我会慢慢的和
阅读全文
摘要：一、 什么是全文检索 全文检索是计算机程序通过扫描文章中的每一个词，对每一个词建立一个索引，指明该词在文章中出现的次数和位置。当用户查询时根据建立的索引查找，类似于通过字典的检索字表查字的过程 全文检索（Full-Text Retrieval）以文本作为检索对象，找出含有指定词汇的文本。全面、准确和
阅读全文
摘要：Git与SVN的比较 原理上 Git直接记录文件快照，SVN每次提交记录哪些文件更新更新了哪些行 Git有本地仓库，SVN没有本地仓库 Git大多数是本地操作，SVN大多数操作需要联网 操作上 Git先提交到本地仓库然后推送到远程仓库，SVN直接推送到远程仓库 Git有各种”反悔”指令，SVN没有
阅读全文
摘要：需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill属性写死的，所
阅读全文
摘要：要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 react 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。 有两个概念: Virtual DOM 是真实DOM的映射 当虚拟 DOM 树中的某些节点改变时，会得到
阅读全文
摘要：gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。 到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续
阅读全文
摘要：标题广告是Web上最常见的广告形式。本文介绍了一个基于IIS和ASP的标题广告管理系统，该系统支持广告客户和广告的管理，能够随机选择广告并生成显示广告的html代码（但参考广告的等级、显示次数限制、点击次数限制），并能够记录广告显示、点击的历史纪录。 标题广告也就是BannerAd，是Web上最常见
阅读全文
摘要：nginx和php-fpm对于-USR2、-HUP信号的处理方式不一样： TERM, INT（快速退出，当前的请求不执行完成就退出） QUIT （优雅退出，执行完当前的请求后退出） HUP （重新加载配置文件，用新的配置文件启动新worker进程，并优雅的关闭旧的worker进程, 用于nginx的
阅读全文
摘要：你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。 在桌面端和移动端用css开启硬件加速 CSS anim
阅读全文
摘要：vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而
阅读全文
摘要：背景 前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题，接下来要讲述的 IoC 就是其中之一。 什么是 IoC IoC 的全称叫做 Inversion of Control
阅读全文
摘要：ES6中引入了模块（Modules）的概念，相信大家都已经挺熟悉的了，在日常的工作中应该也都有使用。 本文会简单介绍一下ES模块的优点、基本用法以及常见问题。 着重介绍3个使用ES模块的常见问题： 如何在浏览器中下快速使用export/import? 如何在Node下快速使用export/impor
阅读全文
摘要：在做优化网站的时候，会考虑到网站整站的集权，通常市面上常见的帝国cms 织梦cms等都会自带首页index.html等文件，为了避免蜘蛛在爬行过程中权重的流失，导致重复收录首页页面，作为一枚站长，必须学会集中权重的策略，下面就为大家简单的介绍下一个集中权重的方式： 考虑到网站可以生成静态，首先，让网
阅读全文
摘要：1.XML介绍 XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 html XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 2
阅读全文