前端开发

移动端强制全屏和横竖屏

2020-08-05121次阅读IOS其它html5
移动端页面样式如果是横屏时就乱了,如何通过前端的方法禁止横屏,还有移动端页面强制全屏如何实现,不妨试试这些。
前端开发

cross-env跨平台地设置及使用环境变量的工具

2020-07-30140次阅读webpack
process是node的全局变量,并且process有env这个属性,但是没有 NODE_ENV 这个属性。这时我们需要用到cross-env跨平台地设置及使用环境变量的工具,将process.env.NODE_ENV的值与启动命令行结合了起来。
前端开发

Sass数组随机

2020-07-30105次阅读sass
Sass数组随机需要用到length、nth列表函数。
前端开发

webpack处理html中img图片引入问题

2020-07-29163次阅读webpack
webpack在管理模块,处理各种资源上都是无往不利,但唯独在处理html上比较困难,不识别html中img标签src引入的图片。
前端开发

backdrop-filter实现毛玻璃效果

2020-07-27135次阅读csscss模块
CSS 属性backdrop-filter可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。
前端开发

Flexbox弹性布局中的文本省略号实现

2020-07-27127次阅读flexbox
省略号效果可以通过text-overflow,white-space和overflow属性组合来实现。Flexbox弹性布局中的文本省略号实现技巧是使用属性min-width:0。
前端开发

setTimeout和setInterval方法皆有可选的第三参数

2020-07-20160次阅读javascript
setTimeout和setInterval方法皆有可选的第三参数,一旦定时器到期,第三参数会作为参数传递给function。
前端开发

使用Proxy实现观察者模式

2020-07-20154次阅读javascript
观察者模式(Observer mode)指的是函数自动观察数据对象,一旦对象有变化,函数就会自动执行。
前端开发

拥抱Grid网格布局基本概念之Grid项目

2020-07-20149次阅读csscss模块Grid网格布局
CSS Grid网格布局是为二维布局服务的(同时沿着横向和纵向),Flexbox弹性布局是为一维布局服务的(只能沿横向或纵向的)。CSS Grid网格布局项属性有grid-column-start、grid-column-end、grid-row-start、grid-row-end、grid-column、grid-row、grid-area、justify-self、align-self、place-self
前端开发

拥抱Grid网格布局基本概念之Grid容器

2020-07-17190次阅读csscss模块Grid网格布局
CSS Grid网格布局是为二维布局服务的(同时沿着横向和纵向),Flexbox弹性布局是为一维布局服务的(只能沿横向或纵向的)。CSS Grid网格布局容器属性有display: grid、grid-template-columns、grid-template-rows、grid-template-areas、grid-template、column-gap、row-gap、gap、justify-items、align-items、place-items、justify-content。。。。