距离上一篇文章过去了二十多天了,期间一直想把第二部分写完,结果在测试过程中遇到了各种坑爹的问题,到今天才算基本完成,也许还有后续,但趁着今天有时间就写出来吧,也算对这个项目的一个总结了 遇到最大问题: 项目的需求是在一个窗口里生成所有图表,还要考虑到整套打印,所以滚动加载和分页浏览不是最好的方案,这导致数据超级多的时候(大概会生成2000多页的报告且上不封顶),会造成页面假死,疯狂占用电脑内存,低配置的电脑根本无法加载,甚至造成死机 在项目结构上我们采用数据分发的方式控制组件的渲染,由大致小每层组件都对数据
每种媒体类型都有各自不同的特性，根据不同媒体类型的媒体特性设置不同的展示风格，暂且了解三个，注意他们要加小括号包含
@media mediatype and | not lonly (media feature) {
更多的方法，我们可以参考 Yahoo的34条前端优化规则 以及 Google的前端性能最佳实践 ，这两个主题都包含了大量的前端优化的内容。本篇着眼于如何结合Codeigniter的使用，来加速前端的性能。
rem是什么？l rem是一种新的单位，是一个相对单位，类似于em。 不同的是rem的基准是相当于html元素的字体大小
offsetWidth 和 offsetHight：获取元素的宽高 + padding + border，不包括margin。如下：
今天，哦不，昨天，是让人惊喜的一天。这惊喜当然不是来自于日常工作，而是来自于开源社区。 移动端调试在几年前可能还是前端开发的一个痛点，不过随着开发工具的不断完善以及开源社区的大佬们无私的奉献，这一“难题”也变得不那么难。但是今天偶遇到的解决方案，却可以说是惊艳到我了。
uni-app的框架，配置：page.json，manifest.json，package.json，vue.config.js。脚本，应用程序，main.js。日志打印，定时器，生命周期，页面，页面通讯。
英文 | https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-a9e2e078f78
Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
之前写的《webpack性能优化(0):webpack性能优化概况-优化构建速度》、《webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载》
众所周知 JS 是门非阻塞单线程语言，因为在最初 JS 就是为了和浏览器交互而诞生的。如果 JS 是门多线程的语言话，我们在多个线程中处理 DOM 就可能会发生问题（一个线程中新加节点，另一个线程中删除节点），当然可以引入读写锁解决这个问题。
在html5中出现了许多新的特性，绘画功能就是其中之一。由于html5新增的这些新特性，所以也在逐渐取代Flash，毕竟Flash比较占用内存，也经常性奔溃。
•微信公众号 《JavaScript全栈》•掘金 《合一大师》•Bilibili 《合一大师
零售商家的日常经营中，小票打印的场景无处不在，顾客的每笔消费都会收到商家打印出的消费小票，这个是顾客的消费凭证，所以小票的内容对顾客和商家都尤为重要。对有赞零售应用软件来说，小票打印功能也是必不可少的，诸多业务场景都需要提供相应的小票打印能力。
\Viewers\extensions\cornerstone\src\commandsModule.js
HP打印机维修资料大全(续) EIO x BUFFER OVERFLOW 与PRESS GO TO CONTINUE交替出现 发送给指定插槽（x）中EIO插卡的数据过多。可能在使用不恰当的通讯协议。按[执行]键取消该信息。（数据将丢失。）检查主机配置。如果该信息持续显示，请与HP授权的服务或支持提供者联系。 22 PARALLEL I/O BUFFER OVERFLOW与PRESS GO TO CONTINUE交替出现 发送给并行端口的数据过多。检查是否电缆连接松动，并确保使用高质量电缆。（一些非HP并行电缆可能缺少针连接，或者不符合IEEE-1284标准。）当使用的驱动程序不符合IEEE-1284标准时，会发生本错误。为获得最佳性能，请使用打印机所带的HP驱动程序。按[执行]键清除出错信息。（数据将丢失。）如果该信息持续显示，请与HP授权的服务或支持提供者联系。 22 SERIAL I/O BUFFER OVERFLOW与PRESS GO TO CONTINUE交替出现 发送给串行端口的数据过多。确保打印机控制面板的I/O菜单中选择了正确的串行定步选项。。打印菜单图，校验串行定步项目（从打印机控制面板的I/O菜单中）与计算机的设置匹配。（有关接口设置的更多信息，参见用户手册。）按[执行]键清除出错信息。（数据将丢失。）如果该信息持续显示，请与HP授权的服务或支持提供者联系。 40 BAD SERIAL TRANSMISSION与PRESS GO TO CONTINUE交替出现 打印机从计算机传输数据时发生错误。该错误可能由多种原因导致：打印机在线时计算机开机或关机。网络发生问题（如果适用的话）。打印机的波特率或奇偶校验与计算机的不一致。（波特率告诉打印机信息从计算机传到打印机的速率。）确保打印机与计算机的波特率设置相同。可通过打印机控制面板的I/O菜单访问串行波特率的设置。按[执行]键清除出错信息，并继续打印。 40 EIO x BAD TRANSMISSION与PRESS GO TO CONTINUE交替出现 打印机与指定插槽中的EIO插卡间的连接中断。按[执行]键清除出错信息，并继续打印。 41.3 UNEXPECTED PAPER SIZE 所用纸张尺寸与纸盘设置不一致。确保所有纸盘的尺寸设置正确。纸盘前部显示的尺寸必须与装入纸盘的纸张尺寸相吻合。（打印机将在尺寸设置正确后才继续试打印作业。）如果用纸盘1打印，确保打印机控制面板中的纸张尺寸配置正确。执行以上操作后，按[执行]键。出错的页将自动重印。（或者，可以按[取消作业]健将打印作业从打印机内存中清除。） 41.x PRINTER ERROR与PRESS GO TO CONTINUE交替出现 发生了暂时的打印错误。按[执行]键。出错的页将自动重印。如果该信息持续显示，请与HP授权的服务或支持提供者联系。 50.x FUSER ERROR 发生了内部错误。将打印机关闭后再打开。出错信息可能被清除，然后在传送下个打印作业时又出现。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 51.x or 52.x PRINTER ERROR 发生了暂时打印错误。按[执行]键。出错的页将自动重印。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 53.xy.zz PRINTER ERROR 打印机内存发生问题。将不使用导致出错的DIMM。x、y和zz的数值列举如下：x=DIMM 类型 0=ROM 1=RAMy=设备位置 0=内存（ROM或RAM）1至3= DIMM插槽1、2或3zz=错误号可能需要更换指出的DIMM。关闭打印机，更换导致错误的DIMM。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 55 PRINTER ERROR与PRESS GO TO CONTINUE交替出现 发生暂时打印错误。按[执行]键。出错的页将自动重印。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 56.x, 57.x, 58.x, 59.x PRINTER ERROR 发生了暂时打印错误。关闭打印机，然后再打开。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 62.x PRINTER ERROR 打印机内存发生问题。x的数值指出了问题的位置；0=内存 1至3=DIMM插槽1、2或3可能需要更换指出的DIMM。如果该信息持续出现，请与HP授权的服务或支持提供者联系。 64.x PRINTER ERROR 发生暂时打印错误。关闭打印机，然后再打开。如果该信息持续出现，请与HP授权的服务或支持提供者联系。66.xy.zz INPUT DEVICE FAILURE与CHECK CABLES AND CYCLE POWER交替出现 外部纸张处理设备发生错误。按[执行]键清除该信息。如果信息未清除，将打印机关闭后再打开。如果该信息持续出
每个 JS 执行引擎都有自己的实现，我们这次关注 V8 引擎是如何实现数组的。 本周主要精读的文章是 How JavaScript Array Works Internally?，比较简略的介绍了 V
Q：什么是响应式布局？ A：不管您的用户使用何种终端访问您的网站，都能够自动识别适应终端设备的分辨率以及宽度，让您的网站在众多设备中无缝浏览；响应式布局是就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本
<meta name="viewport" content="width=device=width,initial-scale=1,user-scalable=0">
在LaTeX中，em、pt、mm等都是长度单位，用于定义文档中元素的尺寸，比如字体大小、页面边距、间距等。下面是一些常见的LaTeX长度单位和它们的含义：
小程序分享到朋友圈只能使用小程序码海报来实现，生成小程序码的方式有两种，一种是使用后端方式，一种是使用小程序自带的canvas生成；后端的方式开发难度大，由于生成图片耗用内存比较大对服务端也是不小的压力；所以使用小程序的canvas是一个不错的选择，但由于canvas水比较深，坑比较多，还有不同海报需要重现写渲染流程，导致代码冗余难以维护，加上不同设备版本的情况不一样，因此小程序海报生成组件的需求十分迫切。
看《重来》的时候有提到，把自己的需求做成产品，给更多人提供价值。 就是本篇的文章的由来。
先科普，PIX+EL，Picture Element，赤果果的告诉了我们像素即是图像元素，是构成位图的最小单位，可以简单理解为图片所包含的“细节”数量。我们必须形成一个清晰的概念：像素是电子图片大小的唯一衡量标准。
如果想实现第二个参数（指定“拉平”的层数），可以这样实现，后面的几种可以自己类似实现：
这是我们开始使用Three.js的第一个小节，我们回顾一下用Web开发最经典的方式来使用它，一个<script>标签。
在上一篇 【HelloCSS】的第二章第二章-CSS的逻辑属性与盒子模型中提了个问题：
注意: 任意元素使用了布局容器的样式，都会称为布局容器，建议使用div作为布局容器
HTML+CSS meta标签的viewport属性说明 2016.05.30~2016.06.03 核心概念 viewport（视口） 参考答案 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> width=device-width 是设置视口宽度为设备的宽度，还可以固定视口的宽度，例如： width
这种实现方式优缺点都很明显： 优点：自带“打印”，“搜索”，“翻页”等功能，强大且实现方便。 缺点：不同浏览器的pdf工具样式不一，且无法满足个性化需求，比如：禁止打印，下载等。
图层相当于图纸绘图中使用的重叠图纸，创建和命令图层，并为这些图层指定通用特性。通过将对象分类放到各自的图层中，可以快速有效地控制对象的显示以及其进行更改。（例如墙体或标注）
通读完上一篇博文中提及的教程，觉得应该搞个大作业巩固一下所学的知识，想起刚上映的漫威宇宙第三阶段收官之作《蜘蛛侠·英雄远征》，于是决定仿一个MARVEL的片头动画作为three.js的课后练习，使用的版本是R104版本。本节先来解决视频贴图的问题。
Promise本身是同步的立即执行函数， 当在executor中执行resolve或者reject的时候, 此时是异步操作， 会先执行then/catch等，当主栈完成后，才会去调用resolve/reject中存放的方法执行，打印p的时候，是打印的返回结果，一个Promise实例。
大家好，我是 ConardLi，一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，和我一起来看看吧～
最近没做出什么比较有意思的需求，一直在考虑写什么文章，考虑了下觉得出几篇基础一点的实战教程更适合。接下来几天我将会详细介绍集中常见第三方登录--QQ，微博，微信。从创建项目开始讲解，尽量让每一个读者都能真正动手去实现第三方登录功能。首先，我是使用Node.js + mysql实现的，所以我默认已经安装成功Node.js以及mysql.
地址栏url是我们前端的重要组成部分，我们需要用到它进行页面跳转，页面传参。像我就经常用到地址栏传参的方法，但却很少用到修改地址栏的方法，近期就用到了这个修改地址栏参数的需求，发现意外的好用，于是今天就来总结一下地址栏的相关操作。
今天移动web开发学完了，整理一下思路，移动web首先学习的就是就是flex布局。记录一下flex布局和移动适配的一些知识。
文章作者来自ThoughtWorks：贺思聪 ，图片来自网络。 3D打印机已经买回来几个月了，基本上每天都要打印一些东西，期间遇到了很多的问题积累了很多的经验。虽然现在桌面级的3D打印也算是比较简单好用了，但要追求好一点的打印质量，还是得折腾。 1 打印校准 打印机的校准包括X、Y、Z和A、B（就是喷头）两个轴的校准。最重要的是XYAB，因为他们直接关系到打印的尺寸大小及表面质量。 Cura和Slic3r等工具导出的是GCODE格式。GCODE格式使用明文描述路径。Sailfish Firmwar
今天我来给大家介绍一种网页特效，这种网页特效是是背景出现下雪的效果，非常的绚丽。如果说下雪不太适合自己的网页，需要飘落一些花瓣或心之类的，那么同样可以使用这个特效，只填一张图片即可实现，废话就不多说了，直接了看代码吧。
Cycling 74 Max for Mac是一款Mac可视化编程工具，可以帮助你编辑音乐和视频，Max 8可以让用户按照自己的意愿编写更多的媒体程序，完全支持 MIDI 设备和流行音频硬件，无限制音频项，包含基本的 DSP 构建块、VST、Audio Units 和 Max for Live 设备，，可满足从事音频，视觉媒体和物理计算工作者。
2020 年谈 React Native，在日新月异的前端圈，可能算比较另类了。文章动笔之前我也犹豫过，但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 性能优化的文章。
现如今，因Android系统的开放性，市场上出现了不同厂商出厂的各种android版本、分辨率、型号等设备。那对我们开发来说，碎片化绝对是一个让人头脑炸裂的问题，Android系统碎片化、Android机型屏幕尺寸碎片化、Android屏幕分辨率碎片化。市面上安卓手机的主流屏幕尺寸种类繁多，就算搞定了屏幕尺寸问题，各种分辨率又让人眼花缭乱。面对测试同学抛过来的适配问题，心肝肺都要颤一颤。今天我们就谈谈屏幕适配的解决步骤。
劣势：需加载适配各个终端的各个资源，在不同终端通过响应式布局实现不同展现，部分交互效果需要在页面中做终端判断，代价较大，若图片资源为一套，部分图片在超高分辨率设备（例如iphone系列）下会失真，且在非wifi情况下即使加了延时加载也易出现加载慢的情况。
rem 是根 em(root em)的缩写，是相对于根元素(html 元素)的字体大小。
2、在 tab-content中包含任意多的内容模块(class="tab-pane")
面试官经常会问你：“平时工作中，你怎么优化自己应用的性能？” 你回答如下：“我平时遵循以下几条原则来优化我的项目、以提高性能，主要有：”
东京大学的Eisuke Fujinawa的一项研究中显示：他们创造了一个程序用于设计体积更小的VR控制器。探索“触觉形状幻觉”的概念，人类可以通过触觉感知物体的大小，通过触觉信息转化为身体物理感受。该
我们将《活学活用wxPython》分成了三个部分。第一部分简要介绍wxPython的相关概念，并指导读者开始运用wxPython，同时还提供了一些wxPython最佳实践的信息。第一部分的章节包括：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
