月度归档： 2020年8月

前端 / 工具

前端逻辑处理工具类

1.去除html标签 export const removeHtmltag = (str) => { return str.replace(/<[^>]+>/g, ”) } 2.获取url参数 export const getQueryString = (name) => { const reg = new RegExp(‘(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’); const search = window.location.search.split(‘?’)[1] || ”; const r = s …

前端 / 工具

前端类型判断工具类

1.是否邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.是否手机号码 export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s) } 3.是否电话号码 export const isPhone = (s) => { return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s) } 4.是否url地 …

前端

css字符图像生成

实现核心的属性是 background-clip 用于对背景裁剪 属性值： 值 说明 border-box 默认值。背景绘制在边框方框内（剪切成边框方框） padding-box  背景绘制在衬距方框内（剪切成衬距方框） content-box  背景绘制在内容方框内（剪切成内容方框） text  给文本填充图片背景 text-fill-color 用于和背景颜色叠加 <!DOCTYPE html> <html> <head>   <title>背景剪裁属性</title>   <meta http-equiv=“C …

前端

Chrome Extension 开发入门

Chrome Extension 是什么 Chrome Extension 作为浏览器的功能扩展，由 html、 css、 js及 manifest. json 描述文件组成，扩展图标显示在浏览器的地址栏右侧，其实质为crx后缀的压缩包。 基本结构 包含如下5个组件： Manifest Background Script UI Elements Content Script Options Page manifest为必须描述文件。 Manifest 包括插件信息和配置信息，使用 json格式的数据。 {     //（必须）manifest版本，而且必须是2     “manif …