自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 移动端适配方案flexible.js

移动端适配方案flexible.js可本地建立flexible.js文件,内容如下:(function(win, document) { var documentEl = document.documentElement; var maxwidth = 540; var dpr = devicePixelRatio === 4 ? 1 : devicePixelRatio; var tid = null; documentEl.dataset.dpr = dpr;

2021-02-24 11:38:45 28

原创 VConsole的使用和环境区分展示

1.使用cdn方式引入这里(https://www.bootcdn.cn/vConsole/)列举了所有版本的js地址,可以随意选择一个版本复制引入,在public的index.html文件中的标签里加入初始化代码(在head中引入,可将所有的console都打印出来)。如下:<script src="https://cdnjs.cloudflare.com/ajax/libs/vConsole/3.3.4/vconsole.min.js" crossorigin="anonymous">

2021-02-05 19:54:05 86

原创 JavaScript红皮书学习笔记

JavaScript红皮书学习笔记1.什么是javaScriptJavaScript 历史回顾JavaScript 是什么(实现)​ JavaScript 是一门用来与网页交互的脚本语言,包含以下三个组成部分。​ ECMAScript:由 ECMA-262 定义并提供核心功能。​ 文档对象模型(DOM):提供与网页内容交互的方法和接口。​ 浏览器对象模型(BOM):提供与浏览器交互的方法和接口。JavaScript 与 ECMAScript

2021-01-12 16:22:33 79

原创 h5判断被打开的常用客户端来源(支付宝/微信等)

h5通常是由各个客户端或者浏览器打开,但有时候要根据不同客户端展示不同内容,这个时候就需要h5知道是由哪个来源的客户端打开了自己1.客户端的参数通常写在navigator的userAgent参数中,这样前端就可以通过获取这个参数了解客户端的信息了const ua = navigator.userAgent.toLowerCase();2.然后通过获取到的ua参数与你的白名单参数做匹配,利用正则及test或match方法来比对// 微信环境export const isWx = /MicroMes

2021-01-04 15:46:03 173

原创 自定义金额input输入框后加单位及input输入框限制处理

在开发V钻充值模块时,遇到自定义充值模块–自定义金额输入框,发现这块内容的要求较多较复杂,在踩过很多坑后,特此分享经验给大家:要求一:点击后出现光标及单位名称,数字键盘从下而上弹出,去支付按钮随之上移。输入数字后,去支付按钮人民币数额同步变化为相应数字;1.通过input输入框可实现点击后出现光标,且数字键盘从下而上弹起,去支付按钮随之上移(此处为css实现,不多概述),需要注意的是,input里的value初始值为“自定义面额”2.点击后出现单位名称“V钻”我们不能在点击自定义面额按钮后,将i

2020-12-30 17:59:52 133

原创 Babel 学习笔记

1.Babel是一个工具集,主要用于将ES6版本的JavaScript代码转为ES5等向后兼容的JS代码,从而可以运行在低版本浏览器或其它环境中2.polyfill提供了全局的ES6对象以及通过修改原型链Array.prototype等实现对实例的实现3.配置文件总结起来就是配置plugins和presets这两个数组,我们分别称之为插件数组和预设数组。每个插件或预设都是一个npm包。4.plugins插件数组和presets预设数组是有顺序要求的(如果两个插件或预设都要处理同一个代码片段),规则如下

2020-12-23 14:26:54 20

原创 mac电脑如何配置前端环境

mac电脑如何配置前端环境1.node.js的安装可直接通过官网安装,安装好node后就包含了npmnode官网:https://nodejs.org/en/2.git的安装通过安装homebrew安装git(1)homebrew官网安装官网地址:https://brew.sh/index_zh-cn.html在终端输入命令:/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/

2020-11-16 00:15:04 254

原创 Markdown解析--之实现博客文章展示

1.Markdown介绍1.1 Markdown是什么​ Markdown是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。1.2 Markdown的基本语法​ Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如joomla、drupal都能很好的支持Markdown,Github也是支持m

2020-10-17 15:55:02 197

原创 antd实现父子嵌套表格

antd实现父子嵌套表格1.总需求概述及代码框架构建1.1.实现父子嵌套表格的总需求使用antd框架,要在表格里面嵌套子表格,需要在用户点击父表格 前面的 + 图标后,去异步请求后台的数据用来填充子表格的内容,同时实现父子表格全选功能注意:父表格的数据是一个接口,子表格的数据是另一个接口,两者不在一块1.2.代码框架构建如下:2.第一步需求:实现父子嵌套表格及点击父表格外的展开按钮,展开相应子表格数据操作注意⚠️:子表格引入时也是有标题的,可按需求保留或隐藏(此版本为隐藏,通过在子表格中设

2020-05-22 20:02:38 1326

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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