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地 …
实现核心的属性是 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 作为浏览器的功能扩展，由 html、 css、 js及 manifest. json 描述文件组成，扩展图标显示在浏览器的地址栏右侧，其实质为crx后缀的压缩包。 基本结构 包含如下5个组件： Manifest Background Script UI Elements Content Script Options Page manifest为必须描述文件。 Manifest 包括插件信息和配置信息，使用 json格式的数据。 { //（必须）manifest版本，而且必须是2 “manif …
1. 简介 impress.js 是一个基于CSS3和现代浏览器，受Prezi.com的启发而创作出来的前端多功能演示js框架，可以用它来替代PowerPoint制作更加酷炫的PPT，官方项目。 impress.js 也有一些缺点：编辑方式繁琐需要学习的东西较多，至少需要一些HTML和CSS的基础知识，其是想要获得一些特殊效果时，更需要了解一些javascript的使用，对于非开发者来讲存在一定门槛。 impress.js比较适合以演讲内容为主的展示，单页只放一个名词或句子，或是一张图片，这样会带来比较出众的效果。 2. 核心 impress 页面间转场的实现是依赖于 CSS3 的 trans …
作者：尤雨溪，翻译：CSDN 在过去的一年里，Vue团队一直在开发Vue.js的下一个主要版本Vue 3，我们希望能在2020年上半年将其发布（在撰写本文时，这项开发工作正在进行中）。 重写Vue新的主要版本的构想是在2018年底形成的，当时Vue 2的代码库大约已有两年半的运行历史。这看起来不像是通用软件生命周期中的一段很长的时间，但在这段时间里，前端环境发生了巨大的变化。 两个关键的因素导致了我们考虑重写Vue新的主要版本： 主流浏览器对新的JavaScript语言特性的普遍支持。 当前Vue代码库随着时间的推移而暴露出来的设计和体系架构问题。 1、为什么要重写？ ▐ 使用 …
JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。 JSON.stringify() 是用于调试的最常见函数。 //初始化一个 user 对象 const user = { “name” : “Prateek Singh”, “age” : 26 } console.log(user); // 结果 // [object Object] 哦！console.log() 没有帮助我们打印出期望的结果。它输出 [object Object]，因为从对象到字符串的默认转换是 [object Object]。因此，我们使用 JSON.stri …
移动端CSS里面写了1px，实际上看起来比1px粗，原因设备物理像素和逻辑像素的两个px的含义不一样，CSS里记录的像素是逻辑像素，它们之间存在一个比例关系，可以用javascript中的window.devicePixelRatio来获取，也可以用媒体查询的-webkit-min-device-pixel-ratio来获取。 在手机上border无法达到我们想要的效果。这是因为devicePixelRatio特性导致，移动端的devicePixelRatio大多默认为2，而border-width: 1px描述的是设备独立像素，所以，border被放大到物理像素2px显示，在移动端上就显得较 …
