a1burning

Web前端开发某科技有限公司

注重学习总结，写文章写给自己并不是为了让人参考，所以如果有人乱留言，别怪我怼你。

11关注

121关注者

1,509掘力值

赞

21

更多

专栏

a1burning
4月前
关于fis框架中fis3-smarty语法总结（一）Smarty是一个使用PHP写出来的模板引擎，一说模板引擎，其实就是再html中插入可以直接渲染的数据。这个是为了让前端和后台分离的一种管理模式。优点：代码由服务端直接渲染，可以避免js后期插入的延迟，页面渲染速度也很快。而服务端只需要给数据，至于怎么用或者修改页面的时候，不用后台动逻辑，多人项...
- 2
- 收藏
阅读全文
a1burning
4月前
使用canvas压缩图片大小这个问题，源于上传图片文件的时候，后台限制了2MB的大小，but在调起相机拍照的时候分分钟超过了2MB,为了不影响用户体验和功能需求，需要前端对大小进行压缩，然后传到后台。找了很多资料，发现只有canvas可以对图片进行压缩处理。图片的压缩程度不太好确定，所以可以进行多次尝试，根据需求方的要求...
- 8
- 收藏
阅读全文
a1burning
5月前
Node学习day01——认识node和简单读写文件是一个针对网络应用开发的平台，是利用 Google 的 JavaScript 运行时引擎 V8（可以解析和执行 JavaScript）打造的一个 JavaScript 在服务端的运行环境。 Node 把绝大多数的 API 都封装到了一个具名的核心模块中，每一个模块就是处理一系列功能的API集合，每...
- 6
- 收藏
阅读全文
a1burning
5月前
学习算法第二天第一天的桶排序，其实有很多的局限性，传进来的数组中，只能是0~9的数字，如果是多位数的情况，就需要升级一下。对数组[123,222,219]进行排序我们将多位数进行拆解，每位数的数字依旧是0~9，那么我们还是需要10个桶，只不过我们的桶可以重复利用，有多少位就用多少次。上面的题，我们的桶就用了...
- 3
- 收藏
阅读全文
a1burning
5月前
学习算法第一天思路：设定一个长度为10的数组，下标分别是0~9，遍历长度为N的数组，将其对应的下标元素+1，在输出的时候，从下标为9的开始遍历输出即可。外层函数循环，第一个参数进行判断，如果第一个参数都大于目标数，那么不需要进行遍历，直接输出false，如果小于目标数，对内层函数进行every循环，如果数字小...
- 2
- 收藏
阅读全文
a1burning
5月前
关于浏览器加载照片方向问题的研究一张图带你了解手机拍摄方向和在手机系统中呈现的样式。这些照片拍出来，不管呈现是不是正的，EXIF里面的旋转信息都为1，表示正方向。将这些信息按照JPEG文件标准放在图像文件二进制流的头部。那么一个图片如何加载的呢？上面的图片使用了和两种方式渲染。可以看出来，渲染的效果和手机刚拍摄的展示的效...
- 2
- 收藏
阅读全文
a1burning
1年前
前端QRCode.js生成二维码插件本文用于推荐一款很好用的二维码生成插件QRCode.js，测试使用方便且简单。其实官方就有很好的文档，这里只是做一个我工作的记录和总结。生成二维码，微信QQ识别打开网页由于很简单，所以就不贴代码了。
- 6
- 收藏
阅读全文
a1burning
1年前
CSS三角的写法（兼容IE6）3. 给DIV的四个边框都设置不同的颜色可以看到两个border交叉的地方，有斜边存在。这个时候就看得很明显了，出现了四个三角。那如果要出现一个，那么就将其他的三个弄成透明色就可以了。这个就是三角形的由来。这里的设置也遵循上右下左的顺序，把不需要的角弄成透明色。这样一个三角就完成了。...
- 76
- 收藏
阅读全文
a1burning
1年前
H5说话气泡点击动画然后还是把完成图拿出来，就是做成下面这个样子： LESS(REM规则自己换算，也可以使用PX) 首先要确定一个点击的区域，这个区域一点击，就会触发气泡出现整体还是比较简单的，所以这里做一下记录。 @version1.0——2018-11-7——创建《H5说话气泡点击动画》
- 69
- 收藏
阅读全文
a1burning
1年前
js、jquery的属性操作方法总结 HTML5新增的用户自定义属性，并规定形式为"data-"，目的是为元素提供与渲染无关的信息，或者提供语义信息。很多时候，我们会把一些信息定义到dom元素中，以供使用。形式如下：而定义了自定义属性之后，可以通过元素的dataset属性来访问自定义属性的值，也可以进行设置。一些浏览器如IE11...
- 4
- 收藏
阅读全文
a1burning
1年前
H5移动端弹幕动画实现已知20条内容要有弹幕效果，分成三层，速度随机。先来看看效果: 所以这里不考虑填写生成的。只是一个展现的效果。如果要看填写生成的，请不要浪费TIME (太长了，以三个为例，如果觉得界面太长不友好，也可以js动态的生成) JS动态动画实现(ZEPTO.JS) @version1.0——2018-8-...
- 294
- 收藏
阅读全文
a1burning
1年前
H5移动端获奖无缝滚动动画实现哈哈，上动态图真的是一下就明了了。就是滚动么滚动，那么制作这个有什么方法呢？我们来总结一下: 其实很简单，最外面的是做固定的窗口，里面的控制运动，里面是展示动画通过css3中的关键帧，可以得到跳步的效果。先通过一个短的看一下思路。如果个数不确定，那么就需要动态的计算，用js动态地添加，到时...
- 366
- 收藏
阅读全文
a1burning
1年前
LottieJS动画的安装与使用 Lottie动画是将AE文件导出json文件，然后使用LottieJS进行动画的控制，目前动画的交互性不是很强，所以先用这种技术。 PS：以前有遇到过导出卡住的情况，后面考虑到可能是插件和AE版本不匹配的原因，如果你有这种原因那么你就去换一个BODYMOVIN.ZXP重新安装一遍，应该会解决这个问...
- 2
- 收藏
阅读全文
a1burning
1年前
适用于所有页面的基础样式base.css 这玩意，俗称base.css几乎所有的页面，在搭建之前，都要用下面那个。BUT 一网打尽并不是最全的，最好的。还是要讲究需要什么用什么，小白知道怎么用就行了，而对于追求更高层次的而言，不仅要知其然，还要知其所以然。什么文本域、什么a链接的默认下划线，通通都一边呆着去。我把这个base.css准备好...
- 5
- 收藏
阅读全文
a1burning
1年前
CSS的三大特性总结(深入理解css权重)CSS(Cascading Style Sheets)又称为层叠样式表，所以这个第一个特性就是层叠性。要说层叠性就要先明确一个定义：样式冲突。因为层叠性就是解决样式冲突的问题的。样式冲突是指一个标签指定了相同样式同值的情况。一般情况，如果出现样式冲突，会按照书写顺序最后的为准。一般打开...
- 3
- 收藏
阅读全文
a1burning
1年前
实现前端点击按钮自动复制剪贴板功能只要是文本，长按选中就可以复制，但是需求来了挡也挡不住：为了提升用户体验，点击【复制】按钮就自动复制到剪贴板，那么就需要前端实现这种功能了。左边是一个input的文本框，只读，右边是一个按钮。两行？看起来是不是很简单？哈哈~那你就错了，这里面是有坑的。第一目前没有一个很完美的方法可以兼容各个...
- 108
- 收藏
阅读全文
a1burning
1年前
gulp——自动化的流程构建工具 gulp相较于grunt来说是轻量级的，webpack会有模块化的处理 1、先将NODE安装好（GULP 是基于NODE，再通过 NODE 安装 GULP）也可以下载一个 CNPM 使用，和npm的功能是一样的 1、在项目的根目录中手动创建一个gulpfile.js的文件 2、在gulpfile...
- 3
- 收藏
阅读全文
a1burning
1年前
自定义表单控件（我是一个粉刷匠）为什么要写这个文章呢？是因为写页面不可避免的就要用到表单控件啊，当然在我用最常用的text和button的时候，基本上用css直接改就可以覆盖其表单控件。BUT！！当我用到一些单选框、多选框、数字框、还有文件框的时候，就有了这种默认样式太过强大，超级的不合群（和整体的风格完全不同，什么鬼啊都是！...
- 20
- 收藏
阅读全文
a1burning
1年前
white-space详解 WHITE-SPACE 属性设置处理元素内的空白，所谓空白有哪些？但是开发的要求各种各样，white-space的功能属性也很强大，可以有各种各样的不同效果，下面来看一张图：同样是320px的手机，iphone4可以在一行显示，但是安卓端就会有错位现象，这个开始让我很头疼：ios端这样的话使...
- 1
- 收藏
阅读全文
a1burning
1年前
Css渐变gradient专题而这个属性只有IE10以上才兼容，完了我们讨论一下渐变的兼容问题。渐变属于背景图片中的一种，所以在css属性中，写==background== 可以写==background-image== 也可以，下面都是用background来写。 ==特点== ：就是向一个方向进行颜色渐变，上/下/左/右...
- 53
- 收藏
阅读全文

个人成就

获得点赞1,098

文章被阅读40,731

掘力值1,509

加入于

2018-03-14