4 第十人i

尚未进行身份认证

我要认证

前端开发工程师 个人博客: http://www.start6.cn github: http://www.github.com/EightDoor 码云: http://www.gitee.com/EightDoor

等级
TA的排名 28w+

react hooks 使用过程中、汇总

工具方法导出excel下载 npm install xlsx// 定义方法/** * 导出excel * @param column 表头 * @param list 数据 * @param title 标题 */ exportExcel<V, T>(column: V, list: T[], title: string) { const json = list.map((item: T) => { return Ob

2020-07-29 17:42:59

记录nuxt 使用 vue-seamless-scroll 无缝滚动和 v-viewer点击放大图片的组件

地址v-viewer 点击图片放大vue-seamless-scroll 无缝滚动遇到的问题v-viewer 点击图片无法响应事件解决: 使用事件委托 GotoImage()<client-only> <scroll-seamless :data="list" :class="ScrollClass" :class-option="options" // 事件委托 @cli

2020-07-24 11:51:16

react next vw适配方案

安装依赖: yarn add postcss-aspect-ratio-mini postcss-preset-env postcss-cssnext postcss-flexbugs-fixes postcss-loader postcss-px-to-viewport postcss-viewport-units postcss-write-svg -D根目录创建 postcss.config.js/* * @Description: * @version: * @Author: 周凯 .

2020-07-17 10:40:44

react next 构建大屏实践

搭建基础布局参考资料: 地址

2020-07-14 17:08:22

git 提交代码规范总结

一、前言日常开发中,保持良好的代码规范有利于提高项目的质量。而指定并遵守 git commit 的使用规范,则有利于提高项目的管理效率。二、提交格式在git add后,需要执行git commit进行提交,如、约定中应添加对应的描述信息,即通过:git commit -m 进行提交提交格式如下:<type>(<scope>): <subject><BLANK LINE><body><BLANK LINE><foo

2020-07-10 15:56:33

react-admin antd使用过程中遇到的问题

报错解决[Ant Design] Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?问题 antd: 4.2.0, react: 16.13.1,Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm(); 创建实例时,会出现以下警告。原因: Modal 挂载的 HTML 节点默认为 d

2020-07-08 10:08:49

前端脚手架制作

使用写一个属于你的前端脚手架工具

2020-07-03 17:46:33

react 使用@loadable/component 实现路由动态懒加载

踩坑记录动态引入import()变量失效问题, import不能导入变量字符串的路径问题因为webpack的现在的实现方式不能实现完全动态,所以可以通过字符串模板来提供部分信息给webpack,如下/** * 根据已经获取的菜单组合需要生成的路由 * @param list 数据 * @param parentPath 父级的路径,组合子级可访问路径 */const combinationRouting = (list: Menus[], parentPath?: string) =&

2020-07-02 15:50:50

egg typescript 使用遇到的问题汇总

sequelize类型Sequelize.STRING // VARCHAR(255)Sequelize.STRING(1234) // VARCHAR(1234)Sequelize.STRING.BINARY // VARCHAR BINARYSequelize.TEXT // TEXTSequelize.TEXT('tiny')

2020-06-30 22:50:18

webstorm 个人设置总结

配置设置代码自动格式化

2020-06-30 19:14:28

使用数据属性 data-* 属性允许我们在标准内于HTML元素中存储额外的信息

HTML 语法语法非常简单。所有在元素上以data-开头的属性为数据属性。比如说你有一篇文章,而你又想要存储一些不需要显示在浏览器上的额外信息。请使用data属性:<article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars">...</article>JavaScript 访问在外部使用JavaScript去访问这些属性的值同样非常

2020-06-28 16:03:34

扁平数组和树形结构的相互转换

扁平数组转换为树形结构这个是最常用的,当我们从后台获取一个扁平数组的时候,通常比如用id、pid来标识父子关系,如:var arr = [{id: 1, pid: '-1'},{id: 11, pid: '1'},{id: 12, pid: '1'}]用map记录的方法是最常用效果也最好的复杂度是O(nlgn),支持多个根节点:function listToTree(list) { var map = {}, node, tree= [], i; for (i = 0; i

2020-06-28 09:46:21

vscode个人配置详解集合

在Windows10 VSCode中安装使用Fira Code字体

2020-06-28 08:44:34

nuxt 学习总结

错误总结使用cookie git地址 yarn add cookie-universal-nuxt{ modules: [ // Simple usage 'cookie-universal-nuxt', // With options ['cookie-universal-nuxt', { alias: 'cookiz' }], ]}文章nuxt 文章使用介绍点亮你的Vue技术栈,万字Nuxt.js实践笔记来了...

2020-06-24 15:52:07

大屏制作总结

可适配不同分辨率的屏幕实现方式: 按照设计图规格尺寸制作,使用transform: scale(0.4, 0.4);缩放transform: scale(0.4, 0.4); width: 3840px; height: 2160px; background-image: url(/img/bg/bg18.jpg); background-position: 0% 0%; background-size: 100% 100%; background-r

2020-06-23 17:57:39

Js获取屏幕宽度、高度

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.bo

2020-06-23 10:28:01

CSS 动画transition keyframes animation总结

CSS transitions在改变CSS属性的时候,transitions提供给了开发者一共方式去控制动画的速度。通常来讲,属性改变所产生的影响是立刻生效的,举个例子:.img { width: 200px;}.img:hover { width: 300px;}触发hover的时候,你将看到图片在瞬间被放大,这种突兀的变化会带来很差的用户体验。而使用CSS transitions就可以展现出变化过程中的过渡段。也就是说,transitions会将整个变化的过程展现出来,而不是简

2020-06-16 16:21:19

node.js 调试、学习集合

调试参考地址

2020-06-14 13:14:53

vue 常用工具大集合,自己总结

插件数字翻牌器 地址

2020-06-11 20:56:55

Lodash节流与防抖总结

throttle API走起_.throttle(func, [wait=0], [options={}])func (Function): 要节流的函数。[wait=0] (number): 需要节流的毫秒数。[options={}] (Object): 选项对象。[options.leading=true] (boolean): 指定调用在节流开始前,默认true。[options.trailing=true] (boolean): 指定调用在节流结束后,默认true。throttle

2020-06-09 18:47:02

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取