![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Bee大前端
更好的生活需要你更多的知识来铺垫!
展开
-
JS常见面试题(基础牢不牢靠系列)(一)
1、JS中使用typeof能得到哪些类型?typeof undefined //undefinedtypeof 'abc' //stringtypeof 123 //numbertypeof true //booleantypeof {} //objecttypeof [] //object typeof null //objecttypeof console.log //functiontypeof 可以得到 undefined、string、number、boolean、object原创 2020-08-24 15:20:26 · 316 阅读 · 0 评论 -
历时两天,找遍全网,整理出了这份史上绝无仅有的最全学习资料清单
原文地址转载 2020-08-18 15:12:43 · 2380 阅读 · 0 评论 -
公众号运营的小伙伴们看过来啦!
程序员是一个不停学习的过程,书是我们必不可少的系统获取知识的最佳途径。花了两天时间,找遍全网,整理了这份史上绝无仅有的大礼包书籍。先看一下目录:放出部分截图没有任何套路,不需要加私人微信,不需要加入各种乱七八糟的群。需要的同学只需要后台回复“大礼包”三个字即可。...原创 2020-08-18 11:42:05 · 205 阅读 · 0 评论 -
超简单修改富文本字体样式
最近一直使用React 做项目,之前有个简单的需求:新闻详情页面,设置大、中、小三种字体,可以动态调整。我一听很简单啊,动态设置新闻详情 的容器div的样式就好了。大概是这样的…//三种字体类型来回切换changeFontSize(type){ switch (type) { case 0: return 1; case 1: return -1; case -1: re原创 2020-07-17 16:14:46 · 4131 阅读 · 0 评论 -
选择图片上传之后,图片旋转问题解决方案(前端)
图片上传之后,显示为什么会是旋转的呢?这就要说到图片的 exif简单来说,Exif 信息就是由数码相机在拍摄过程中采集一系列的信息,然后把信息放置在我们熟知的 JPEG/TIFF 文件的头部,也就是说 Exif信息是镶嵌在 JPEG/TIFF 图像文件格式内的一组拍摄参数,它就好像是相机的日期打印功能一样,只不过 Exif信息所记录的资讯更为详尽和完备。Exif 所记录的元数据信息非常丰富,主要包含了以下几类信息:而我们的图片会旋转就是这里面的Oriention在捣鬼,那么我们该如何利用它呢?很简原创 2020-07-14 16:07:55 · 4169 阅读 · 1 评论 -
iOS 多target 配置不同的图标和启动图
之前做过Android的gradle配置多渠道打包,可以给予安装包不同的包名、不同的数据请求地址,不同的图标和启动图。最近有个需求,需要配置iOS的不同的请求地址、桌面图标、启动图,所以研究一下,记录一下。研究了一下资料,貌似最简单的方式莫过于多target方式了。具体一般有以下两种应用应用方式1:App配置不同的请求地址、桌面图标、启动图等。应用方式2:同一个应用的不同客户端,例如打车软件的普通用户端,司机端。这里面就会有很多可以公用的代码,那么也可以使用多target方式。下面我们介绍原创 2020-06-24 12:35:35 · 938 阅读 · 0 评论 -
React 滚动条应用实例
1、恢复页面状态我们知道 React 不提供状态恢复,即返回上一个页面的时候,页面会从0开始,获取数据、渲染,一般为了提升用户体验,我们需要做一下状态恢复,这里面不仅仅包含页面数据,还包含页面滚动的位置,这个时候就需要知道,滚动条距离顶部的距离?如何获取呢?//页面即将销毁的时候 合适的位置调用 保存滚动距离let scrollTop = document.querySelector("#滚动条所在的元素id").scrollTop;scrollTop 就是滚动的距离。我们只需要在页面即将销毁原创 2020-06-20 11:12:17 · 1521 阅读 · 0 评论 -
1px等于多长?
最近以来一直做前端比较多,但是真问起来,1px 等于多长 ?我还真是有点懵逼。1px 等于一个css 像素长度。一个css像素长度 是怎么计算的呢?我们知道 屏幕上的图像是像素点组成的,那么1px是不是就是等于一个像素点呢?我们知道iphone 6 屏幕尺寸是 375 x667 ,分辨率是 750x1334 。如果我们想让iphone6一个页面占满屏幕,我们会怎么做呢?我们会设置 div的宽高分别为 375px 和 667px ,这个可以证明,1px是按照设备的屏幕尺寸(逻辑尺寸)来计算的。分原创 2020-06-16 10:08:39 · 6969 阅读 · 0 评论 -
一行代码搞定,前端全局修改自定义字体极速体验
最近客户要求H5端使用Helvetica字体,由于对自定义字体之前不是很了解。于是度娘了一下,发现Helvetica字体并不是随随便便就能使用的,如果系统本身就是使用的Helvetica 字体,那么font-family指定Helvetica 即可。如果没有的话就要想办法把Helvetica 字体库文件导入到项目中来。我们一般定义字体,是这样的:body { font-family...原创 2019-11-01 19:17:40 · 3163 阅读 · 0 评论 -
React计算文本的高度和宽度
使用场景:项目中需要计算文本的高度,如果超过两行,就折叠文本,显示展示全部按钮使用span元素来计算,比较准确 //计算好准确的高度和宽度 textSize(fontSize, text) { let span = document.createElement("span"); let result = {}; result.wid...原创 2019-08-25 17:46:10 · 4125 阅读 · 0 评论 -
React H5 使用div自定义简单富文本编辑器
最近项目中h5端要实现图文上传,而且还要支持用户用户输入的格式,例如换行啥的,那么使用输入控件保存输入内容,图片上传控件就不合适了,因为很难知道用户的输入样式。如果使用一些现有的富文本编辑器,貌似又不是很划算,所以综合考虑使用div来自己实现一个就是比较理想的方案了。先来考虑一下,如果使用div来实现简单的富文本编辑器,需要解决哪些问题?首先,div默认是不可编辑的,需要设置它可以编辑,这个...原创 2019-08-23 21:10:57 · 2092 阅读 · 0 评论 -
css布局基础知识
看到不错,做个笔记 1、基础知识 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、原创 2016-07-01 11:23:46 · 601 阅读 · 0 评论