- 博客(14)
- 收藏
- 关注
RSS订阅原创 Promise封装axios请求
// get方法的封装export let get = (url, params) => { return new Promise((resolve) => { axios.get(url,{params}).then(res => { resolve(res) }) })}export let post=(url,params={},isFile=false)=>{ //isFile 传true 就.
2021-09-12 16:44:44
238
1
原创 字符串方法slice,substring,substr的区别
1） 哪一个字符串对象.substring() 支持1个参数和两个参数i.正常情况1个参数：从当前第1个参数的下标位置截取到字符串的末尾2个参数：从当前第1个参数的下标位置截取到第二个参数下标位置-1ii.特殊情况① 当第一个参数为负数的时候，无论数字为多少，均按照0处理② 如果第一个参数的值>第二个参数的值，默认两个参数位置颠倒2） 哪一个字符串对象.slice() 支持1个参数和两个参数i.正常情况1个参数：从当前第1个参数的下标位置截取到字符串的末尾2个参数：...
2021-07-05 19:36:58
148
原创 js封装一个运动函数( 适用于固定步长变化的函数，更适用于非行间样式属性为数字类的属性且为整数)
/** * * @param {哪一个元素对象，例如：div、a、p、input..} ele * @param {哪一个属性 例如：width、height、left、top、padding、margin...} attr * @param {*} step 运动的步长 可以自定义，一般给的都是number类型的值 * @param {*} target 运动的目标值 也可以自定义 一般给的都是number类型的值 * * 适用于固定步长变化的函数，更适用于非行间样式属性为数字类.
2021-07-05 19:29:54
142
原创 jQuery中attr和prop的区别以及共同点
共同点： 1、都是针对于元素的属性的设置以及获取 2、可以给元素添加固有属性以及自定义属性，attr添加的属性无论哪一种都可以写入标签上，prop只能将固 有属性写入，自定义属性无法写入的，但是可以正常使用 区别： 1、针对于选中类的元素的属性（单选按钮、复选框，之类的布尔值）：推荐使用prop（true、false），而 不用attr，attr（checked、undefined） 2、attr操作是页面中的html标签，所以可以在其身上添加任意的属性，因为不...
2021-07-05 19:21:23
161
原创 css中圣杯布局
左右两侧宽度固定，中间宽度自适应的三列布局-1）HTML结构中，先主体内容后侧边-2）两侧宽度固定，中间宽度设置100%-3）两侧盒子和中间盒分别加浮动（float:left);-4）将左侧盒子拉到最左边（margin-left:-100%），将右侧盒子拉倒最右边（margin-left:-右侧盒子的宽度）-5）通过左、右、中盒子的父级盒将中间内容露出来（在父元素上设置padding:0右侧盒子的宽度0左侧盒子的宽度）-6）分别还原左侧盒子和右侧盒子（左侧盒...
2021-06-07 19:45:17
58
原创 两列自适应布局
1）左右两个盒子，左侧盒子宽度固定，右侧盒子宽度为100%-2）为左侧设置绝对定位position:absolute;-3）在右侧盒子中添加子盒，为子盒设置padding-left属性，值为左侧盒子宽度
2021-06-07 19:44:15
63
原创 JS中以及JQ中如何发生滚动事件以及获取滚动的Top值
JS： 创建：标签节点：document.createElement("标签节点名称") 文本节点：document.createTextNode("文本节点值") 删除：自删除：哪一个DOM元素对象.remove(); 通过父节点删除：哪一个父节点对象.removeChild(哪一个子节点) 追加：哪一个父节点对象.appendChild(哪一个子节点) 克隆：哪一个节点.cloneNode([true]) 如果添加true--克隆标签以及内容；没有true默认只克
2021-06-07 19:39:18
340
原创 js中绑定事件和解绑的封装(带兼容写法)
/*** 解绑* @param {哪一个元素对象} ele* @param {什么事件类型} type* @param {触发函数} fun*/function removeEvent(ele,type,fun){ if(ele.removeEventListener){ //标准 ele.removeEventListener(type,fun); }else{ //低版本 ele.detachEvent('on'+type,fun); .
2021-06-05 15:41:53
132
原创 js封装一个随机验证码
/** * * @param {验证码数量} num * @param {*验证码相对应的字符} str * @returns 混合类验证码 */function getYan(num,str){ var code = ""; for(var i = 0;i < num;i++){ var index = Math.floor(Math.random() * (str.length - 0 + 1) + 0); code += str.
2021-06-05 15:14:13
193
原创 两列自适应布局——左侧宽度固定，右侧宽度自适应
原理：1）左右两个盒子，左侧盒子宽度固定，右侧盒子宽度为100%-2）为左侧设置绝对定位position:absolute;-3）在右侧盒子中添加子盒，为子盒设置padding-left属性，值为左侧盒子宽度代码：<style> .left { width: 300px; min-height: 100px; background-color: green; ...
2021-05-10 19:07:19
257
原创 用CSS实现箭头
原理-使用css绘制两个三角形-通过绝对定位让两个三角形不完全重叠-让处于上层的三角形比处于下层的三角形偏移1像素，生成空心箭头-兼容在IE6及更早版本浏览器中小高问题设置：font-size:0;line-height:0;目的：让三角形的height:0;有效-实现```结构：实现向上箭头<divclass="arrtop"><spancl...
2021-05-08 19:14:22
332
原创 css精灵技术
原理：将一堆小图片整合成一张大图片，通过背景属性，background-image backgroud-repeat background-position ，将背景图片显示出来，并通过背景图定位精确显示图片的位置，减少服务器对图片的请求数量。图片：<body><divclass="icons"><ahref="#"></a><aclass="tw"href="#">&...
2021-05-07 19:16:07
80
原创 浮动问题的产生的原因及常见解决方案。
原因：元素浮动以后，脱离正常文档流，导致父元素高度为0，会影响与浮动元素父级盒呈现并列关系的后续元素的正常布局。解决方案：1.为浮动元素的父级盒，设置固定的高度——不够灵活2.为浮动元素的父级盒，设置浮动——会产生新的浮动问题3.为浮动元素的父级盒，设置overflow属性，属性值hidden|scroll|auto——可能会导致内容显示不完全，代码简洁4.为浮动元素父集合开启BFC5.在浮动元素之后，与浮动元素呈现并列关系的位置，加一个空div(不设浮动，没有尺寸，没有内容)，在空
2021-05-07 18:59:17
725
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人