自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

万少博-FE

记录学习,积累经验

原创 我的博客地图

最新更新时间:2018年01月27日11:52:57前言 由于自己写的文章越来越多,查看和查找具体内容变得格外耗时,因此建立此博客目录系统,提高我对自己文章的管理能力,以及方便查看和查找具体内容。规定:每一篇文章都有序号、标题、简介和类别 JavaScript基础

2018-01-27 12:04:59 2200 0

原创 JavaScript Date对象详解和实例

*最新更新时间:2020年05月28日13:59:00 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:Date对象,用于处理日期和时间 创建Date对象 var date = new Date(); var date = new Date(milliseconds); var d...

2020-05-28 14:29:20 17 0

原创 在swiper页面实现指定区域内容横向滚动的方案

最新更新时间:2020年05月27日16:31:43 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:页面部分内容横向滚动 固定宽高区域中图片横向滚动 需要面临的几个问题: 可滚动区域的内容,滚动的时候swiper页面禁止左右滑动,dom元素需要添加swiper-no-swi...

2020-05-27 16:44:22 64 0

原创 使用CSS和JS做移动端样式兼容性适配的方案

最新更新时间:2020年05月27日15:26:14 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:移动端不同机型、不同设备的样式兼容性方案汇总 机型 屏幕宽高,物理尺寸 屏幕分辨率,物理尺寸上的像素点个数,单位px,window.innerHeight 和 window.in...

2020-05-27 15:56:41 24 0

原创 阻止事件执行的三种方法(preventDefault、stopImmediatePropagation、stopPropagation)横向对比
原力计划

最新更新时间:2020年05月27日10:57:02 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:Event对象的一些知识点,事件注册、事件对象、阻止事件 概述 Event 接口表示在 DOM 中发生的任何事件; 一些是用户生成的(例如鼠标或键盘事件),而其他由 API 生成...

2020-05-27 13:19:33 93 0

原创 固定宽度容器中实现文本超过三行显示...的布局

最新更新时间:2020年05月09日16:23:26 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:在固定宽度容器内,文本以预设的固定行数显示,如果超过设定的行数,以…结尾显示 效果如下 布局和样式 <div className={styles.box}> <...

2020-05-09 17:16:02 40 0

原创 小程序中监听webview页面点击返回按钮

最新更新时间:2020年04月14日15:04:24 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:小程序退出webview组件之前,在H5页面中进行部分业务逻辑开发 概述 问题描述 小程序中使用webview组件,加载了一个H5的URL链接,web项目采用react架构,...

2020-04-14 16:00:31 355 0

原创 Canvas学习记录之drawImage

最新更新时间:2020年03月16日01:06:23 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 概述 本文内容:本文介绍基于drawImage()绘制图片的一些基本用法,基本图片、固定坐标图片、图片裁剪、图片宽高比压缩、圆角图片、圆形头像图片 drawImage(image, x, ...

2020-03-16 01:06:46 54 0

原创 Canvas学习记录之fillText

最新更新时间:2020年03月14日16:20:22 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 概述 本文内容:本文介绍基于fillText()绘制文本的一些基本用法,基本文本(字号、色值、字体)、填充文本、描边文本、自动换行文本、左对齐、右对齐、水平居中、垂直居中、在水平方向基于x轴某...

2020-03-14 16:27:26 64 0

原创 Canvas学习记录之rect
原力计划

最新更新时间:2020年03月14日14:29:22 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:本文介绍基于rect()绘制矩形路径的一些基本用法,矩形、正方形、圆角矩形、线性渐变矩形、辐射渐变圆形 rect 绘制一个矩形,四个入参依次为:起始点x轴坐标 (起始点为矩形左...

2020-03-14 14:29:51 178 0

原创 Canvas学习记录之arc

最新更新时间:2020年03月14日00:58:55 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:本文介绍基于arc()绘制圆弧路径的一些基本用法,圆弧、圆形、环形、球形、扇形、饼状图 创建二维渲染上下文 var canvas = document.getElementById...

2020-03-14 01:08:16 36 0

原创 git学习总结之fsck、reflog、恢复已删除分支

最新更新时间:2020年03月12日12:09:55 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:git常用命令 fsck git fsck fill system check 文件系统检查,用来对本地和远程仓库的一致性检查,dangling objects悬空对象 在悬...

2020-03-12 13:03:33 62 0

原创 在移动端用canvas技术实现一个画板的工程实例
原力计划

最新更新时间:2020年03月11日22:07:14 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:在研发C端教育类产品的时候,会遇到在作答题目的时候需要验算或者做草稿,因此诞生了一个草稿本或者小黑板的功能模块,本文统称为画板。本文基于canvas技术,深入讨论实现一个画板功能的原...

2020-03-11 23:22:56 56 0

原创 研发C端产品我遇到的线上事故

最新更新时间:2020年03月03日23:44:03 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 概述 文章主题背景:从业前端开发至今(2016-2020)已有4年时间,有幸在新东方团队参与了用户量过百万的C端产品,经历了从0到1的研发过程,期间参与了技术架构设计、第一次上线面向用户、技术...

2020-03-07 20:08:16 44 0

原创 使用腾讯云COS上传图片实例

最新更新时间:2020年03月05日10:53:05 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:在微信小程序中接入腾讯云的COS服务,上传图片至腾讯云的实际应用方案 概述 对象存储(Cloud Object Storage,COS)是腾讯云提供的一种存储海量文件的分布式存储...

2020-03-05 11:26:59 69 0

原创 在微信小程序中实现拍摄图片、压缩、预览、裁剪、上传的实现方案
原力计划

最新更新时间:2019年2月1日14:18:12 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:小程序拍照上传 概述 引入第三方库:wx-plugin/image-cropper 拍照界面 <view class="container"> ...

2020-02-25 17:47:19 573 0

原创 用DOM结构模拟生成二叉树并用JavaScript实现遍历算法

最新更新时间:2020年01月07日17:59:43 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:二叉树 概述 二叉树,每个结点最多有两个子树的树结构。二叉树的遍历分为:DLR先序遍历,LDR 中序遍历,LRD 后序遍历 二叉树的形状和遍历图文 用DOM模拟上图中的二叉树...

2020-01-07 18:23:49 66 0

原创 微信小程序“页面内发起转发”开发问题汇总

最新更新时间:2019年12月25日22:34:21 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:微信小程序通过转发,将小程序以消息卡片的形式发送给好友,好友点击聊天记录中的消息卡片,可以进入这个小程序。 转发 转发,是指小程序界面右上角三个点调起底部弹框选择器,其中有一个转...

2019-12-25 23:00:04 213 0

原创 在微信小程序中用Canvas绘制定制的图样并生成图片保存到手机相册的工程方案

最新更新时间:2019年11月17日15:59:16 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:在微信小程序中用Canvas绘制定制的图样并生成图片保存到手机相册的工程方案 概述 在常规的web站点中,用canvas生成图片,有现成的插件,在小程序中没有成熟的插件,本文采用...

2019-11-17 16:36:24 120 2

原创 微信小程序原生页面和webview页面双向通信问题汇总

最新更新时间:2019年11月01日13:42:34 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 微信小程序开发过程中遇到的种种问题,归纳总结 概述 随着微信生态的不断发展,微信小程序的地位变的重要,几乎所有APP都会做小程序端的应用,虽然在开发过程中,开发成本比常规的网站类型的项目小...

2019-11-01 14:40:29 942 0

原创 在react的移动端项目中实现手机拍摄图片、压缩、预览、裁剪、上传的实现方案

最新更新时间:2019年10月31日15:33:32 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:在移动端实现图片拍摄、压缩、预览、裁剪、上传的五大功能,看起来是一套很复杂的业务逻辑组合,实际上每个模块可以单独开发,细分并拆分业务模块是常见复杂业务形态开发的基本方案。 概述 ...

2019-10-31 17:50:45 888 1

原创 颜色随机生成拾取器

最新更新时间:2019年10月25日16:35:21 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:生成随机颜色,效果见文末。 概述 生成随机颜色,并提取色值 import React from 'react' import * as styles fr...

2019-10-25 16:41:40 60 0

原创 实现贴边悬浮可拖动的交互效果

最新更新时间:2019年10月15日09:51:32 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:一般情况下,在应用的首页,会有一个贴边的、悬浮的、可拖动的按钮,用来快速进入具体的某个页面,或者用来调起客服,或者其他信息。 概述 本文使用 react 框架,采用组件化方案实现...

2019-10-15 10:29:48 139 0

原创 移动端开发兼容性问题汇总

最新更新时间:2019年09月07日13:27:20 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:移动端开发兼容性问题 概述 在进行移动端开发过程中,会遇到各种问题,大概分为:iOS端兼容性问题、Android端兼容性问题、移动端通用的兼容性问题 input元素获取焦点阻止...

2019-09-07 14:35:25 158 0

原创 顶部(左侧)元素固定高度(宽度),内容(下方/右侧)元素撑满剩余高度(宽度)

最新更新时间:2019年08月12日10:42:15 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:css布局相关知识 顶部元素固定高度,下方内容元素撑满剩余高度 dom结构如下 <body> <div id="parent"> ...

2019-08-12 11:03:00 145 2

原创 git学习总结之tag、stash、回滚、撤销

《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:git 不常用的相关命令:tag 概述 在日常开发过程中,使用git工具使用工具为了提高开发效率,实施项目版本管理。 tag 介绍 tag命令,给某一个commit做一个标记,tagName和commitID一一对应,因为c...

2019-08-02 14:24:14 126 0

原创 HTML5高阶实例之canvas绘制圆弧

最新更新时间:2019年2月1日14:18:12 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:canvas 绘制圆弧 绘制任意角度的纯色圆弧 模板骨架 <!DOCTYPE html> <html lang="en"> <he...

2019-07-14 19:17:42 98 0

原创 通过exif信息校正手机拍摄图片的旋转问题

最新更新时间:2019年07月03日11:24:00 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:exif信息、获取图片角度信息、orientation的值和拍摄方向对照表、图片的方向校正 exif Exif 信息,由数码相机在拍摄过程中采集一系列的信息,然后把信息放置在我们...

2019-07-03 11:51:25 1235 0

原创 前端开发之移动端强制横屏示例

*最新更新时间:2019年06月21日13:37:53 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:移动端强制横屏显示 概述 运行示例代码即可查看效果 <!DOCTYPE html> <html lang="en"> <he...

2019-06-21 13:40:16 713 0

原创 前后端分离之用户登录状态管理和校验

最新更新时间:2019年06月10日17:23:05 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:前后端开发分离,如何实现用户登录状态监控和校验,要解决的几个问题: A用户登录A机器成功,此时A用户登录B机器,A机器的A用户登录状态需要下线,即保证一个用户只能同时在线一台机器;...

2019-06-10 18:42:31 5632 0

原创 React学习总结

最新更新时间:2019年06月08日11:53:05 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:主要记录作者在使用react的过程中,学习到的新的知识点和难点。 props 父子组件通信过程中,父组件可以给子组件传递属性、方法和组件。 //这是一个父组件 parent.j...

2019-06-08 12:36:06 191 0

原创 fetch请求详解

最新更新时间:2019年06月04日16:18:30 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:fetch相关 概述 Fetch API 提供了一个获取资源的接口(包括跨域请求),Fetch 是对 HTTP 接口的抽象,包括 Request,Response,Headers...

2019-06-04 17:41:50 1472 0

原创 原生HTML标签和JavaScript语言实现文件(图片、文档、视频)上传

*最新更新时间:2019年05月25日20:20:34 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:input标签实现文件上传,FormData对象实现文件上传 实现代码 //以图片为例,实现单文件上传 .courseSaleInfoUpload{ width:50px; ...

2019-05-25 20:45:03 339 0

原创 BUG总结

最新更新时间:2019年05月21日17:51:48 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:日常bug汇总 概述 在我的工作经历中,作为一名基层开发工程师,开发业务过程中,会遇到大大小大的问题,这里主要记录耗时较长的问题 react异步dom问题 问题时间:2019...

2019-05-21 18:16:00 213 0

原创 css实现缕空遮罩层

最新更新时间:2019年05月13日13:41:01 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:页面镂空遮罩层、页面镂空遮罩引导层、图片镂空遮罩 常规遮罩层 <!DOCTYPE html> <html lang="en"> <...

2019-05-13 14:18:09 1127 0

原创 前端监控系统

最新更新时间:2019年05月08日18:03:19 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:资源加载出错,运行时出错 概述 在开发项目的过程中,正式环境出现了浏览器crash,这种情况在开发过程中无法复现,是一个需要长期追踪的问题,因此项目中引入了前端监控系统。 资源...

2019-05-08 18:34:41 2427 3

原创 定时器相关

最新更新时间:2019年04月26日11:07:41 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:关于定时器的相关使用场景 前端定时任务 //2019年4月1日凌晨之后不显示某些UI //new Date('2019-04-04T16:00:00.000Z'...

2019-04-26 11:43:40 107 0

原创 前端内存泄漏

最新更新时间:2019年04月26日10:13:49 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:关于内存泄漏问题,产生的原因、发生内存泄漏的特征或者表象、如何捕获或者监听是否发生内存泄漏、如何防范和解决内存泄漏问题。 概述 代码发生内存泄漏的问题,一般的应用中很难遇到,因此...

2019-04-26 10:42:12 971 0

原创 H5-移动端相机拍照(读取本地相册)(PC端读取本地相册)、压缩、预览、裁剪、上传功能开发汇总

最新更新时间:2019年04月21日17:56:04 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容:开发过程中遇到的相关问题总结 H5端相机拍照原理 设置input标签的属性如下,capture为空会让用户选择本地文件或者拍照,onChange事件直接将图片文件转换为base6...

2019-04-21 17:59:57 277 0

原创 微信小程序开发总结-管理和发布篇

最新更新时间:2019年03月20日09:44:04 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容: 生成小程序码 微信公众平台-小程序-工具-生成小程序码,如下图 小程序码及线下物料下载 微信公众平台-设置-基本设置-小程序码及线下物料下载 将项目从“个人账号”绑定...

2019-03-20 10:07:39 132 0

提示
确定要删除当前文章?
取消 删除