使用 Hexo + Next + Algolia 搜索 搭建博客
安装 Hexo全局安装$ npm install hexo-cli -g #282a2e 创建项目$ hexo init [folder] # folder 项目名称 启动预览$ hexo server 预览 # 如你是 webstrom 可在 package 内的 scripts 中添加 "start": "hexo server" # 方便以后启动预览 新建页面$ hexo new [layout] <title> 安装 Next 主题 官网 http://theme-next.iissnan.com/ # 官网提供的是 旧版 链接，注意本文的发布日期再去官网对照 $ cd hexo $ git clone https://github.com/theme-next/hexo-theme-next themes/next 安装完成之后去站点配置文件，根目录/_config 选用 Nexttheme: next 配置菜单的 分类、标签$ cd...
图片懒加载的两种方法-节流 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:...
算法面试题-查找指定的字符串
实现一个算法，寻找字符串中出现次数最少的、并且首次出现位置最前的字符如“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)...
在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...
编译修饰符 Bable配置
xiu npm install –save-dev babel-plugin-transform-decorators-legacy 在根目录.babelrc文件里 "plugins": ["transform-decorators-legacy"] 如果没有babel.lrc文件请搜索对应框架的文件配置
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:...
最新文章
