vconsole 背景vconsole背景hybrid项目中,在使用测试机调试阶段,app想要查看h5的一些信息的话,可以利用 vconsole h5使用1$ npm install vconsole 123456789101112import VConsole from 'vconsole';// 实例化一个 vconsoleconst vConsole = new VConsole();/ 2022-12-22 #业务与工程背景
continue跳出多重循环 做 leetcode809 时,碰到了continue需要跳出二层循环的场景,我不知道如何使用二层循环,于是多建了一个标识符。实际上结合out就可以实现。 123456out:for (const word of words) { let m = word.length, i = 0, j = 0 while (i < n && j &l 2022-11-25 JS > 基础
xhr封装axios xhr封装axios123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869// 实现function axios(method, url, data={}, params=&# 2022-11-24 JS > 手写代码 #JS #手写函数
登录滑块验证 GEETEST文档:http://docs.geetest.com/sensebot/apirefer/api/web#onSuccess-callback 背景实习期间,安全部门提出后台管理系统的登录页面有隐患,要求在发送验证码前加入滑块验证。 实现主要流程 123<div id="captcha-box"> <div id="loading 2022-11-22 业务与工程
字符集、编码、码点 字符集ASCII最早的 127 个字符,大小写英文字母、制表符、换行符等。几乎所有后出的字符集都会兼容 UnicodeUnicode 是国际标准字符集,它将世界各种语言的每个字符定义一个唯一的编码,以满足跨语言、跨平台的文本信息转换。 Unicode 字符集的编码范围是 0x0000 - 0x10FFFF , 可以容纳一百多万个字符, 每个字符都有一个独一无二的编码,也即每个字符都有一个二进制数值 2022-11-20 重学前端 > JS
IEEE754 IEEE754EcmaScript规范定义Number的类型遵循IEEE754 在 IEEE754 中,双精度浮点数采用 64 位存储,其中1个符号位,11个指数位,52个小数位 符号位决定了一个数的正负,指数部分决定了数值的大小,小数部分决定了数值的精度 存储结构如下: 计算方式如下: 范围:±[2^(-1023), 2^1024] 为什么0.1+0.2!==0.3E 2022-11-20 重学前端 > JS
CSS原子化 CSS 原子化什么是 CSS 原子化会提前定义很多 CSS 类,将 CSS 类的颗粒度细化到最小(所谓原子)。在需要样式时,在 html 写类名即可,不用再写 css 了。 1234567<html> <body> <!-- 等价于 width:100%; height:100% --> <div id="app" 2022-11-17 CSS
Scss Scssscss 和 less 都是 css 的预处理语言,其中有很多相似的功能,因此本文主要列出 scss 和 less 的相同和不同之处。具体可看文档。 scss 更强大,更接近编译语言。 scss 需要 ruby 环境,less 直接 npm install 变量不同less:@ scss:$ 可以使用 !global声明全局变量 12345678#main { $width: 2022-11-16 CSS
跨端开发 APP 的三种开发方式Native App原生,需要安装app,质量高 但有 ios 和 安卓 两套系统,开发成本高 Web App就是基于浏览器的 app,开发速度快,成本低 代码放在服务器中,用户不需要手动更新 不同浏览器效果不一样 前端技术没有办法实现所有原生功能 H5 与 Native 的区别 name H5 Native 稳定性 调用系统浏览器内核,稳定性较差 使用原生内核,更 2022-11-11 业务与工程
clip-path clip-path什么是 clip-path剪裁,可以按照 svg 路径、盒子模型、基本多边形路径等几种不同的方式来裁切。 clip-path 主要分三类,分别为: basic-shape: 基本图形,包括 inset()、circle()、ellipse()、polygon() clip-source: 通过 url() 方法引用一段 SVG 的 <clipPath> 来作为剪裁路 2022-11-10 CSS