CSS 相对于父元素的 fixed 定位 发表于 2023-09-20 | 最近有一个需求是导出功能因为生产时间较长,需要加一个弹窗显示导出进度,别的地方用不到这个导出进度,准备在当前内容区域左下角显示一个文件进度的区域,默认收起状态,点击导出或者最大化按钮后放大显示导出文件进度的 table,table 最后一列显示进度,生成完成后显示下载按钮。 使用 fixed 定位, ... 阅读全文 »
搭建使用 next.js 完成 react 服务端渲染的开发环境 发表于 2019-10-23 | 安装 next 和 react 1npm install --save next react react-dom 添加以下到 package.json 中 1234567{ "scripts": { "dev": "next", "build": "next bui ... 阅读全文 »
前端播放视频流 发表于 2019-07-12 | 视频流有 rtmp、rtsp、 http 等格式,前端播放最方便的是 rtmp,rtmp 播放的方法如下 引入 video.js,5.x 版本(7.x 版本可能有问题) 12<script src="http://vjs.zencdn.net/5.5.3/video.js"></s ... 阅读全文 »
基于 Webpack v3 的代码分块打包 发表于 2019-02-11 | 从 Webpack v4 开始,CommonsChunkPlugin 已经移除,分块打包可以使用 SplitChunksPlugin,配置 optimization.splitChunks。 在 Webpack v3 中,可以使用以下方法分块打包。 基于 Router 分块安装 babel-plug ... 阅读全文 »
使用 express 模拟后台接口返回数据 发表于 2018-07-27 | 前端开发过程中,当后台接口还未完成,知道接口数据格式时,可以使用 node 模拟后台接口。这样开发时不用在 js 里直接写假数据等,只需要修改后台接口的 baseUrl 就可以在自己模拟的接口和后台给的接口之间切换。 新建一个空白文件夹,输入如下命令新建项目。1npm init entr ... 阅读全文 »
CSS 定位 发表于 2018-01-08 | CSS 定位包括可视化格式模型和定位模型。 可视化格式模型 CSS 中元素分为块级元素和行内元素,通过 display 属性设置。 块级元素显示一块内容,前后自动添加换行,即“块框”,块级元素可以设置 width、height、ma ... 阅读全文 »
Vue路由刷新后404错误 发表于 2017-11-10 | 当使用vue-router的history模式时,url像这样http://www.site.com/login/reset,看起来比较美观。但是刷新或者直接输入这个url会出现404错误,原因是前后端未分离时,输入这个url后,浏览器到后台寻找相应的方法,然后会返回一个路径,浏览器根据这个路径重定 ... 阅读全文 »