摘要：
预测未来并非易事。在预测社会现象的未来趋势时，我们不能认为未来就是当下现状的简单线性延伸——而 Web 开发就是一种社会现象。 在收集数据和观察趋势时，人们总会忽略一些不显眼的事实、一些难以观察到的趋势，反而很可能收集到一些本应无视的数据。话虽如此，但设法做出一些合理的预测总比完全不管不问、假装未来 阅读全文
摘要：
一、背景 随着公司业务的拓展，随之而来就是各种系统横向和纵向的增加，PV、UV也都随之增加，原有的系统架构和模式慢慢遇上了瓶颈，需要逐步的对系统从整体上进行改造升级，通过一段时间的整理思路，做一个简单的总结与分享。同时由于能力等方面的不足，如果有什么说的不好之处，还请各位大神多多指点。 二、整体思路 阅读全文
摘要：
在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍： arc(x, y, radius, startRad, endRad, anticlockwise) 在canvas画布上绘制以坐标点 (x,y)为圆心、半径为 ra 阅读全文
摘要：
背景 在回家的地铁上使用自家应用H5相关功能时，可能由于网络原因导致体验较差，在使用微信、今日头条App时，感觉很流畅，基本做到了秒开，然后就想了解下业内H5秒开方案。 问题原因 文件下载耗时：包括html、css、js、图片等 页面渲染耗时：页面渲染，解析js、css文件等 WebView创建耗时 阅读全文
摘要：
媒体查询 一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成，例如宽度、高度和颜色。媒体查询，添加自css3，允许内容的呈现针对一个特定范围的输出设备而进行裁剪，而不必改变内容本身。 基本使用 具体的使用方式是 <!-- link元素中的css媒体查询 --> < 阅读全文
摘要：
css 指层叠样式表 (Cascading Style Sheets)，定义如何显示 html 元素，但由于 css 天生全局性，随着项目复杂度增加，极易出现样式覆盖以及其它的问题。 1. 通用规范 文件编码 为了避免内容乱码，统一使用 UTF-8 编码保存。 样式文件第一行设置字符集为 UTF-8 阅读全文
摘要：
在初始页面加载问题之外，“布局颠簸”是我在动态Web应用程序中看到的最常见的性能问题。 对于单页应用程序尤其如此，它可以动态构建和销毁视图。 但是，我常常对我遇到的Web开发人员的数量感到惊讶，他们不知道导致浏览器做不必要的布局的模式（在Mozilla社区中也称为“重排”）。 如果您使用WebKit 阅读全文
摘要：
标签的类型(显示模式) html标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div> 阅读全文
摘要：
在做上传文件的时候，大家会引入input标签。但在实现的过程中，在上传一个文件后，第二次上传同一个文件时会无法触发上传的代码，问题其实这样解决。 <input type="file" ref="referenceUpload" @change="onUpload" style="width: 78p 阅读全文
摘要：
通过<input id="input" type="file" onchange="changeFile()"> 中的change事件 拿到的file不能直接在本地预览选择的图片或者视频，可以通过以下两种方式预览本地图片，不用上传到服务器就可以本地预览。 createObjectURL 这种方式生成 阅读全文
摘要：
说明 最近在用vue写几个H5页面在微信上展示，遇到一个在弹窗上input输入完成之后点击键盘的完成，页面底部留出一片空白的问题 出现原因分析 当键盘抬起时，window.scrollY会从0变到键盘的高度，所以解决办法就是当input失去焦点的时候，将window.scrollY重新设置为0 解决 阅读全文
摘要：
移动端适配，目前自己常用的两种 方案，参考以下两篇好文 方案一：使用lib-flexible包 使用flexible包方式，安装 lib-flexible 包和 px2rem-loader包 npm install --save-dev lib-flexible px2rem-loader 在需要的 阅读全文
摘要：
1.click事件； 要在css中加上cursor: pointer;ios的点击才有效 2.margin-bottom问题； 在ios上，最后一个元素加margin-bottom无效。 3.时间转化问题 由时间转时间戳时 new Date('2019-07-3 11:22:32').getTime 阅读全文
摘要：
这里用的是集成开发环境XAMPP，假设已经配置好ssl证书，不知如何申请ssl证书者请自行百度。修改Apache相关配置文件，强制所有http跳转到https，假设网站域名为xxx.com。 1、在httpd-ssl.conf中 <VirtualHost _default_:443>下面增加设置： 阅读全文
摘要：
用来构建漂亮、定制化应用的跨平台的 UI 框架 Flutter 现在已经支持 Web 开发了。我们很高兴推出了一个预览版的 SDK 可以让开发者直接使用 Flutter UI 和业务逻辑代码构建 web 应用在浏览器中运行起来。 Flutter 在 Web端的雄心 自从去年第一个公测版本推出之后，开 阅读全文
摘要：
首先是构思 我们使用<input type="checkbox">标签来实现这个效果。checkbox的选中、未选中的特性，刚好对应开关的打开、关闭on:打开 off:关闭 <label for="ck2"> <input type="checkbox" id="ck2"> <span>未选中，则关 阅读全文
摘要：
在Stream，我们构建了许多应用程序来展示我们的服务所提供的出色功能。对于几乎所有的应用程序，我们都将它们放在一个云服务器上—通常是DigitalOcean或AWS EC2。 虽然维护代码库和维持它的相关性是有困难的，但我们发现，在维护应用程序时，最具挑战性的是保持它的活动和运行。 此外，由于No 阅读全文
摘要：
先来梳理一下本文的目录结构 现在我将详解head标签和它六个子标签的属性和作用，请耐心看完，会有很大的收获哦！ 一、 head标签 可选属性： 属性值描述 profile URL 一个由空格分隔的 URL 列表，这些 URL 包含着有关页面的元数据信息。 说明： ·文档的头部经常会包含一些 meta 阅读全文
摘要：
一、前言 最近在做一些项目重构的工作，看了不少脏乱差的代码，身心疲惫。本文将讨论如何编写整洁的代码，不求高效运行，只求可读性强，便于维护。 二、为什么要写简洁的代码 作为一个合格的程序员，写出简洁的代码是基本的职业素养。相信绝大部分的程序员都不会故意写恶心代码的，无论是对自己或者对别人都没有任何好处 阅读全文
摘要：
1 em、rem、meta标签的基本概念 em 是一个布局的长度单位，当前对象内文本的字体大小的相对单位，也就是说相对于当前元素的font-size。 rem 是（根）字体大小相对单位，也就是说跟当前元素的font-size没有关系，而是跟整个body的font-size有关系。 物理像素是硬件的一 阅读全文