css变量教程

css变量教程

- 2020年4月27日 - html/css/js, web前端技术 - 0 条评论 - 40浏览 阅读更多...

当微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。   一、变量的声明 声明变量的时候,变量名前面要加两根连词线(--)。 body { --foo: #7F583F; …

标签:
一个简洁、有趣的无限下拉方案

一个简洁、有趣的无限下拉方案

- 2020年4月26日 - web前端技术, 优化 - 0 条评论 - 46浏览 阅读更多...

一个简洁、有趣的无限下拉方案 本文主旨 长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么? 不知你是否从上面这张图中注意到了什么,比如只是渲染了可视区域的部分 DOM ,滚动过程中只是外层容器的 padding …

标签:
vue-property-decorator

vue-property-decorator

- 2020年4月23日 - typescript, vuejs, web前端技术 - 0 条评论 - 40浏览 阅读更多...

vue-property-decorator 这个组件完全依赖于vue-class-component.它具备以下几个属性: @Component (完全继承于vue-class-component) @Emit @Inject @Provice @Prop @Watch @Model Mixins…

javascript之闭包七(闭包的应用场景)

javascript之闭包七(闭包的应用场景)

1. 闭包应用场景之setTimeout 原生的setTimeout传递的第一个函数不能带参数,通过闭包可以实现传参效果 setTimeout(function(param){ alert(param) },1000) //通过闭包可以实现传参效果 function func(param){ ret…

标签:
2020常见面试题

2020常见面试题

- 2020年4月19日 - web前端技术, 面试题 - 0 条评论 - 43浏览 阅读更多...

面试了几家公司,面试题整理一番,希望有帮助,答案仅供参考。 一面都比较偏基础,大部分题目都会,即使不会也似曾相识,都能说上几句。但为什么有些人能过有些人过不了,这就是考查你的基础知识是否全面且扎实。会是应该的,但你的答案一定要详细并且有些题要说出多种答案。这就需要各位平常的积累了 css calc,…

「推荐」React 通信之 Redux,看这一篇就能掌握

「推荐」React 通信之 Redux,看这一篇就能掌握

- 2020年4月19日 - react, web前端技术 - 0 条评论 - 39浏览 阅读更多...

背景 React 组件 componentDidMount 的时候初始化 Model,并监听 Model 的 change 事件,当 Model 发生改变时调用 React 组件的 setState 方法重新 render 整个组件,最后在组件 componentWillUnmount 的时候取消监…

标签:
webpack4.0详细配置说明

webpack4.0详细配置说明

- 2020年4月19日 - web前端技术, 优化 - 0 条评论 - 32浏览 阅读更多...

前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深刻的认…

标签:
css布局系列-居中相关的布局

css布局系列-居中相关的布局

- 2020年4月18日 - html/css/js, web前端技术 - 0 条评论 - 36浏览 阅读更多...

1. 居中相关的布局 1.1 水平居中布局 效果图如下: 方案一. inline-block + text-align 分析:display设置为inline-block的元素,具有文本元素的性质,其父元素可以通过设置文本对齐属性text-align来控制其在行内的对齐方式,text-align: …

标签:
js中的事件委托或事件代理详解

js中的事件委托或事件代理详解

- 2020年4月18日 - web前端技术, 优化 - 0 条评论 - 35浏览 阅读更多...

概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰…

标签:
浅谈自己知道的首屏加载时间的优化策略

浅谈自己知道的首屏加载时间的优化策略

- 2020年4月17日 - web前端技术, 优化 - 0 条评论 - 56浏览 阅读更多...

SPA应用已成为主流,Angular、React、Vue三大框架已经占据前端开发的大半江山,但随着SPA的流行,弊端也随着出现,不仅首屏加载慢,而且不利于SEO,所以vue全家桶或者react全家桶,都是推荐通过服务端渲染来实现路由的。 下面让我们来了解何为服务端渲染 服务端渲染 1.概念 当用户第…

声明

本站内容大多为原创,部份搜集于互联网,仅供学习与交流,如果不小心侵犯到你的权益,请及时联系我们删除该资源.