很多前端大佬说，要做好前端的话html和css基础必须夯实。那么，达到什么水平才能叫基础夯实呢?1、拿到设计人员给的图，不管是pc或者是移动端的图，看一遍之后脑海中已经有了很明确的结构和页面书写过程中可能出现的兼容问题。 2、页面在书写的时 ...

在网页里经常遇到这样的情况，滑动页面至某一个元素处，元素一直固定在顶部或底部，当页面滑到元素原有位置上方时，元素恢复原有位置。例如京东秒杀的活动时间，还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子，效果示例如下： ...

现象 鼠标滑过列表发出请求，在页面上显示请求结果。鼠标一次性滑过多个列表项，发出多个请求，请求返回结果有时间查导致页面显示出现闪烁。 影响 页面显示闪烁，视觉显示不好看，交互不友好 解决方法 取消之前的请求响应 在ajax请求未响应之前可 ...

image FWidget 用心提供精致的组件，助您构建精美的应用。 说到 居家旅行，bibibibi 的必备单品，相信开发者们总能在脑子 ? 中从自己过去积累的知识库中蹦出那么几个心仪的单品。 image 然而，就在今天，我们试图向开发 ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

网络身份的验证的场景非常普遍，比如用户登陆后才有权限访问某些页面或接口。而HTTP通信是无状态的，无法记录用户的登陆状态，那么，如何做身份验证呢？ 下面，会从浅入深，陆续介绍几种常用的认证方式和相关概念。文章较长，请耐心阅读。 1. 鉴权与 ...

需求分析 用户上传 json 文件，客户端进行处理解析后，返回进行下载 技术选型 基于本身的项目采用了 vue + elementUI 的前端框架开发，使用 FileReader 和 file-saver 进行数据的读取和写入 具体实现 1 ...

上传图片是日常项目中经常遇到的功能，需要使用到wx.chooseImage(Object object)函数。 参数说明如下： 实现思路： 先调用小程序打开相机或从相册选图接口wx.chooseImage(Object object)，然后 ...