前言 优秀的前端工程师戴着脚铐跳舞,究竟能把 HTML5 的体验推进到什么程度? 这些 Web apps 是我们运营云集浏览器的网上应用店一年来,我选出的十佳 Web apps。其中参考了同事们的意见,但也带有强烈的主观倾向,反映了我个人对于一个「Web application」设计、实现与价值的一 ...
分类:
Web程序 时间:
2020-05-26 01:12:42
阅读次数:
122
Vue+axios 实现http拦截及路由拦截 现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获. 基于现在用vue+webpack搭建项目的文档已经有很多了,我就不再累述了. 技术栈 vue2 ...
分类:
移动开发 时间:
2020-05-25 23:40:22
阅读次数:
107
react打包发生产时速度有点慢,我不想要sourceMap文件 于是在build改了一下脚本命令 "build": "GENERATE_SOURCEMAP=false react-app-rewired build", 但是windows的cmd里不支持 这时候改成"set GENERATE_SO ...
1、创建使用ts的新项目 yarn create react-app my-test-app --template typescript 2、配置tsconfig.json (1)在根目录下新建文件tsconfig.extend.json { "compilerOptions": { "baseUr ...
分类:
移动开发 时间:
2020-05-25 15:39:10
阅读次数:
455
之前在vue中花了很大的篇幅去讲了什么是生命周期,vue中分为 1)创建期间的生命周期函数 i. beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好data和methods属性 ii. created:实例已经在内存中创建好,此时data和methods已经创建好,此时还没有开 ...
分类:
其他好文 时间:
2020-05-25 12:42:59
阅读次数:
83
图是百度来的 图有一处错误componentWillReceiveProps图上是错的 1 componentWillMount:在组件渲染之前执行2 componentDidMount:在组件渲染之后执行3 shouldComponentUpdate :返回true和false,true代表允许改 ...
分类:
其他好文 时间:
2020-05-24 23:47:51
阅读次数:
60
react的生命周期分为:挂载、渲染、更新、卸载。 1.componentWillMount: 组件初始化时调用,组件已经经历了constructor()初始化数据,但是还未渲染DOM,可以更改state. 2.render: 创建虚拟dom,进行diff算法,更新dom树都在此进行。此时就不能更改 ...
分类:
其他好文 时间:
2020-05-24 19:33:18
阅读次数:
57
使用React简短代码动态生成栅格布局 作为 TerminalMACS 的一个子进程模块 React Web管理端,使用Ant Design Pro作为框架。 本文应用到的知识 1.样式文件less中方法的使用 2.for循环创建按钮和栅格布局(flex布局) 1. 最终效果及源码链接 作为前端新手 ...
分类:
其他好文 时间:
2020-05-24 09:15:45
阅读次数:
52
在ant的List组件中,使用了其他组件(可以使用其他组件,但要在合适的位置),应该是在List中的List.Item标签中使用其他组件 <List grid={{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, }} // itemLa ...
分类:
其他好文 时间:
2020-05-23 20:20:52
阅读次数:
103
参考资料: Dockerfile reference Docker CLI commands Docker Hub 一、使用 Docker 构建前端项目镜像: 下载安装 Docker Desktop (建议电脑内存 8G+ 使用 Docker) 准备一个 React / Vue / 其他 项目 在项 ...
分类:
其他好文 时间:
2020-05-23 18:36:28
阅读次数:
119