Dimple_z-CSDN博客

原创查漏补缺之‘25’>'100'为true引发的首字母排序问题

感觉自己js掌握的很不扎实，需要复习以下，所以就去看w3c的教程，看了字符串和数组的方法，突然意识到，之前笔试遇到的这个题，当时选对了，因为我想最不可能的就是最可能的（哈哈哈），但是也暴露了自己真的很多知识都不太牢固。然后在看到数组的sort方法时，突然想到这个题了，当然本人对sort函数也记得很模糊了，只知道它时拿来排序的。图片中提到用比值函数来修正，var points = [40, ...

2020-03-19 22:21:29 178

原创 JS实现上下节点拖拽，左右节点拖拽原理类似

思考：1.怎么判断它拖拽？怎么判断上还是下拖拽？鼠标事件clientY，当鼠标点击某个节点不放，记录这时候的鼠标纵坐标S1，当松开鼠标，再记录此时的鼠标纵坐标S2S2-S1如果大于0，就是向下拖拽，反之2.怎么实现节点“移动”？替换节点代码3.怎么知道它拖拽的时候跨越了几个节点？由于这些节点都是某个父节点的子节点，放在一个数组里，都有下标，所以可以结合S2-S1和每个节点的宽度来计算...

2020-03-19 19:48:30 1215

原创简单理解回流与重绘

浏览器的渲染过程：解析HTML，生成DOM树，同时解析CSS，生成CSSOM树将DOM树和CSSOM树结合，生成渲染树(Render Tree)回流（Layout）：得到节点的几何信息（位置，大小）重绘：根据渲染树以及回流得到的几何信息，得到节点的绝对像素呈现回流和重绘的区别：当布局和尺寸改变时，会发生回流和重绘只有颜色发生变化时，只会发生重绘回流一定会引起重绘，重绘不一...

2020-02-29 19:51:06 297

原创 RESTful简单使用

http 请求包含的请求类型：GET（获取）POST（新增）PUT（修改）DELETE（删除）使用RESTful前，发送ajax请求，前端：url: '/students/deleteOne'type: 'POST'data:deleteDatasuccess(msg){}表现层需要写二级路径。使用RESTful，前端：url: '/students'type: ...

2020-02-29 17:11:05 223

原创三列布局之圣杯布局和双飞翼布局

什么是三列布局？简单理解就是，页面有三个等高的模块，左右两个模块宽高固定，中间模块的宽度随视口的变化而变化。注意点：为了保证中间模块正常显示，需设置视口最小宽度要保证中间列优先加载（所以不能单纯用浮动解决）在整体布局中，尽量少用绝对定位圣杯布局HTML：<div class="container"> <div class="center"&gt...

2020-02-20 21:25:22 226

原创 instanceof和typeof的一些问题

Typeof对于基本类型（基本类型有六种： boolean、null、undefined、number、string、symbol），除了null 都可以显示正确的类型, null 返回 objectTypeof对于对象类型，除了函数都会显示 object,由此观之，typeof 并不能准确的判断变量到底是什么类型。 /** * Typeof对于基本类型（基本类型有六种： ...

2020-02-17 20:31:05 219

原创定义一个用于处理移动端单击双击长按滑动等事件的函数

function touch(elem,type,handler){ var types=['click','dbclick','press','slider']; var index=-1;//用于判断type是否合法 for(var i=0;i<types.length;i++){ ...

2020-02-16 18:13:41 369

原创关于jquery的val（）方法注意点

当页面存在多个input标签，采取 $(‘input’).val()只能获取第一个input属性，因而需要对input标签组成的伪数组进行遍历来获取，用到each（）方法var arr=[]$('th input').each(function(){ arr.push($(this).val());// 将获取到的所有value添加进arr});...

2020-02-15 16:19:23 481

原创 js模拟多态

多态：一种定义，多种表现。JS通过自身特点及instance of来模拟出多态的效果实现： class D{// constructor(obj){ if(obj instanceof Pets){//对传入的参数进行判断，判断是否是某个类的实例 obj.way() ...

2020-02-09 20:25:56 249

原创超级简单实现竖向折叠二级菜单

用jQuery的几个方法快速实现竖向折叠二级菜单,点击一级菜单出现二级菜单，带动画效果注意点：不要给一级菜单的li设定宽度，因为点击后li会自然撑大 <script> window.onload=function(){ $('.nav li').click(function(){ $(this).child...

2020-02-09 19:24:55 1971

原创手动实现模态框

手动实现模态框设置一个用于遮罩整个页面的div，其css样式为：.mask{ width:100%; height:100%; display: none; position:fixed; background:rgba(0,0,0,0.3); z-index: 998;}js部分代码： //模态框frame $('.frame')...

2020-02-08 11:40:13 316

原创带控制按钮的jQuery轮播图插件

带控制按钮（点击移动到指定图片）的jQuery轮播图插件效果图 $.fn.slider = function(){ //完成轮播图 //在jQuery原型方法中，this就指的调用该方法的jQuery对象 // console.log(this);//指的就是调用该方法的ul列表 //轮播图变量 var $ul ...

2020-02-08 11:00:07 421 1

原创 css纯靠径向渐变实现单个和多个缺角效果

主要运用径向渐变实现div的缺角效果单个缺角 background-image: linear-gradient(45deg,#f0343c 90%,transparent 10%);上下左右缺角分别为45°，135°，225°，415°（每次顺时针旋转90°）多个缺角 background-image: linear-gradient(45deg,transparent 0%,t...

2020-01-23 20:34:15 614

Dimple_z的博客