吴小明- - 博客园

2021年8月16日

摘要： block formatting context 块级格式化上下文形成独立的渲染区域，内部元素的渲染不会影响外界形成BFC的条件：浮动元素 float不是none 绝对定位元素 position为absolute或fixed 块级元素的overflow不为visible flex元素 inli 阅读全文

posted @ 2021-08-16 20:12 吴小明- 阅读(17) 评论(0) 推荐(0) 编辑

margin负值的情况

摘要： margin-top 元素向上拖拽 margin-left 元素向左拖拽 margin-bottom 元素本身不变，下边元素上移 margin-right 元素本身不变，右边元素左移阅读全文

posted @ 2021-08-16 19:49 吴小明- 阅读(50) 评论(0) 推荐(0) 编辑

2021年8月14日

windows系统设置环境变量设置qq快捷启动

摘要：如果想在命令行输入qq来打开qq软件这样是不行的，需要进入到qq软件所在的目录但是想要在任何地址下输入qq都可以打开qq软件，就需要设置环境变量了【此电脑】-【右键】-【属性】-【高级系统设置】-【环境变量】-【path】双击-【新建】-粘贴qq软件所在地址重启命令行，此时在任何目录下都可以阅读全文

posted @ 2021-08-14 21:04 吴小明- 阅读(647) 评论(0) 推荐(0) 编辑

2021年8月12日

hash和history原生事件

摘要： hash： <button id="myBtn">按钮</button> <script> // 监听hash的变化：手动去改路由、浏览器前进后退、点击事件更改hash window.onhashchange = (e) => { console.log('老url', e.oldURL) cons 阅读全文

posted @ 2021-08-12 21:19 吴小明- 阅读(68) 评论(0) 推荐(0) 编辑

动态组件（component）的使用场景

摘要：动态组件component标签是vue的一个内置组件，通过动态地设置is属性，渲染出对应的组件使用方法： 1、components/MyText.vue： <template> <div> 文本组件 </div> </template> components/MyImage.vue： <templ 阅读全文

posted @ 2021-08-12 20:20 吴小明- 阅读(678) 评论(0) 推荐(0) 编辑

2021年8月10日

vue通过自定义指令控制按钮的权限

摘要： 1、store/index.js： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { buttonPermission: { add: true, 阅读全文

posted @ 2021-08-10 22:27 吴小明- 阅读(318) 评论(0) 推荐(0) 编辑

使用render渲染的便利之处

摘要：定义一个Title组件，在使用的时候，通过父组件传值level去定义这个title是h1~h6 1、components/Title.vue： <template> <h1 v-if="level 1"> <a href=""> <slot></slot> </a> </h1> <h2 v-else 阅读全文

posted @ 2021-08-10 21:57 吴小明- 阅读(52) 评论(0) 推荐(0) 编辑

inheritAttrs和$attrs让组件更灵活

摘要： inheritAttrs和$attrs的作用：当需要将父组件的props传递到子组件中，而子组件的需要接收到props的节点有父级容器，那么就需要用到这两个属性。将inheritAttrs设置为false，在子组件需要接收props的节点上加上 v-bind='$attrs' 如果父组件中在子组阅读全文

posted @ 2021-08-10 18:00 吴小明- 阅读(124) 评论(0) 推荐(0) 编辑

vue服务端渲染如何使用html模板

摘要： 1、vue-ssr/index.template.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge 阅读全文

posted @ 2021-08-10 11:42 吴小明- 阅读(626) 评论(0) 推荐(0) 编辑

vue服务端渲染的基本实现

摘要：客户端渲染：前端去服务端获取数据，自己生成dom 服务端渲染：服务端生成dom返回给前端，有利于seo优化客户端渲染：服务端渲染：利用vue-server-renderer渲染一个vue实例： 1、vue-ssr文件夹执行 npm init -y 安装所需插件：npm i vue vue-se 阅读全文

posted @ 2021-08-10 10:24 吴小明- 阅读(293) 评论(0) 推荐(0) 编辑

吴小明

公告