- 博客(37)
- 收藏
- 关注
RSS订阅转载 分享整理PerfDog创始人对游戏专项测试领域的实践经验与心得
在游戏行业，正是有了专项测试团队默默的付出，玩家的注意力才能放到操作、玩法上，而不是时不时地为性能问题而烦恼。而对游戏专项测试人员来说，也许自己的工作很少能得到外界的认可，但内在的成就感才是最重要的奖励。
2023-02-28 18:13:14
278
原创 JS 0.1+0.2的理解
JS红皮书里面介绍浮点数值时有提到，0.1+0.2结果不是0.3，而是0.30000000000000004为了解除心中的疑惑，在网上看了很多文章，才弄懂其中的原理，在这里记录下来。1.对于计算机而言，两个数字在相加时是以二进制形式进行的，在呈现结果时才转换成十进制。JS中的数字是用IEEE 754 双精度 64 位浮点数来存储的，它由64位组成，这64位由3部分组成，（S：符号位，Exponent:指数域，Fraction：尾数域）。具体结构如下图:2.十进制小数转换为二进制小数：用2乘
2021-11-21 14:53:21
2574
原创 js的 深拷贝与浅拷贝
对于这个问题，可以考虑从深拷贝和浅拷贝的使用或者起源说起，也就是为什么会出现这个问题。首先了解一些javascript的基本知识。1.javascript变量包含两种不同数据类型的值：基本类型和引用类型。基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：number、string、boolean、null、undefined、symbol引用类型值指那些可能由多个值构成的对象，只有一种如下：object在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值
2021-11-21 14:21:46
134
原创 JS hasOwnProperty()方法：检测一个属性是否是对象的自有属性
JavaScript hasOwnProperty() 方法是 Object 的原型方法（也称实例方法），它定义在 Object.prototype 对象之上，所有 Object 的实例对象都会继承 hasOwnProperty() 方法。hasOwnProperty() 方法用来检测一个属性是否是对象的自有属性，而不是从原型链继承的。如果该属性是自有属性，那么返回 true，否则返回 false。换句话说，hasOwnProperty() 方法不会检测对象的原型链，只会检测当前对象本身，只有当前对象本身
2021-11-21 14:14:19
289
原创 深拷贝函数 cloneDeep
function cloneDeep (obj){ // 1.判断是否为null 或undefined if (typeof obj == null ) return obj; // 2.判断是否为日期Date if (obj instanceof Date) return new Date(obj); // 3.判断是否为正则 typeof /\d+/ === 'object' if (obj instanceof RegExp) return new RegExp(obj);
2021-11-21 14:04:50
1193
原创 HTML5的十大新特性
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等1. 语义标签语义化标签使得页面的内容结构化，见名知义标签描述< header></ header>定义了文档的头部区域< footer></ footer>定义了文档的尾部区域< nav></ na
2021-11-11 10:21:47
247
转载 解决el-table切换分页的时候选项被清空
https://blog.csdn.net/C_hydar/article/details/104538018
2021-06-22 11:27:26
1177
原创 VUE树形递归
<script>//树形递归 TreeConcat(data){ // 删除 所有 children,以防止多次调用 data.forEach(function (item,index) { item.label = item.name delete item.children; }); // 将数据存储为 以 id 为 KEY 的 map 索引数据列 var map = {}; d
2021-03-24 10:42:24
796
原创 2020前端高频面试题总结（附答案）
[ js基础题 ]1. new的实现原理是什么？ 1. 创建一个空对象，构造函数中的this指向这个空对象 2. 这个新对象被执行 [[原型]] 连接 3. 执行构造函数方法，属性和方法被添加到this引用的对象中 4. 如果构造函数中没有返回其它对象，那么返回this，即创建的这个的新对象，否则，返回构造函数中返回的对象。2. 深拷贝和浅拷贝的区别是什么 1.深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。 2.深拷贝后的对象与原来的对象是完全隔离的，互不影响，
2021-03-01 11:11:52
3751
11
原创 vue 获取本机时间
<script> export default { name: "headerTop", components: {}, data() { return { Time: "", // 存放组装好的时间显示 Data: "", // 存放组装好的年月日 和 星期 mounted() { this.sundayFn(); }, methods: { sundayFn() {
2021-02-24 17:05:39
622
2
原创 设置echarts随页面大小变化自适应
在项目中应用做echarts可视化图表,图表时会碰到需求是echarts会随着游览器的放大，缩小自适应。其实很简单，只要一点点代码就可以了。var myChart= echarts.init(document.getElementById("my_charts"));myChart.setOption(option);//监听页面的尺寸变化，动态改变echarts的尺寸 window.onresize = function () { myChart.resize(); }...
2021-02-24 16:58:06
982
原创 ES6 (ECMAScript 6 简明教程)
ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。1. let、const 和 block 作用域let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：var a = 2;{ let a = 3; console.log(a); // 3}console.log(a); // 2同样在块
2021-02-21 10:40:31
245
原创 关于HTTP篇的问题整理
今天给大家讲以下http相关的一些东西，曾经的我在面试某互联网公司的时候，在http上直接问的劳资都开始怀疑人生啦～废话不说了，接下来将从下面几个方面给大家讲解这一章，这一章没什么代码，知道就好网络基础TCP/IP的分层管理基于浏览器的连接处理（在浏览器上输入URL到页面渲染的过程）HTTP协议的主要特点HTTP报文的组成部分HTTP方法GET和POST请求的区别常见状态码什么是持久连接（了解）什么是管线化（了解）ok！接下来让我们来一一攻破网络基础TCP/IP的分层
2021-02-21 09:25:04
116
原创 2020前端VUE面试题二
1、vue与react的区别vue和react的区别两者本质的区别：模板和组件化的区别Vue本质是MVVM框架，由MVC发展而来；React是前端组件化框架，由后端组件化发展而来；Vue使用模板React使用JSXReact本身就是组件化Vue是在MVVM上扩展的共同点：都支持组件化，都是数据驱动视图2、vue生命周期生命周期函数组件的创建（1次）beforeCreate() 在这个钩子执行的时候，只有实例本身的一些事件和生命周期函数created() 在这
2021-02-05 16:06:48
314
1
原创 【CSS3】圆角
浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 “圆角”。以下为三个实例：指定背景颜色的元素圆角：指定边框的元素圆角:指定背景图片的元素圆角:代码如下: <...
2019-03-05 14:56:38
1059
原创 【CSS3】 背景
CSS3 背景CSS3中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性：浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。CSS3 background-image属性CSS3中可以通过background-image属性添加背景图片。不同的背景图...
2019-03-05 14:38:26
185
原创 【CSS3】 边框
CSS3 边框用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如 Photoshop。在本章中，您将了解以下的边框属性：CSS3 圆角在 CSS2 中添加圆角棘手。我们不得不在每个角落使用不同的图像。在 CSS3 中，很容易创建圆角。在 CSS3 中 border-radius 属性被用于创建圆角：这是圆角边框！在div中添加圆角元素：div{...
2019-02-02 17:24:20
104
原创 【CSS】 媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。媒体类型一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans-serif 字体比较适合在屏幕...
2019-02-02 17:20:02
108
原创 【CSS】 图像透明/不透明
实例1 - 创建一个透明图像CSS3中属性的透明度是 opacity。首先，我们将向您展示如何用CSS创建一个透明图像。正常的图像相同的图像带有透明度：看看下面的CSS：img{ opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */}实例2 - 图像的透明度 - 悬停效果将鼠标移到图像上：img{ o...
2019-02-02 17:17:32
216
原创 【CSS】图片廊
以下是使用CSS创建图片廊：图片廊以下是使用 CSS 创建图片廊：<style> div.img { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.img:hover { border: 1px solid #777; }...
2019-02-02 17:12:38
168
原创 【CSS】 组合选择符
CSS 组合选择符CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选择器后代选择器用于选取某元素的后代元素。以下实例选取所有< p >元素插入到 < div > 元素中:<style>div p{ background-color:yellow;}</style><body>...
2019-02-01 18:24:41
174
原创 【CSS】 布局 - 水平 & 垂直对齐
元素居中对齐要水平居中对齐一个元素(如 ), 可以使用 margin: auto;。设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度，并将两边的空外边距平均分配：<style> .center { margin: auto; width: 60%; border: 3px solid #73AD21; padding: 1...
2019-01-29 18:58:04
197
原创 【CSS】 Float(浮动)
什么是 CSS Float（浮动）？CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素怎样浮动元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不...
2019-01-29 18:18:05
218
原创 【CSS】布局 - Overflow
CSS overflow 属性用于控制内容溢出元素框时显示的方式。<style>#overflowTest { background: #4CAF50; color: white; padding: 15px; width: 80%; height: 100px; overflow: scroll; border: 1px s...
2019-01-29 18:12:23
164
原创 【CSS】 Position(定位)
position 属性指定了元素的定位类型。position 属性的五个值：元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。static 定位HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。<s...
2019-01-28 17:59:11
152
原创 【CSS】 Display(显示) 与 Visibility（可见性）
display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏元素 - display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用...
2019-01-28 17:46:35
146
原创 【CSS】padding（填充）
CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。padding（填充）当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。可能的值填充- 单边内边距属性在CSS中，它可以指定不同的侧面不同的填充：padding - top:25px;pa...
2019-01-28 17:28:17
439
原创 【CSS】margin(外边距)
CSS margin(外边距)属性定义元素周围的空间。marginmargin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。可能的值Margin - 单边外边距属性在CSS中，它可以指定不同的侧面不同的边距：margin-top:100px;margin-bottom:10...
2019-01-27 12:07:24
176
原创 【CSS】轮廓（outline）
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。轮廓（outline）实例本例演示使用outline属性在元素周围画一条线。<style>p{ border:1px solid red; outline:green dotted thick; }</style&g...
2019-01-27 12:01:14
466
原创 【CSS】 边框
CSS 边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。边框样式边框样式属性指定要显示什么样的边界。Remark border-style属性用来定义边框的样式边框宽度您可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它...
2018-12-28 19:16:45
334
原创 【CSS】 盒子模型
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明： Margin(外边距) - 清除边框...
2018-12-28 19:06:01
93
转载 【CSS】Table（表格）
表格边框指定CSS表格边框，使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框：table, th, td { border: 1px solid black; }请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框，使用 border-collapse属性。折叠边框border-collapse ...
2018-12-28 18:58:04
101
原创 【CSS】列表
CSS列表属性作用如下：设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像所有的CSS列表属性list-style 简写属性。用于把所有用于列表的属性设置于一个声明中list-style-image 将图象设置为列表项标志。list-style-position 设置列表中列表项标志的位置。list-style-type ...
2018-12-05 23:52:32
126
原创 【CSS】 fonts （字体）
所有CSS字体属性font 在一个声明中设置所有的字体属性font-family 指定文本的字体系列font-size 指定文本的字体大小font-style 指定文本的字体样式font-variant 以小型大写字体或者正常字体显示文本。font-weight 指定字体的粗细。CSS字型在CSS中，有两种类型的字体系列名称：通用字体系列 -...
2018-12-04 22:34:14
649
原创 【css】background (背景)
CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background 简写属性，作用是将背景图背景属性设置在一个声明中。background - color 设置元素的背景颜色。background - image 把图像设置为背景。background - repeat 设置背景图像是否及如何重复。backg...
2018-12-03 21:25:42
209
原创 【css】 text 文本
【css】 text 文本所有css文本属性 color 设置文本颜色 direction 设置文本方向。 letter-spacing 设置字符间距 line-height 设置行高 text-align 对齐元素中的文本 text-decoration 向文本添加修饰 text-indent ...
2018-12-01 17:50:00
175
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人