图片懒加载的两种方法-节流 IntersectionObserver
第一种:
以下代码皆在 React 中测试使用
使用 window 上的 onscroll 事件,配合封装好的 throttle 节流函数实现图片的懒加载。
render 函数内:
render() {
const data = [
{
url: 'https://dwz.cn/Jwg1UQEj',
text: '图片1-1',
},
{
url: 'https://dwz.cn/w8t4A0WD',
text: '图片1-2',
},
{
url: 'https://dwz.cn/l1nYpL4U',
text: '图片1-3',
},
{
url: 'https://dwz.cn/2XrYhRBX ...
算法面试题-查找指定的字符串
实现一个算法,寻找字符串中出现次数最少的、并且首次出现位置最前的字符如“cbaacfdeaebb“,符合要求的是”f”,因为他只出现了一次(次数最少)。并且比其他只出现一次的字符(如”d”)首次出现的位置最靠前。
const findMinStr = (str) => {
const hash = {};
for (let i = 0; i < str.length; i += 1) {
hash[str[i]] = hash[str[i]] || { index: i, count: 0 };
hash[str[i]].count += 1;
}
return Object.keys(hash).map(item => {
return Object.assign({ char: item }, hash[item]);
})
.sort((a, b) => a. ...
在react中使用antd+less+css modules
配置less首先安装less和less-loader
cnpm i --save-dev less less-loader
然后在webpack.config中配置
{
test: /\.less$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader')
},
{
loader: require.resolve('less-loader'), // compiles Less to CSS
},
],
},
开启css modules功能但是如果我想开启css modules功能,使less和css可以模块化,就需要再配置,但是不能全局配置,这样的话会导致antd没有使用css modules模块的框架的样式无法作用。
开启less的css modules功能 ...
编译修饰符 Bable配置
xiu npm install –save-dev babel-plugin-transform-decorators-legacy
在根目录.babelrc文件里
"plugins": ["transform-decorators-legacy"]
如果没有babel.lrc文件请搜索对应框架的文件配置
阿里云 144 元 一年30Mb香港服务器 3.4~3.15
打开:http://t.cn/EIJKfAY 点击立即报名
打开:http://t.cn/EIJ9KUH 按上图选择香港CentOs系统1年30Mb服务器只需144元
活动时间:2019.3.4~3.15
courseTable -- 可移动的React课程表组件
Course Table✨ Features
可移动的 课程表
代码简单,欢迎优化
预览链接 https://Kshao123.github.io
IE / Edge
Firefox
Chrome
Safari
Opera
Electron
IE9, IE10, IE11, Edge
last 2 versions
last 2 versions
last 2 versions
last 2 versions
last 2 versions
📦 Installnpm i course-table
npm i course-table -S
🔨 Usageimport CourseTable from 'course-table';
const courseTables = {
1: [
{
startTime:1551920827000,
endTime:1551924427000,
stuNameList: ['123'],
...