前端
不爽的麻雀
这个作者很懒,什么都没留下…
展开
-
瀑布流
<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ width: 100%; height: 100%; } .main{ positio.原创 2020-12-21 17:40:08 · 78 阅读 · 0 评论 -
虚拟DOM和性能优化-《React进阶之路》第五章读书笔记
虚拟DOM和性能优化1.虚拟Dom虚拟DOM是和真实DOM相对应的,是对结构化文本的抽象表达,即对HTML文本的抽象表达,虚拟DOM是建立在真实DOM上,对真实DOM的抽象,以解决DOM操作效率低下的问题使用普通的js对象来描述元素2.Diff算法React的调和过程:每次组件的状态和属性更新,组件的render方法都会返回一个新的虚拟DOM对象,用来描述新的UI结构,React会通过比较两次虚拟DOM结构的变化找出差异部分,更新到真实DOM上,从而减少最终要在真实DOM上的操作,提高执行过程,原创 2020-09-16 14:53:42 · 139 阅读 · 0 评论 -
Angular注意点
Angular数据绑定注意:<ul> <li ng-repeat="d in list" ng-click="a(d)"></li></ul>XXX.$scope.list=[ {checked:true], {checked:true}]fuction a(){ d.checked = !d.checked;}ng-cl...原创 2020-03-23 16:10:06 · 90 阅读 · 0 评论 -
angular的repeat排序问题
多个并列的循环序号连续HTML:<div ng-repeat="line in line_list" ng-init="pre_index = preIndex($index)" style="border:1px solid #000"> <div ng-repeat="item in line.item_list"> <span>原创 2019-01-07 15:04:26 · 884 阅读 · 0 评论 -
qrcode创建二维码
html:<head> <script src="js/qrcode.min.js"></script> <style> #qrcode{ width:100px; height:100px; } </style></head><body> <di原创 2018-11-20 10:39:43 · 468 阅读 · 0 评论 -
box-sizing的使用
HTML:<div class="box"></div>CSS.box{ box-sizing: border-box; /*box-sizing: content-box;*/ /*box-sizing: inherit;*/ width: 80px; background-color: #0055aa; margi...原创 2018-10-26 15:44:16 · 317 阅读 · 0 评论 -
jQuery获取特定子元素
没有id时,通过find查找$("."+ className).find("."+className).eq(i).css("display","none");原创 2018-09-11 09:38:05 · 11503 阅读 · 0 评论 -
Chrome中能获取到event, FireFox获取不到event的情况
Firefox中获取event,需通过参数传递event html:onclick = add(event);js:function add(event){ // Firefox中需通过参数传递event console.log(event);}AngularJs: html:onclick = add($event); // 在Firefox中必须要带$...原创 2018-09-06 17:45:03 · 1287 阅读 · 0 评论 -
替换标签名-两种
<div>换成<p>标签 html:<div> <div id="tag"></div></div><button onclick="changeTagNameOne (tag)">切换标签名</button><b原创 2018-09-06 08:35:52 · 1018 阅读 · 0 评论 -
子元素不受父元素的透明度影响
使用background:rgba(1,1,1,0.5)&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;原创 2018-09-03 17:22:10 · 1303 阅读 · 0 评论 -
折线图(多折线,带背景方格,折点处使用小圆点)
https://github.com/WiSiW/lineChart.git原创 2018-09-05 16:30:18 · 5769 阅读 · 0 评论 -
js获取两数之差的绝对值
Math.abs(-7);// 7转载 2018-09-04 11:21:41 · 7788 阅读 · 0 评论 -
保持div的宽高比
<div style="width: 100%;background-color: #255625;position: relative;padding-bottom: 44%">通过将padding-bottom这个属性设定为百分比(百分比为高/宽),从而保证div的宽高比高/宽 = 50%时,各种状态下的div框高/宽 = 100%时,各种状态下的div...原创 2018-08-17 10:18:14 · 2600 阅读 · 0 评论 -
获取本地音视频设备
使用的是navigator.mediaDevices.enumerateDevices()方法 html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取本地音视频设备&原创 2018-08-22 16:26:41 · 1798 阅读 · 0 评论