摘要:
1.问题 动态添加路由之后,页面重新匹配路由,匹配到了设置的404 notfound页面 该页面是在路径无法匹配到的时候才会跳转的页面 2. 问题查找 在前置路由守卫打印to 发现当前地址匹配到的组件是配置的404页面 并且此时的动态路由中是含有改路由地址的 3.问题原因 在页面刷新时,会重新初始化 阅读全文
摘要:
1.需求让iframe嵌入页面,并且没有滚动条,也就是相当于两个页面拼接在一起 跨域解决,通过框架配置代理 proxy: { '/medical': { target: 'https://example.com', changeOrigin: true, pathRewrite: { '^/medi 阅读全文
摘要:
项目搭建规范 来源于coderwhy 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 # http://editorconfig.org root = true [*] # 表示所有文 阅读全文
摘要:
1.需要安装的依赖 "dependencies": { "html-webpack-plugin": "^5.5.0", "ts-loader": "^9.2.6", "ts-node": "^10.4.0", "tslib": "^2.3.1", "typescript": "^4.4.4", " 阅读全文
摘要:
hash模式 <!-- * @Author: dezhao.zhao@hand-china.com * @Date: 2021-10-26 17:52:25 * @Description: --> <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
摘要:
绝对定位 响应式正方形布局 给红色盒子设置padding-top/padding-bottom为100%,会将盒子撑成正方形,会根据页面的大小进行改变 再将绿色盒子绝对定位在红色盒子上面,可以达到伸缩保持正方形 阅读全文
摘要:
存在问题布局 问题:当浏览器窗口大小缩小的一定程度之后无法继续缩小,导致文字隐藏不生效,左侧文字会撑开盒子,导致盒子不能继续缩小 此时仍然可以正常伸缩 无法正常伸缩 预期效果应该如下 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
摘要:
1.pc端实现移动端拖动效果思路 moveDown 记录鼠标按下位置 记录当前状态为按下拖动 +moveUp 记录当前状态为非拖动 moseMove 根据拖动状态,计算当前拖动距离 判断左拖右拖边界值 对元素进行移动 修改鼠标按下位置,以便下次计算移动距离,不初始化会导致移动距离指数式增加,移动距离 阅读全文