前端规范编程规范 参考 Web前端开发代码规范基础 一.HTML/CSS规范 浏览器兼容:Google Chrome、Microsoft Edge、Firefox等. html代码规范 1.声明: 1.html头部声明统一 <!DOCTYPE html> 2.页面编码统一 <meta charset ...
分类:
其他好文 时间:
2021-05-24 14:11:38
阅读次数:
0
querySelector() 返回匹配指定选择器的第一个元素。 querySelectorAll() 返回所有的节点元素 语法document.querySelector(CSS selectors) getElementsByTagName() //返回的是所有的节点,是一个类数组对象 getE ...
分类:
Web程序 时间:
2021-05-24 13:50:49
阅读次数:
0
页面引入layui.css、 layui.js 1 <div id="pTable" style="width: 1200px;"> 2 <table class="layui-table" id="layui_table_id" lay-filter="test"> 3 </table> 4 <d ...
分类:
其他好文 时间:
2021-05-24 13:50:20
阅读次数:
0
PS的基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop ) 来做的,所以以后我们大部分切图工作都是在 PS 里面完成。 文件→打开:可以打开我们要测量的图片 Ctrl + R:可以打开标尺,或者视图→标尺 右击标尺,把里面的单位改为像素 Ctrl + 加号(+)可以放大视图,C ...
分类:
Web程序 时间:
2021-05-24 13:45:45
阅读次数:
0
一个页面出现bug,一直loading导致你无法进行数据和步骤的重现与抓取 把top勾选去掉,页面就不会一直loading 用JS代码 在Console tf.loadingIndicator.tryHide() 巩固一下 $($0).css("front-size") ...
分类:
其他好文 时间:
2021-05-24 13:42:51
阅读次数:
0
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; height: 100%; } body { margin: 0; font-si ...
分类:
Web程序 时间:
2021-05-24 13:06:47
阅读次数:
0
浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式: 普通流(标准流) 浮动 定位 实际开发中,一个页面基本都包含了这三种布局方式(后面移动端学习新的布局方式)。 2. 标准流(普通流/文档流) 标签按照规定好默认方式排序即 ...
分类:
Web程序 时间:
2021-05-24 12:47:42
阅读次数:
0
1.px是相对长度单位,它是相对于显示器屏幕分辨率而言的 优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况 2.em是相对长度单位,1em等于当前元素的字体大小,除非你在设置font-size 3.rem是CSS3新增的一个相对单位,rem是相对单位,是相对HTML根元素 ...
分类:
Web程序 时间:
2021-05-24 12:31:53
阅读次数:
0
首先需要引用alipayer js和css 页面使用的引用方式不同 <template> <div :id="playerId"style="width:100%; height:100%;"> </div></template> <script> export default { name: 'R ...
分类:
其他好文 时间:
2021-05-24 11:00:02
阅读次数:
0
JS动画 缺点:(1)JavaScript在浏览器的主线程中运行,而主线程中还有其它需要运行的JavaScript脚本、样式计算、布局、绘制任务等,对其干扰导致线程可能出现阻塞,从而造成丢帧的情况。 (2)代码的复杂度高于CSS动画 优点:(1)JavaScript动画控制能力很强, 可以在动画播放 ...
分类:
Web程序 时间:
2021-05-24 10:17:12
阅读次数:
0