- 博客(13)
- 收藏
- 关注
原创 查漏补缺之‘25’>'100'为true引发的首字母排序问题
感觉自己js掌握的很不扎实,需要复习以下,所以就去看w3c的教程,看了字符串和数组的方法,突然意识到,之前笔试遇到的这个题,当时选对了,因为我想最不可能的就是最可能的(哈哈哈),但是也暴露了自己真的很多知识都不太牢固。然后在看到数组的sort方法时,突然想到这个题了,当然本人对sort函数也记得很模糊了,只知道它时拿来排序的。图片中提到用比值函数来修正,var points = [40, ...
2020-03-19 22:21:29 182
原创 JS实现上下节点拖拽,左右节点拖拽原理类似
思考:1.怎么判断它拖拽?怎么判断上还是下拖拽?鼠标事件clientY,当鼠标点击某个节点不放,记录这时候的鼠标纵坐标S1,当松开鼠标,再记录此时的鼠标纵坐标S2S2-S1如果大于0,就是向下拖拽,反之2.怎么实现节点“移动”?替换节点代码3.怎么知道它拖拽的时候跨越了几个节点?由于这些节点都是某个父节点的子节点,放在一个数组里,都有下标,所以可以结合S2-S1和每个节点的宽度来计算...
2020-03-19 19:48:30 1220
原创 简单理解回流与重绘
浏览器的渲染过程:解析HTML,生成DOM树,同时解析CSS,生成CSSOM树将DOM树和CSSOM树结合,生成渲染树(Render Tree)回流(Layout):得到节点的几何信息(位置,大小)重绘:根据渲染树以及回流得到的几何信息,得到节点的绝对像素呈现回流和重绘的区别:当布局和尺寸改变时,会发生回流和重绘只有颜色发生变化时,只会发生重绘回流一定会引起重绘,重绘不一...
2020-02-29 19:51:06 298
原创 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 229
原创 三列布局之圣杯布局和双飞翼布局
什么是三列布局?简单理解就是,页面有三个等高的模块,左右两个模块宽高固定,中间模块的宽度随视口的变化而变化。注意点:为了保证中间模块正常显示,需设置视口最小宽度要保证中间列优先加载(所以不能单纯用浮动解决)在整体布局中,尽量少用绝对定位圣杯布局HTML:<div class="container"> <div class="center">...
2020-02-20 21:25:22 231
原创 instanceof和typeof的一些问题
Typeof对于基本类型(基本类型有六种: boolean、null、undefined、number、string、symbol),除了null 都可以显示正确的类型, null 返回 objectTypeof对于对象类型,除了函数都会显示 object,由此观之,typeof 并不能准确的判断变量到底是什么类型。 /** * Typeof对于基本类型(基本类型有六种: ...
2020-02-17 20:31:05 225
原创 定义一个用于处理移动端单击双击长按滑动等事件的函数
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 372
原创 关于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 486
原创 js模拟多态
多态:一种定义,多种表现。JS通过自身特点及instance of来模拟出多态的效果实现: class D{// constructor(obj){ if(obj instanceof Pets){//对传入的参数进行判断,判断是否是某个类的实例 obj.way() ...
2020-02-09 20:25:56 250
原创 超级简单实现竖向折叠二级菜单
用jQuery的几个方法快速实现竖向折叠二级菜单,点击一级菜单出现二级菜单,带动画效果注意点:不要给一级菜单的li设定宽度,因为点击后li会自然撑大 <script> window.onload=function(){ $('.nav li').click(function(){ $(this).child...
2020-02-09 19:24:55 1973
原创 手动实现模态框
手动实现模态框设置一个用于遮罩整个页面的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 321
原创 带控制按钮的jQuery轮播图插件
带控制按钮(点击移动到指定图片)的jQuery轮播图插件效果图 $.fn.slider = function(){ //完成轮播图 //在jQuery原型方法中,this就指的调用该方法的jQuery对象 // console.log(this);//指的就是调用该方法的ul列表 //轮播图变量 var $ul ...
2020-02-08 11:00:07 428 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 616
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人