- 博客(19)
- 收藏
- 关注
原创 line-height与height
line-height 对文字排版的影响line-height决定文字据盒子顶部的距离height 对文字排版的影响height决定盒子的竖向高度line-height与height可能发生的变化对于line-height,在chrom浏览器中默认为font-size的1.2倍,除非用户指定line-height的值或者改变文字的font-size否则line-height不会被改变。对于height,其由盒子里的内容撑开,盒子里多半不止有文字还有按钮等其他元素,只要有一个元素的高度增加都会撑大
2022-04-26 14:40:40
369
原创 Not allowed to load local resource: file:///,浏览器禁止访问浏览器图片,文件解决方法
在chrome浏览器下载Web Server for Chrome插件,若能直接在chrome网上应用店下载插件,则方法如下chrome读取本地图片时提示:“Not allowed to load local resource:” by run不动了若不能则需自己下载,安装,配置插件下载我将找到的插件上传到百度云了,链接如下链接:https://pan.baidu.com/s/1y7PSmfBGwm6uq3I33McXkQ?pwd=pzsn提取码:pzsn下载后安装得到一个压缩包解压后得
2022-03-13 17:02:54
21429
14
原创 js代码执行顺序(宏任务微任务同步异步)
代码分为宏任务,微任务,同步,宏任务里可能会有另一个宏任务,同步,微任务执行机制中共有三个队列分别存放宏任务,微任务,同步,队列执行顺序为先同步再微任务再宏任务具体解释转载如下这一次,彻底弄懂 JavaScript 执行机制...
2022-01-28 02:45:19
797
原创 react待解决 在比较虚拟DOM时,相同key值情况下input标签的placeholder属性值不同但仍沿用之前的value
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>key的作用</title></head><body><div id="test"></div><!-- 引入react核心库 --><script type="text/javascript" src="../js/react.dev
2021-12-28 15:31:26
225
1
原创 react中给组件传number类型数据
<script type="text/babel"> class Information extends React.Component { constructor(props) { super(props); } render() { const { name, sex, age } = this.props; return ( <div>
2021-12-25 11:48:18
1196
转载 js中遍历对象的方法,jsx中实现
for(let key in obj){…}自动遍历每个属性key为属性名obj[key]可得对应属性值结果如下:Object.keys(obj) //返回由所有属性名构成的数组Object.values(obj) //返回由所有属性值构成的数组使用Object.getOwnPropertyNames(obj)返回一个数组,包含对象自身的所有属性(包含不可枚举属性)遍历可以获取key和valueconst obj = { id..
2021-12-23 21:23:11
886
原创 react事件绑定时用bind函数绑定this详解
为什么函数要绑定this:函数想访问state里的变量state在实例对象里this在函数里故人工将实例对象传给this(由于函数并非由实例对象触发,无法访问实例对象)函数通过this去访问实例对象里的state实例如下为什么要用bind函数而非apply或者call:call apply都是执行函数,将返回值传给左边且改变this指向而bind则是复制函数,将函数体传给左边且改变this指向...
2021-12-22 15:19:11
168
原创 js类中的实例方法与原型方法
js中实例方法与原型方法定义上的区别实例方法:放在实例对象上的方法原型方法:放在原型上的方法js中实例方法与原型方法实现上的区别完整代码class Person { constructor(name, age) { this.name = name; this.age = age; } // 此时say为原型上的方法 // say() { // console.log(`hi$
2021-12-21 20:26:59
1086
原创 js事件触发时自动给绑定函数加括号(自动执行)
先上结论:函数执行包括执行函数体并返回值,若返回值为一个新的函数体(return一个新函数)并想执行新函数则需在原函数执行时(此时已有一个括号)再加一个括号(也就是两个括号)js事件触发时自动给绑定函数加括号(也就是自动执行绑定的函数),故若程序员本人手动加了括号,再加上js事件触发时自动给绑定函数加的括号,此时执行的是函数返回值(return的函数体)注意此时绑定的函数未加括号页面刚加载的控制台触发点击后的控制台注意此时绑定的函数已加括号页面刚加载的控制台点击后的控制台...
2021-12-19 12:42:07
429
原创 v-model详解(程序员设定的变量绑定的到底是什么,value默认值到底是什么)
v-model的作用:将表单中用户提交的信息与程序员设定的变量进行绑定。(绑定后其中任意一个改变另一个随之改变)程序员设定的变量绑定的是用户输入的信息,但用户输入的信息不一定与value值绑定。在text类型中用户信息与value绑定,value与框中内容绑定。在radio类型中,只有设定了value值之后,用户信息才与value值绑定,value值与设定值绑定。在checkbox类型中,只有设定了value值,且用户信息数据类型设置为数组后,用户信息才与value值绑定,value值与设定值
2021-05-03 12:00:39
3400
1
原创 动画原理与setInterval函数封装
如图所示,本次想做盒子的定时移动,第一个盒子以每50ms,第二三个盒子以每10ms向左移动一个像素。样式上需将盒子绝对定位,以便后续能改变盒子的left值使其移动。javascript上需监听其offsetleft值,并通过left修改其位置。注意一般情况下clearInterval都写在setInterval中,以便定时检测是否达到取消定时器的条件。代码如下<!DOCTYPE html><html> <head> <meta charset=".
2021-02-20 22:54:06
195
原创 scrollTop和offsetTop区别
当元素内部本身存在滚动条时可以使用scrollTop,此时scrollTop值等于元素内部内容向下滚动值,不带单位。offsetTop指的是此元素与有定位的父元素的顶部距离,一般为定值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc
2021-02-20 12:15:49
1675
原创 before伪类元素边框样式与行内元素相同
现象:当上下左右边框宽度相同,内容宽高为0时,四条边框组成了矩形。代码及结果如图形成原因:border是围绕着光标的(光标是一条竖线)
2021-02-07 17:37:20
214
原创 2021-02-02
行内元素与块级元素上下显示时会出现padding重叠出现原因:行内元素并不会将盒子撑开,盒子大小仍由内容决定,纵向上行内元素盒子并块级元素盒子其实为内容并盒子解决办法:将行内元素改为块级元素。。。代码及结果如图 <head> <meta charset="utf-8" /> <title></title> <style> div{padding: 10px 20px; background-color: rgba(0,0,
2021-02-02 23:20:35
97
原创 C语言中函数名做参数
C语言中函数名做参数C语言中函数名可以做参数(通过传递函数地址的方式)格式如下(设被引用函数名为add,要引用此函数的函数名为test``)函数定义//引用函数返回值类型 引用函数名(被引用函数返回值类型 被引用函数名(参数一类型,参数二类型...),参数一类型 参数一值,..)void test(long (*add)(long),long n){ clock_t t; long sum; t=clock(); sum=add(n); t=clock()-
2021-01-05 14:55:42
4204
原创 列表背景与父辈容器不同的原因及解决办法
一般情况下列表默认背景色为透明,但有时由于设置了全局默认背景色,导致列表背景色与父辈不同显得较为突兀``*{ margin:0; padding:0; background-color: #f3f5f7; }<ul> <li><a href="">前端开发</a></li> <li><a href="">后端开发</a></li>
2021-01-02 12:01:15
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人