1.使用text-align水平居中 <style> .center{ text-align: center; background: rgba(0,0,0,.5); } .center img{ width…
分类:前端开发
JS的base64编码解码
MDN中给出了base64编码函数btoa和解码函数atob. let encoded = btoa('yo'); // "eW8=" let decoded = atob(encoded); // 'yo' Unico…
Semantic UI响应式开发小结
由于最近使用了一段时间的Semantic UI,在项目中做一些响应式的页面,所以对Semantic UI的响应式布局开发有一些经验,记录在这里。 semantic翻译到中文的意思是语义的。这也暗示了Semantic UI…
【译】函数式的React
原文: The functional side of React 作者:Andrea Chiarelli 译者:博轩 React 是现在最流行的 JavaScript 库之一。使用 React 可以非常轻松地创建 Web…
深入学习JavaScript函数
前言: 函数对于任何一门语言来说都是核心的概念,通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。而JavaScript中最好的特性就是它对函数的实现。它几乎无所不能。但是,函数在JavaScript中…
找出最大子数组(js实现)
有长度为n 的数组,其元素都是int型整数(有正有负)。在连续的子数组中找到其和为最大值的数组。 如 [1, -2, 3, 10, -4, 7, 2, -5]的最大子数组为[3, 10, -4, 7, 2] 方法1: 暴…
移动端的适配
一、是什么 可以这样理解,同一套代码在不同分辨率的手机上跑时,页面元素间的间距,留白,以及图片大小会随着变化,在比例上跟设计稿一致。 二、几个像素相关概念 物理像素(physical pixel) 一个物理像素是显示器(…
LESS循环
循环操作非常有用的方法,我用动画库时,发现没有动画延迟的css,但是呢?如果动画需要顺序执行的话,又需要和动画执行速度有关,基于这个应用场景: @speed:0.8s;//这个是动画的执行时间 .loop(@n) whe…
FE.BASE-前端设计模式、编码与重构笔记
高质量Javascript Javascript特性:面向对象,无类,原型 可维护的代码(可读;一致;可预测;看起来像是同一个人写的;文档) 减少全局对象,传参访问全局对象 单 var 模式,忘记 var 时的副作用(显…
30 天精通 RxJS (12): Observable Operator - scan, buffer
今天要继续讲两个简单的 transformation operators 并带一些小范例,这两个 operators 都是实务上很常会用到的方法。 Operators scan scan 其实就是 Observable …
this-动态作用域?
JavaScript中的作用域是词法作用域,但它的另一个重要机制 this 是动态作用域的表亲。this提供了一种更优雅的方式来隐式传递一个对象的引用(自动引用合适的上下文对象),使得我们可以将API设计得更加简洁和易于…
echarts属性简介
theme = { // 全图默认背景 backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32',…