- 博客(12)
- 收藏
- 关注
RSS订阅原创 仿照美团实现联动分类效果
最近接到一个新的需求要求仿照美团实现一个分类页面，主要是有这么几个要求： 1. 左右滑动联动； 2. 标题吸顶； 3. 左边选中能居住显示（在标题多的情况下）； 4. 选中标题之后，后边能将对应内容显示在可视区域内；左右滑动联动要做到左右滑动联动，首先就要做到我当前滑动的块是属于哪一个标题下的，所以这时候就需要计算每个标题下，对应内容的区域能有多高，以及他们在列表中的位置是多少；然后我们根据scrollTop计算当前滑动到哪一个标题的区域，然后把当前...
2020-08-21 16:36:36
724
原创 html2Canvas填坑史
需求：将html转成图片并保存下来问题：不能画圆角；图片模糊；图片跨域；图片显示不出来；不能使用省略号；图片生成偶尔失败；如何将图片转成文件流，上传接下来，我一个个阐述一下如何解决这些问题问题1：主要是使用overflow:hidden,在外边框...
2020-06-12 17:14:50
1566
1
原创 删除JS中对象的某个属性
要删除对象中的某个属性只要简单的一个方法就行, 使用delete 就可以删除对象中的某个属性了，如下：注意会改变原对象但不能删除这个对象
2020-01-03 11:59:31
1538
原创 关于px，em,和rem的理解
如何区分px,em,rempx在平常的用法中，相信大家更习惯用px来做单位，比如font-size:15px;height:200px;width:200px;所以对于px,我们都很熟悉。px的单位名称是像素，是一个固定的长度单位，不随着其他元素的变化而变化；所以，我想要重点说的是em 和rem;emem是相对单位长度，是用来设置字体大小尺寸的，它是相对于父级元素的单位，会随着父...
2020-01-02 16:32:12
267
原创 用html还原word文档
用html还原word文档最为前端还原设计稿是再平常不过的事了，但是要还原word文档确存在几个问题：1. 不能直接测量字体大小，间距等样式；2. css用的单位一般都是px(像素)，但是word文档不是，一般都是mm（毫米）；所以这里就需要换算单位；1. 字体，字号在word字号用磅做单位，一磅 = 0.353mm;这里有一个word字号和磅值的对应表；如下：2. 图片在word...
2019-09-26 14:50:43
626
原创 解决：ios下input的placeholder不垂直居中显示的问题
在ios 下input的placeholder没有垂直显示的原因是因为你使用了line-height这个属性，只要把line-height设置为normal 就可以，若还是有点偏上，可以手动用padding 来调一下,如下：input::-webkit-input-placeholder{ padding-top: 2px; line-height...
2019-06-26 17:10:47
5705
1
转载 -bash:react-native command not found的解决方案
今天要运行react-native link 命令的时候，突然提示-bash:react-native command not found然后赶紧上网一顿搜，才明白是因为我前段时间把对node的管理换成nvm来做了，发现这个nvm 确实比homebrew要好管理多，不但体积小，而且便于切换不同版本的node,非常好用，至于如何安装，使用，请自行google.解决问题：配置react-na...
2019-06-26 15:42:44
7784
原创 react实现tab吸顶效果，切换tab防抖动，防回弹
tab吸顶效果的原理：改变tab的布局，当tab还在下面的时候，是正常的布局，当tab滑到顶部的时候，把tab改为绝对定位或者fixed定位来做，那如何知道tab是否滑到顶部，就要用scrollTop来计算，在这里可以在滚动的区域加上一个onScroll事件来监听页面滚到哪里了，这里有个地方要注意就是要在页面加上一个overflow:scroll属性才可以让页面滚动，才可以使onScroll事件生...
2019-06-13 09:20:50
4427
原创 点击空白地方关闭弹窗
<div id="mask"> <div id="content"> <button id="btn"> 点我关闭 </button&gt
2018-11-21 14:58:02
2254
1
原创 跳转问题
之前遇到关于window.location.href的不能跳转问题。 问题描述：第一次从A页面跳到B页面，用window.location,href正常，然后从B页面回到A页面也用window.location.href也正常；第二次从A页面再跳到B页面，用window.location,href也正常，然后从B页面回到A页面也用window.location.href就不行了，页面就一直停留在...
2018-05-10 17:44:01
383
原创 浏览器渲染页面原理和过程（简略版）
这两天一直在看浏览器渲染页面的原理和过程，看完以后在这里做个小结。 浏览器渲染页面可以分为五个步骤： 1.DNS解析 2.TCP建立连接 3.HTTP发起请求和响应 4.服务器响应 5.客户端渲染页面 先来说第一点：DNS解析就是DNS进行域名解析，然后查找IP地址,最终找到主机，也就是找到了服务器； 第二点：TCP建立连接，我们通常所知道的三次握手就是发生在这个阶段； 第三点：...
2018-05-08 14:05:15
342
原创 项目实战：webpack的搭建
webpack是一个模块的打包工具，这里有他的官方文档，打包工具需要的条件：一个输入的文件和输出文件，搭建一个基础的webpack让其能运行起来只要一个entry和output即可var path = require('path');var webpack = require('webpack');module.exports = { entry:'./app/
2017-12-21 15:26:49
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人