【前端知识集合】
文章平均质量分 61
这里不细分分类,记录一些前瞻性、发散的知识点
余光、
一旦走出舒适区,你内心的痛点才是促使你前行的动力
2022年重新出发
展开
-
【前端前瞻】:ECMAScript2020 新特性
这几年,Ecma TC39一年一次更新 ecmascript 规范标准,截止目前,以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。一:Promise.allSettledPromise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject),所有任务都会挂掉,Promise直接进入...原创 2020-01-20 14:40:47 · 2953 阅读 · 0 评论 -
react自定义属性及获取
React组件自定义属性的定义及使用在很多情况下,react组件中,需要使用自定义的属性。也经常需要在默认事件(如,点击onClick)中使用自定义属性。举一个很简单的例子,点击一个按钮,并显示这个按钮“自定义属性”中的string。最近正在写日历组件,希望给按钮添加点击时间import React, { Component } from 'react';export default My...转载 2018-12-26 17:08:49 · 2624 阅读 · 0 评论 -
CSS3-box-sizing属性
CSS3 box-sizing 属性(框大小)盒模型大家都不陌生,就像我们经常遇见被问到的盒模型到底是什么?下面这个 新属性会帮到大家 他可以帮我们有效的控制宽高,甚至避免横向滚动条的出现~box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。默认情况下,元素的宽度与高度计算方式如下:width(宽) + pad...原创 2018-12-27 15:17:09 · 484 阅读 · 0 评论 -
免费api接口
因为最近正在练习各种形式的请求,所以需要有些免费的api,将搜到的遇到的汇总如下随机单句诗词推荐:http://api.apiopen.top/singlePoetry随机一首诗词推荐:http://api.apiopen.top/recommendPoetry搜索古诗词:http://api.apiopen.top/searchPoetry?name=古风二首 二搜索古诗词作者...原创 2018-12-24 13:48:24 · 949 阅读 · 0 评论 -
scrollTop及offsetTop的对比
scrollTop是指某个可滚动区块向下滚动的距离,offsetTop则是元素的上边框与父元素的上边框的绝对距离。写这篇博客的时候,我对浏览器和元素的位置关系理解的也不太透彻,有错误的地方请大家指正。一 offset特别说明:offsetTop是只读属性。offsetTop由如下两个单词构成:(1).offset:具有偏移量的意思。(2).top:具有顶部的意思。此属性的功能确实...原创 2019-01-14 11:47:24 · 6139 阅读 · 1 评论 -
ant table组件使用心得-表头不对齐解决办法
实习期间遇到需要列表展示数据的需求,从ant开源库上拿下来示例代码如下使用的场景时在react项目中,所有直接引入一 使用1.引入组件import { Table } from ‘antd’;2.手动写入需要渲染的数据这里不细说了,在模版中,为你提供了很多种排列方式,有跨行显示,也有跨列显示3.render中写table组件 <Table columns={colu...原创 2019-01-15 11:10:22 · 9739 阅读 · 0 评论 -
前端入门技术书籍推荐:JavaScript高级程序设计等,吐血整理!
大四学生一枚,正在实习中(前端开发),一只小菜鸟在掘金和github上读过 冴羽大大 的很多文章,我询问他如何打牢JS基础,他建议我最起码高程看完前一半,那么fighting!附上 pdf版下载地址链接: https://pan.baidu.com/s/1k-hUxun9ns1C8VqK7bFVJg 提取码: egym 复制这段内容后打开百度网盘手机App,操作更方便哦另外附上github...原创 2020-04-13 10:55:01 · 6641 阅读 · 8 评论 -
Invalid or unexpected token:数据格式错误
Invalid or unexpected token --> 无效或意外的var left = [1,2,3],right = [1,2,3]if(left[1] > right[0]){ left.splice(1,1) right.splice(0,1)}运行这样一段代码,就会报错。翻译成中文是:捕获的查询无效或意外的标记。既然代码逻辑没问题,...原创 2019-09-17 11:54:05 · 13012 阅读 · 0 评论 -
使用moment.js对日期进行简单操作
在项目中遇到一个需要——要求获取当前日期以及后十天的所有日期和它们分别对应星期几。由于是第一次进行实战,第一想到的就是Date这个方法,在网上浏览上发现了moment.js这一日期处理方法。它封装了许多api,可以设置时差,获取指定间隔的时间等等一系列功能。那么我们来看看它的官方文档moment.js如何介绍的moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,...原创 2018-11-29 09:35:50 · 2211 阅读 · 0 评论 -
JS语言图谱
这几张图片是我在网上搜集到都,起初过于轻视js基础,殊不知,万变不离其宗,基础最重要,希望我们共勉,努力攻克它~原创 2018-11-13 13:31:21 · 382 阅读 · 0 评论 -
什么是BFC,及它的作用
一、什么是BFCBFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 在进行盒子元素布局的时候,BFC提供了一个环境,在这个环境中按照一定规则进行布局不...原创 2018-08-09 12:03:32 · 1261 阅读 · 0 评论 -
JS prototype 属性详解
1.构造函数的简单介绍 所谓构造函数,就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数,可以生成多个对象,每个对象都有相同的结构。总的来说,构造函数就是对象的模板,对象就是构造函数的实例。 构造函数的特点有: a:构造函数的函数名首字母必须大写。 b:内部使用this对象,来指向将要生成的对象实例。 c:使用new操作符来调用构造函数,...原创 2018-08-09 15:04:05 · 341 阅读 · 1 评论 -
瀑布流,利用JavaScript中的Dom操作,循环插入图片实现
<h1 class="pubu_head">水平瀑布流</h1> <div class="pubu_box"> var box = document.querySelector('.pubu_box'); //存储页面用的box对象 var oDiv = document.getElementsByCl...原创 2018-08-14 21:52:12 · 1826 阅读 · 0 评论 -
用js如何输出一个对象的所有属性值(迭代/枚举)
做过js的人都知道,变量就var,一般我们是看不出来这个var有什么属性,要想知道它的各种属性有什么,方法如下: function ds(demo) { var str = ""; for (var i in demo.data) { str += i + " = " + demo.data[i]...原创 2018-08-07 22:24:46 · 24449 阅读 · 0 评论 -
css-定位(position)
CSS 定位 (Position)—————–**CSS 定位 (Positioning) 属性允许你对元素进行定位。**CSS 定位和浮动———CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,...原创 2018-08-16 13:28:27 · 289 阅读 · 0 评论 -
css-利用transform使悬浮图片移动
正在仿写阴阳师的官网首页,发现它涉及到了这个功能,所以记录一下这是W3C中的一个例子,实际运用起来,千变万化。 旋转 div 元素:div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-...原创 2018-08-16 22:19:49 · 2892 阅读 · 0 评论 -
jQuery - remove() 方法
这是我在面试中遇到的一个问题,知识点不难,希望我们共勉~移除所有 <p> 元素:$("button").click(function(){ $("p").remove();});定义和用法remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保...原创 2018-08-17 07:11:47 · 2325 阅读 · 0 评论 -
前端-$ is not define的问题
今天写静态网页时,想加个以前写的轮播图,发现提示我/$ is not defined,我是左看右看都没有发现代码错误的问题,于是果断问了下度娘,发现解决这种问题的办法有很多,总有一款适合你~通常出现这种状况有几种解决方法:1:查看是否引入jquery文件就算引入了文件了是不是通过一些整站下载器之类的软件下载的,都会出现问题,建议用迅雷到官方下载即可。2:查询路径是否错...原创 2018-09-09 17:56:35 · 2665 阅读 · 0 评论 -
前端学习路线
学了四个月前端,东看一点,西看一点,进步不大,现在就是苦练基本功的时候了。在网上看了下比较全的学习路线,不一定适合所有人,但是大方向上是这样的哦~第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点...原创 2018-09-12 23:16:10 · 785 阅读 · 0 评论 -
gitbub遇见的问题
此篇博客会随时更新,记录操作git是遇到的问题Administrator@PC-20150110FGWU /K/cocos2d/yc (master)$ git push -u origin masterTo git@github.com:yangchao0718/cocos2d.git! [rejected] master -> master (non-fast-forwar...原创 2018-09-13 11:28:53 · 342 阅读 · 0 评论