- 博客(14)
- 收藏
- 关注
RSS订阅原创 2021-06-08
多层flex布局造成滚动条失效 前几天遇到一个问题，页面使用的是flex布局，当flex多层嵌套后想弄一个滚动条发现失效。 如图：绿色边框的盒子里边多个div进行flex布局。在左下的蓝色div中进行内容超出出现滚动条。但是发现使用overflow-x: hidden; overflow-y: auto;的时候完全不起作用，出现的状况是想要滚动的div中子元素会将显示滚动条的div高度撑大，而没有滚动条的效果。 .scrollDiv{ flex: 1; width: 100%; h
2021-06-08 11:03:28
173
原创 js判断变量，对象类型的方法
typeof typeof是一个运算符，有两种使用方式：typeof(表达式)和typeof 变量名,第一种是对表达式做运算，第二种是对变量做运算。 typeof的返回值一般有如下几种类型： undefined，boolean,string,number,object(对象类型的变量或者值，或者null。null作为object类型处理),function typeof a //undefined typeof(true) .
2020-07-09 15:20:28
430
转载 页面的回流与重绘
浏览器渲染页面流程： 解析HTML文件,生成DOM树，解析CSS文件，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树（Render Tree） Layout（回流）：根据生成的渲染树，进行回流，得到节点的几何信息（位置，大小等） Painting（重绘）：根据渲染树以及回流得到的几何信息得到节点的绝对像素 Display：将像素发送给GPU，展示在页面上。 在构建渲染树的过程中，浏览器主要完成了一下工作： 从DOM树的根节点开始遍历每个可见节点。 （对于遍历可见节点，我们得知道哪些节点可见
2020-06-30 17:00:47
101
原创 vue中4种插槽的使用
Slot slot主要作用是内容分发，即在父组件内的子组件标签里边定义子组件的内容，此部分内容中的简单插槽，具名插槽，作用域插槽必须要掌握 最简单的插槽 父组件 <template> <div> <Child> <ul> <li v-for="user in data" :key="user">{{user}}</li> </ul&
2020-06-28 15:19:16
540
原创 vue生命周期函数
vue的两个重要生命周期函数 created created:在实例已经创建完成之后被调用。在这一步，实例被初始化，但是挂载阶段还没有开始。也就是html模板并没有被编译，并没有挂载到网页上，但是可以通过this.属性名，this.方法名()访问到属性和方法，该函数中通常去初始化一些东西 mounted mounted在实例被挂载之后调用。此时，html模板已经编译完成且挂载到网页中，但是mounted不会保证多有的子组件也都一起挂载完毕。如果你希望等到整个视图都渲染完毕，可以在mounted内部使用th
2020-06-28 10:37:04
90
原创 vue中实现路由传参
vue中路由传参 1.动态路由 //在路由的配置中 { path:'/user:id', name:'User', component:()=>{return import('文件路径') } } //跳转页面中 this.$router.push('/user/'+id) //获取传递数据的页面 this.$route.params.id 2.通过query属性传...
2020-05-05 21:06:57
253
原创 vue中组件间的通信
vue中组件间通信 1. 父组件向子组建通信 <body> <son v-bind:sonName="name"></son> <script> Vue.component('son',{ props:["sonName"], template:`<div&...
2020-05-05 20:41:23
81
原创 js异步代码的处理方法，promise，async/await
在js中，怎么处理异步代码 1. 封装函数并使用回调函数 例子请看本博客里边的[原生js实现ajax](https://editor.csdn.net/md/?articleId=103325573) 但是使用这种回调函数，很容易出现回调地狱。比如我先执行了一个异步代码，然后再执行异步代码就需要在回调函数中去执行，这样会陷入**回调地狱** 2. 使用promise 在使用prom...
2020-05-05 16:10:27
326
原创 Git的使用
Git工具实现代码的托管，当我们在写完代码时，托管到相关平台。 使用Git的意义： 托管代码到远程，分布式托管，避免因为不可抗力的因素造成电脑或者U盘的丢失进而代码的丢失。能够更好的保存代码 版本控制，可以发布多个版本并且实现各个版本之间的切换（在我们完成一个项目的过程中，每一部分的完成可以上传代码，可以在后期自己编译的代码出现不可预料的结果时返回发生错误之前的部分） Git代码托管的平台： ...
2019-12-04 12:07:47
149
原创 js中数组的使用方法
在JavaScript中，我们简单的把所有数据类型分为两个大类，基本数据类型和复杂数据类型 ◆基本数据类型：number，string，boolean，undefined，null ◆复杂数据类型：object，function，array… 数组的创建： 1、直接使用字面量的方式创建一个数组 创建一个空数组 var arr = [] 创建一个有内容...
2019-12-02 20:48:42
253
原创 jquery中的$.ajax，$.get，$.post应用
用jQuery实现ajax请求 $.ajax() 返回值：XMLHttpRequest 说明：执行一个异步的HTTP（Ajax）的请求 实例： 发送id作为数据发送到服务器，保存一些数据到服务器上 var menuId = $("ul.nav").attr("id") var request = $.ajax({ url:"script.php"...
2019-12-02 17:36:53
112
原创 原生js实现ajax
传统的Web交互是用户触发一个http请求服务器，然后服务器接收到后。再做出相应反馈给用户，并且返回一个新的页面。 Ajax是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量的数据交换，ajax可以使网页实现异步更新。 Ajax工作流程 在网页中触发ajax请求——>Ajax——>后台 Ajax请求的流程： 1、准备页面请求，创建XMLHt...
2019-11-30 17:03:08
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人