- 博客(17)
- 收藏
- 关注
RSS订阅原创 小红书前端面试题：红色3秒、然后显示黄色1秒，最后显示绿色2秒，进行循环。
实现一个js函数，满足先开始显示红色3秒、然后显示黄色1秒，最后显示绿色2秒，进行循环。const changeColor = (color: string, time: number) => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(color); }, time); });};const getColor =
2021-02-23 15:52:36
1406
转载 前端性能优化总结
一、前端指标1、FP，First Paint。2、FCP，First Content Paint。3、FMP，First Meaning Paint。4、ATF，Above The Fold，首屏时间。5、TTI，Time To Interact，首次交互时间，可以用DomReady时间。6、资源总下载时间。Load时间 >= DomContentLoaded时间。 - Dom加载完时间，DomContentLoaded。 - 页面资源加载完时间，Load，包括图片，音视频等异步资源。
2021-02-22 15:09:12
189
原创 BFC（Block Formatting Contexts 块级格式化上下文）基础理解
简介：Block Formatting Contexts 块级格式化上下文触发条件：1、body 根元素2、浮动元素：float 除 none 以外的值3、绝对定位元素：position (absolute、fixed)4、display 为 inline-block、table-cells、flex、grid5、overflow 除了 visible 以外的值 (hidden、auto、scroll)作用：1、两栏或三栏自适应布局 （float div ，div2 BFC同层展示）2、解
2021-01-29 16:32:29
147
原创 前端模块中的Require 和 Import 的区别
前端中的Require 和 Import 的区别介绍：Require 遵循commonJS 规范，早些年前端自成一派的江湖体系、统治了ES6之前的所有模块化编程，同阶段还有AMD、CMD。Import 为 W3C es6 的新特性，官方体系。区别一：编写方式// require 只有如下方式const fs = require('fs')exports.fs = fsmodule.exports = fs// import 多种多样import fs from 'fs'import
2021-01-29 16:24:34
604
原创 mac解决node端口号被占用问题(Error: listen EADDRINUSE: address already in use 127.0.0.1:端口号)
Error: listen EADDRINUSE: address already in use 127.0.0.1:端口号;1、控制台输入sudo lsof -i:端口号2、sudo kill -9 pid （如图：sudo kill -9 304）
2020-08-10 10:40:39
2949
原创 数据库（MySQL）学习记录
业务需要，从零学习数据库。持续更新中…目录：RDBMS（关系数据库管理系统）术语数据库建表规则（三大范式）RDBMS（关系数据库管理系统）术语了解下术语，方便阅读相关文章。数据库: 数据库是一些关联表的集合。数据表: 表是数据的矩阵。在一个数据库中的表看起来像一个简单的电子表格。列: 一列(数据元素) 包含了相同类型的数据, 例如邮政编码的数据。行：一行（=元组，或记录）是一组相关...
2019-10-15 11:57:47
175
原创 解决Framework7(f7)路由无法匹配到页面(组件)，输入指定地址带路由没反应。
无论你是framework7+react 还是 framework7+vue ，只要你发现自己用了f7的路由，却无法通过输入地址跳转指定组件，且你的路由配置没有问题，那么在f7配置的时候请加上一行神奇的代码：...
2019-04-26 15:28:59
1960
原创 阿里矢量图标库一次性添加别人项目所有图标到自己的购物车
1.打开控制台2.输入：var span = document.querySelectorAll(’.icon-cover’);for (var i = 0, len = span.length; i < len; i++) {console.log(span[i].querySelector(‘span’).click());}
2019-04-17 10:31:20
1997
原创 react配置环境：react-create-app 到暴露配置文件全指南。
快速搭建react-antd开发环境下载node使用npm指令按照antd react-create-app安装安装yarn提交所有文件暴露配置文件 yarn eject删除node module重新安装yarn install根据提示是否需要安装最新版[email protected]...
2019-03-20 14:37:37
2503
转载 Linux常用命令
常用：reboot :重启电脑pwd:显示当前目录名称.ls:显示当前目录下的所有目录。ls -h :显示当前目录下的文件大小和文件详细信息cd：返回上一级目录cd 目录名 ：返回指定的目录名cd …/ :返回上一级ctrl+L:清屏ls -al :查看当前目录所有文件详细信息ll:查看当前目录所有文件详细信息tal - zxvf ：解压Ctrl + c ：终止命令cat...
2019-01-22 11:54:55
2916
转载 前端基本的数据结构和算法了解
提到数据结构与算法都感觉这应该是后端要掌握的知识，对前端来说只要写写页面，绑定事件，向后台发发数据就好了，用不到数据结构与算法，也许对于一些数据查找 简单的for循环就能搞定，也许只是提高了几毫米而已，可忽略不计，假入node做后台开发的时候，一次请求节约的几毫米，千万次请求节约的就不是毫秒的时间的，数据结构是作为高级程序工程师必会的知识先来看看js数据类型基本类型(栈 stack) : Numb...
2018-11-06 17:56:36
8307
原创 解决Python报错“SSL: CERTIFICATE_VERIFY_FAILED”
import sslcontext = ssl._create_unverified_context()rec = urllib.request.urlopen(req,context=context)原因：python2.79之后urllib.urlopen打开一个 https要验证ssl证书，目标网站证书是自签名的证书时就会抛出此异常。注：自签名证书是由服务器自己颁发给自己，用于证...
2018-11-02 16:07:55
15134
1
原创 vue与react对比，相同之处与不同之处。
两者都为当下主流框架相同之处在于：一、使用 Virtual DOM二、提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。三、将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。不同之处：一、在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。在 Vue 应用中，组件的依赖是在渲染过...
2018-08-24 15:42:16
2929
原创 关于 framework7 - picker组件 - 三级联动在ios上间距过大的问题。
安卓机型没问题，苹果错误示例如下图所示 解决方法： 1、监听机型let mobile = navigator.userAgent.toLowerCase();if(/iphone|ipad|ipod|mix2/.test(mobile)){ console.log('苹果机型')}else{ console.log('安卓机型')}2、设置不同机型下的clas...
2018-08-17 17:32:36
10570
原创 vue实现移动端多格输入框（h5页面多格输入）
近来公司提出需求，完成如下图h5页面操作。 网上没什么轮子可以使用，就自己徒手撸了一个。不多废话，直接上代码。&amp;lt;div class=&quot;verify-tel&quot;&amp;gt; &amp;lt;h1&amp;gt;短信验证&amp;lt;/h1&amp;gt; &amp;lt;h2&amp;
2018-08-15 18:15:54
12396
2
原创 微信服务号和第三方平台对接（前端）
微信公众号：1、服务号（每个月只能推送4篇文章，申请收费，更多高级功能：自定义菜单等，）2、订阅号（每天都可以推送文章，申请免费）消息出现的位置不同，订阅号统一在微信订阅号模块下管理。二者共用一种对接方式。了解详情一、引导用户打开授权页面window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid...
2018-05-25 14:59:21
18381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人