前言 作为一名前端同学,主要工作就是数据的展示和处理用户的可视化交互(就笼统地概括一下,当然还是代码管理项目构建和部署blablabla一大堆)。 其中一定少不了要和后端打交道,而API接口就是前端和后端之间的桥梁,后端…
分类:前端开发
css优化
css动画优化 1 .动画的实现,改变位置,大小,旋转,透明度 2 .css图层的概念。渲染dom的时候,浏览器分为以下几步 1:分割图层,对每个图层的节点计算样式结果,为每个节点生成图形和位置,重排。 2:将节点绘制填…
28岁裸辞转行前端是怎样的一种体验
本来题目是没有年龄的。只是在网上常看到“已经25岁是否还适合转行当程序员”之类的问题,就觉得有必要暴露下我的年龄。 在过去的2018年,我从新媒体艺术的小圈子里面跳出来,自学编程,转行前端。现已经入职某大公司。故事有点长…
初识scss:配置与运行
1、SCSS和Sass Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass。他们都是用Ruby开发Css预处理器,boostrap4已经将less换成了sass。 不同之处: 文件拓展名:分别是sass…
SuperAgent使用文档
本篇文档是参考SuperAgent英文文档翻译整理成的。前段时间,在一个爬虫项目中用到了SuperAgent,因为遇到了一些坑,就详细的查阅了一下官方的文档,为了便于其他朋友查阅参考,我便对翻译的文档进行了简要整理。后期…
webpack 四个核心概念
webpack 是当下最热门的前端资源模块化和打包工具。它可以将许多松散的模块(如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等)按照依赖和规…
渐进增强与优雅降级
渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验 优雅降级(graceful degrad…
js项目练习
最近在学习JavaScript,找了一些项目实践,但是原网址索引不够一目了然,因此在简书中写了这篇文章索引,也方便需要练习的朋友们进行学习,可以使用Ctrl+F搜索相关内容 网址地址:http://www.fgm.cc/…
HTML5元素分类
HTML5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先等级定义为结构性元素、级块性元素、行内语义性元素和交互性元素四大类。 1、结构性元素 结构性元素主要负责web的上下文结构的定义,…
window.self
昨天写代码的时候, 把一段代码复制粘贴到另一个函数里, 忘了把self(var self = this)改成this了. 程序能够运行, 但是运行结果很诡异. 费了我半天时间找到问题, 原来是这个self实际上指向的是w…
脚本批量压缩图片
在目前的一个项目中,后台运营人员传图的时候,都是传的大图,导致前端网页加载缓慢,我用微信开发者工具查看了一下,光图片就有3~4MB,所以找到了一些工具来方便地进行图片压缩。 基于PIL进行图片压缩 本来想用基于PIL使用…
数组合并的几种方法
var arr1 = [1, 2, 3]; var arr2 = ["a","b","c","d","e","f"]; 1、concat var arr = arr1.concat(arr2); // [1, 2, 3,…