前端基础开发
关注
分享
扫一扫
记录前端基础开发知识点
weixin_44635214
这个作者很懒，什么都没留下…
展开
-
js的基础知识
1、JS中的基本类型和引用类型基本类型：undefined、null、string、number、boolean、symbol（ES6）普通基本类型：undefined、null、symbol（ES6）特殊基本类型：string、number、boolean引用类型：Object、Array、RegExp、Date、Function区别：引用类型值可添加属性和方法，而基本类型值则不可以。基本类型基本类型的变量是存放在栈内存（Stack）里的基本数据类型的值是按值访问的基本类型的值是不可变的原创 2021-03-03 16:12:06 · 147 阅读 · 1 评论 -
JS 中深拷贝的几种实现方法
// 方法一： 使用递归的方式实现数组、对象的深拷贝export function deepClone1 (obj) { const objClone = Array.isArray(obj) ? [] : {} if (obj && typeof obj === 'object') { for (const key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { i原创 2021-03-03 16:01:17 · 581 阅读 · 1 评论 -
前端处理下载后端返回的文件流
后端返回文件流，前端需要对返回的文件流处理进行文件下载先是发送请求的时候声明返回blob格式url: '',method: 'post',data: params,responseType: 'blob'//responseType: 'ArrayBuffer'然后将返回的数据传给downloadXls方法里，第二个形参是文件名称，然后系统就开始自动下载了function downloadXls(data, filename) { //接收的是blob，若接收的是文件流，需要转化一下原创 2020-11-03 10:13:37 · 2559 阅读 · 1 评论 -
浅谈css3中display属性的flex布局
基本概念采用Flex布局的元素，称为Flex容器，简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目，简称"项目"。容器默认存在两根轴：水平的主轴和垂直的交叉轴。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，原创 2020-10-14 10:44:09 · 227 阅读 · 0 评论 -
javaScript实现图片放大镜效果
<!DOCTYPE html><html> <head> <title>javaScript实现图片放大镜效果</title> </head> <body> <div class="leftcon" id="left"> <img src="./yibo.jpg" /> <div class原创 2020-09-14 15:13:15 · 293 阅读 · 0 评论 -
禁止浏览器拖入图片打开新页面
let dropArea = document.getElementById('drop-area')dropArea.addEventListener('drop', (e) => { e.stopPropagation() e.preventDefault() e.dataTransfer.dropEffect = "none" })dropArea.addEventListener('dragleave', (e) => { e.stopPropagation原创 2020-09-14 11:32:49 · 654 阅读 · 0 评论 -
使用js准确获取当前页面url信息
在web开发中，我们会经常用到js来获取当前页面的url网址信息，下面就是获取url信息的一些小总结。举例url，然后获得它的各个组成部分：https://editor.youkuaiyun.com/md?articleId=1062815831、window.location.href(设置或获取整个 URL 为字符串)var data = window.location.href;console.log(data);//https://editor.youkuaiyun.com/md?articleId=106281原创 2020-05-22 16:21:25 · 193 阅读 · 0 评论 -
实现js时间戳与日期格式之间的互转
1. 将时间戳转换成日期格式 //获取一个时间对象var date = new Date(时间戳); //下面是获取时间日期的方法，需要什么样的格式自己拼接起来就好了date.getFullYear(); // 获取完整的年份(4位,1970)date.getMonth(); // 获取月份(0-11,0代表1月,用的时候记得加上1)date.getDate(); // 获取日(1-31)date.getTime(); // 获取时间(从1970.1.1开始的毫秒数)date.ge原创 2020-05-22 14:56:54 · 166 阅读 · 0 评论 -
CSS布局解决方案(终结版)
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。居中布局水平居中1）使用inline-block+text-align（1）原理、用法原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。用法：对子框设置display:inline-block，...转载 2020-05-05 10:48:20 · 128 阅读 · 0 评论 -
前端初学者对html语义化标签的理解
1、什么是HTML语义化 根据内容的结构（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码。2、为什么要语义化为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构； 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用； 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确...转载 2019-02-01 11:07:41 · 296 阅读 · 0 评论 -
20个让你效率更高的CSS代码技巧
在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的，有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1.注意外边距折叠与其他大多数属性不同，上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时，只会保留两个margin值中较大的那个。例如：HT...转载 2019-08-05 17:54:45 · 127 阅读 · 0 评论