weixin_57585624的博客

原创 react基础学习

jsx语法以及模块化和组件化理解

原创 初学react

初学前端框架React，React掌握者养成记

原创 面试被问到上下式三栏布局，你能写出几种方法？

三栏式布局，上下固定，中间自适应方法一：定位布局法<style> div{ position: absolute; width: 100%; } .top{ top: 0; background-color: red; height: 200px; } .center{ top: 200px; bottom: 20.

原创 JS数组的方法（ES6之前）

ES6里的方法，大家可以自行到官网去查看，也可以补充在留言区！！！

原创 关于JS的拷贝，你了解多少？

请思考，如果数组和对象为循环引用，这时上面的深层拷贝代码还适用吗？欢迎大家留言讨论

原创 关于闭包的最详细解释，快来围观！

有要补充的，欢迎留言补充呀！！！

原创 JS函数执行三部曲，你真的知道吗？

文章有不对之处 欢迎留言讨论！！！

原创 JS函数作用域史上最详解

这种解释过时了？原理性的东西怎么会过时呢？

原创 JS数据类型的转换（详解）

显式类型转换隐式类型转换欢迎留言补充！！

原创 Javascript数据类型的判断方法

Javascript基本数据类型的判断方法一：方法二：欢迎大家留言补充！

原创 具备过渡效果的CSS样式

可过渡的样式不是所有的CSS样式值都可以过渡，只有具有中间值的属性才具备过渡效果Vstart = 开始值; Vend = 结束值; Vres = 中间值; p = 过渡函数的输出值Vres = (1 - p) * Vstart + p * Vend当Vres具有有效值时，则该CSS样式可过渡颜色: color、background-color、border-color、outline-color位置: backround-position、left right、top、bottom长度:

原创 总结盒模型阴影和背景

欢迎补充！

原创 详解定位属性

粘性定位sticky具体请移步这里：彻底理解粘性定位（position：sticky）有写的不对的地方，欢迎大家留言指正

原创 隐藏元素、css3变形和溢出样式

让一个元素不可见的4种方法css3位移和缩放溢出时的样式小生在学习前端时做的一些笔记，现上传供大家传阅，有不对的地方请留言及时改正，谢谢

原创 清除浮动4种方法

原创 三栏式布局（圣杯式布局和双飞翼布局）

原创 详细版--元素的垂直水平居中

原创 彻底理解粘性定位（position：sticky）

粘性定位可以被认为是相对定位和固定定位的混合（即元素子再跨越特定阈值前为相对定位，之后为固定定位）例如：.div{ position: sticky; top: 10px; }在 视口滚动到元素 top 距离小于 10px 之前，元素为相对定位。之后，元素将固定在与顶部距离 10px 的位置，直到视口回滚到阈值以下一、应用场景：1、粘性定位常作用在导航和概览信息(标题，表头，操作栏，底部评论等)上2、当用户在浏览详细信息时，也能看到信息的概览和做一些操作，给用户带来便捷的使用体.

原创 如何实现点击查看密码达到一 一对应

需求：on:{mousedown:function(e){let divs=document.getElementsByClassName(‘div1’);let arr = Array.from(divs);let index = arr.indexOf(e.target.previousSibling);divs[index].innerText=Encrypt.decryptDevicePass(row.password);//密码解密查看},mouseup:function(e){

原创 前端算法之小驼峰字符串

题目要求：将“border-bottom-cover”转换为“borderBottomCover”；function test(str){ let reg=/\-./g;//匹配规则（-后面的任意一个除空白之外的字符） let newstr=str.match(reg);//利用match方法匹配，将匹配到的存到新变量中（返回的是一个数组） newstr=newstr.join('').toUpperCase().split('-').splice(1);//将小写字符转换为

原创 前端学习笔记（浏览器相关和正则相关）

1、navigator为windows对象的一个属性，指向了一个包含浏览器相关信息的对象。navigator中包含了一些常用到的属性，例如：（1）navigator.appVersion 浏览器的版本号 （2）navigator.appName 浏览器的名称 （3）navigator.language 浏览器使用的语言 （4）navigator.platform 浏览器使用的平台 （5）navigator.userAgent 浏览器的user-agent信息一般来讲，userAgent

原创 vue数据模板文件的下载三种方法

用vue2针对后台返回数据的不同提供的下载模板文件三种办法（针对Excel）一、当后台返回的数据是文件时，以下代码可实现直接下载文件到本地let ele = document.createElement(“a”);ele.style.display = “none”;let file = “/user/exportExcelData”;//下载文件的后台接口ele.href =file;document.body.appendChild(ele);ele.click();document.b

原创 大华实习日记

2021-8-4（第一天 天气：晴）实习内容1.配置电脑环境（注册公司账号，安装公司内部聊天软件）2.安装前端相关软件并node配置环境（Node、vscode、git、谷歌浏览器）3.熟悉公司内部软件的使用4.熟悉公司内部工作流程（考勤、工作请假申请等相关流程）5.公司使用GitLab平台，抓紧时间熟悉gitlab操作6.导师给我分配了一个任务：学习从Gitlab拉取分支到本地仓库，给了一个他们团队最近正在做的一个项目（情指勤融合实战平台），让我将其拉取到本地仓库进行学习熟悉7.运行导师给

原创 javascript事件

事件1、如何绑定事件处理函数？ element.onxxx=function( event){}(在行间里不用写function，直接写onxxx="执行内容") 兼容性很好，但是一个元素的同一个事件上只能绑定一个处理程序 基本等同于写在HTML行间上 //例子var div=getElementByTagName('div')[0];div.onclick=function(){ console.log('hello');} 3.程序this指向dom元..

原创 脚本化CSS

1、读写元素css属性 dom.style.prop->(width/height/backgroundColor/····) 可读写行间样式，没有兼容性问题，碰到float这样的，保留字属性，前面应加CSS。 eg：float->cssFloat 复合属性必须拆解，组合单词编程小驼峰式写法 比如：div.style.border包含很多个属性（大小，线类型，颜色等） 像这样的，建议拆成div.style.