前端笔记
guoyangyang@666
越努力越幸运
展开
-
初中级前端 JavaScript 自测清单
初中级前端 JavaScript 自测清单-2原创 2020-08-04 18:46:01 · 271 阅读 · 0 评论 -
react知识点梳理
整理了一下react常用知识点,相关文件上传到了github上,有需要可以自行下载去下载原创 2020-01-02 17:42:37 · 328 阅读 · 0 评论 -
vue面试知识点
看到几个知识点整理全面的文章,安排上:https://www.jianshu.com/p/2ed9f54a3ff2https://www.jianshu.com/p/8a06d9507fafhttps://blog.csdn.net/tangxiujiang/article/details/88717923原创 2019-12-01 21:06:39 · 300 阅读 · 0 评论 -
_.isEmpty是什么写法?
跟jquery.js一样,使用$import $ from "jquery";underscore.js,使用_import _ from "underscore";underscore库:http://www.css88.com/doc/underscore/原创 2019-11-28 16:53:26 · 1101 阅读 · 0 评论 -
下载base64码
功能描述:服务将一串base64码传到前端,用户点击下载就可以将该base64码解码。实现方法:1、将base64码转成二进制流,2、下载附全部代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</...原创 2019-09-27 10:00:47 · 25804 阅读 · 0 评论 -
js实现将网页下载为pdf
前端有时会有实现将局部网页转成pdf并且下载到本地的需求,以下实现过程仅限简单的操作:1、引入jspdf相关的插件<script src="https://cdn.jsdelivr.net/bluebird/latest/bluebird.js"></script><script src="https://cdnjs.cloudflare.com/ajax...原创 2019-09-26 15:31:04 · 4762 阅读 · 1 评论 -
fixed实现div居中
前端开发中,有时候既要实现一个div fixed固定定位,又要实现该div居中且div里的内容居中,实现方法如下:在div的css为:.fixed-c { height: 80px; width: 90%; position: fixed; margin: auto; ...原创 2019-09-26 11:59:39 · 4298 阅读 · 0 评论 -
子级div设置margin属性影响父级位置
前端开发中,有时候会遇到设置子级div的margin属性后,导致整个父级div整体移动,有时候却是正常的,时而正常时而有异常。一、问题描述:1、css未设置margin属性时,效果图如下:没有margin设置2、css设置 margin-top:50px 属性时,预期效果图如下:预期效果图3、css设置 margin-top:50px 属性时,实际效果图如下:...原创 2019-09-24 17:46:38 · 1520 阅读 · 0 评论 -
js将阿拉伯数字转换成汉字大写
直接贴代码,如下://阿拉伯数字转换成大写汉字function numberParseChina(money){//汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟...原创 2018-11-26 10:14:34 · 8316 阅读 · 0 评论 -
CSS3伪类选择--目标伪类选择器
目标伪类选择器:E:target,选择匹配E的所有元素,并且匹配元素被相关URL指向。 目标伪类选择器是动态选择器,只有存在URL指向该匹配元素时,样式效果才会生效。例子:纯CSS3实现手风琴效果效果展示:初始页面:点击之后的页面:点击之后的页面:HTML代码:原创 2017-06-02 13:18:16 · 5687 阅读 · 0 评论 -
css3伪类选择器--动态伪类选择器
动态伪类并不存在于html中,只有当用户和网站交互的时候才会体现出来。动态伪类包含两种,一种是在链接中常看到的锚点伪类,一种是用户行为伪类。链接伪类选择器:E:link(未被访问过) 和 E:visited(已被访问过),用户行为伪类选择器:E:active(点击时)、E:hover(鼠标滑过时)、E:focus(元素获得焦点时)例子:美化按钮页面展示效果如下:原创 2017-06-02 11:13:31 · 3865 阅读 · 0 评论 -
css3选择器--层次选择器
层次选择器:通过html的dom元素间的层次关系获取元素,主要层次关系有 后代、父子、相邻兄弟和通用兄弟。1. 后代选择器: E F, 作用的是选择元素的后代元素。包括子元素、孙辈元素等。(常用)div div{ color:red;}2.子选择器: E > F,作用的是某元素的所有子元素,不能包括孙辈元素(常用)body > div{ color:red;原创 2017-06-01 16:29:37 · 9472 阅读 · 0 评论 -
ant图标本地化
在做react开发时,打包之后可能会出现页面里的小图标不对的情况,修改做法如下:一、先下载 iconfont 字体的方法: 1.访问阿里巴巴适量图标库网址进行下载,http://www.iconfont.cn/ 2.选择“图标库---所有图标”: 3.可以直接搜索想要的图标,如下图: 二、把react项目打包,并把下载的矢量图字体放到iconfont文件夹下,目录如下:原创 2017-04-21 14:08:50 · 6280 阅读 · 0 评论 -
css3选择器--基本选择器
基本选择器:是css中使用最频繁、最基础的。1.通配选择器:*,用来选择所有的元素。*{ padding:0; margin:0, }2.元素选择器:文档的元素包括html,body,p,div,ul,li等元素。p{ color:red;}body{ color:red;}3.ID选择器:具有唯一性,一个页面只能有一原创 2017-06-01 15:36:22 · 308 阅读 · 0 评论 -
css3选择器--分类(一)
CSS3的分类四大类,共十种。四大类:基本选择器、层次选择器、伪类选择器、伪元素、属性选择器。 其中伪类选择器包括六大类:动态伪类选择器、目标伪类选择器、语言伪类选择器、UI元素状态伪类选择器、结构伪类选择器、否定伪类选择器。原创 2017-06-01 15:35:10 · 494 阅读 · 0 评论 -
position:fixed失效
position:fixed可以使某个标签内容固定在页面的某个位置,不随浏览器滚动条而滚动,使用方法为:position:fixed;top:0;left:0;bottom:0;right:0;但父级元素的属性有transform时,position:fixed的作用就失效了。所以尽量使用position:absolute代替position:fixed的作用。具体怎么用稍后更原创 2017-03-30 21:47:52 · 1654 阅读 · 0 评论