- 博客(648)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 typescript声明
d.ts”文件用于为 TypeScript 提供有关用 JavaScript 编写的 API 的类型信息。这个想法是你正在使用像jQuery或underscore这样现有的 javascript 库。你想使用 TypeScript 来消费 这些 jQuery 库实现的API。你可以编写仅包含类型注释的d.ts文件，而不是在 TypeScript 中重写jquery或underscore或其他任何内容。
2023-03-21 15:20:22
359
原创 模块化技术
AMD和CMD最大的问题是没有通过语法升级解决模块化（它们定义模块还是通过调用js的方式定义一个模块，它没有办法对模块进行规模化的引用）命令的时候，用户需要知道所要加载的变量名或函数名，否则无法加载。这个module变量是一个对象，它的exports属性（module.exports）是对外的接口， 负责对模块中的内容进行导出。CommonJS模块的加载机制是，输入的是被输出的值的拷贝。CMD专门用于浏览器端，整合了CommonJS和AMD的优点，模块的加载是异步的，模块使用时才会加载执行。
2023-03-20 20:59:20
577
原创 redis简单介绍
这里我再举个例子，有的文章浏览量直接爆款10万+，他们是如何做到这一点的呢，你会认为用户每一次浏览完都会写进mysql关系型数据库里么，或者持久化到本地么，这肯定是不可能的。这也是里面我描述到的，单体应用中我们设置锁可以生效，当你是分布式集群之后，这个锁不能生效，这里边我们的JVM不能跨系统进行锁的控制。大家接下来来看我图中的这段描述，原本我们都用单体单机进行部署，比如我们之前操作中加入一个锁，里面其他操作会进行等待，等我这个锁释放之后，其他操作就可以进行了。关系型数据库，大家知道比如说表格，有行和列。
2023-03-16 15:47:54
400
原创 报错：Failed to set an indexed property on ‘CSSStyleDeclaration‘: Index property setter is not sup
CSSStyleDeclaration异常
2023-03-14 14:56:56
1282
原创 前端统一样式的方案
一个APP或者小程序如果字体，按钮等样式需要统一配置，如何实现？就可以实现快速改变全局的样式！如上述代码所示，先引入。引入默认文件进行使用。
2023-02-15 16:50:10
462
原创 使用hooks解决多页面数据共用问题
使用上面的hooks将返回调用lightVersion函数返回的数据；在utils文件夹中创建一个 hooks用于存放hooks的文件。这里我们创建一个useLightVersion.ts文件。上图为lightVersion函数返回的数据；使用store存储数据，需要每个页面调用。使用localStorage存储全局。疯转hooks变成公共方法以供调用。那么在页面中使用就很简单了，如下。一个公共的数据在多页中使用？
2023-02-15 15:57:37
543
原创 Sass 使用说明
CSS 样式表越来越大、 越来越复杂、越来越难以维护。这就是预处理可以提供帮助的地方。Sass 为你提供了 CSS 中还不存在的特性，例如变量、 嵌套、混合、继承和其它实用的功能，让编写 CSS 代码变得有意思。最直接的方式就是在命令行中调用 sass 命令。安装 Sass 之后，你就可以用sass命令将 Sass 编译为 CSS 了。
2022-11-16 20:42:21
362
原创 请尝试将 `lib` 编译器选项更改为 es2015 或更高版本
如上图所示，页面中的某些字段会报语法问题。”上没有“xxx”属性。是否需要更改目标库?看提示是需要支持es5以上的意思，那我们升级一下。选项更改为 es2015 或更高版本。
2022-10-14 12:01:20
1989
原创 端口被占用
sudo kill -KILL 线程号。15 (TERM)：正常停止一个进程。9 (KILL)：杀死一个进程。1 (HUP)：重新加载进程。lsof -i: 端口号。（2）删除占用端口号。
2022-09-22 14:41:39
147
原创 松柏集（无聊的一天）
2022年8月15日 最近全国极端天气频发，多地出现40度高温。吾坐工位想下班，大家没走吾不安。吾想提前早点走，怎奈雕塑无胫足。
2022-08-15 10:23:53
192
1
原创 SSG、SSR、CSR的区别
到页面首屏完全展示这一过程所花的时间极短，而且在页面中点击链接切换路由的操作非常顺滑，几乎页面可以达到“秒切”的效果，根本不会有卡顿等待的情况发生，这是怎么实现的呢？文档，由于代码量实在是太多，所以只保留了具有象征意义的部分代码，但不难发现，服务端渲染返回的HTML。，下面我们简单介绍一下它们各自的特点，看完之后相信你就能清晰的感受到它们的区别所在了。树的结构，使得页面成为希望成为的样子，这种渲染方式叫动态渲染，也就是平时我们所称的。在开始之前，我们先来回顾一下页面最基本的渲染流程是怎么样的？.......
2022-08-12 17:53:04
1802
原创 松柏集（乘公交 ）
2022年08月12日 于芳华路地铁站敢去陆家嘴软件园上班。早乘公交去公司，车上沪女语连连。颠颠簸簸又一站，看似有人无意见。一站一站又一站，车上同人少一半。问吾此刻的心情，工地工头在召唤。我吐舌头又一天，何时才能把家还。...
2022-08-12 10:49:30
212
1
原创 松柏集（浮窗思）
2022年08月07日 优晨。浮窗外松柏，笔挺而直立。念心之所想，思存之动容。旧时光荏苒，吾已非少年。绘荷光月色，思月下佳人。盖天之所想，懂地之所云。
2022-08-07 16:47:35
157
翻译 逆商方法论
良材生长不易。风越强劲，树越强壮。所有逆境确实都是让灵魂成长的机会。逆商的这三种呈现形式——新的知识框架、衡量 方法、实践工具，形成了一套完整的体系。通过此体系，人们可 以去了解和改善日常的基本模式，培养自己的抗逆力；有些人拥有高智商，情商也不错，却仍然无法发挥出其潜 能。智商和情商似乎都无法决定成败。尽管如此，两者也都在某 种程度上发挥着应有的作用，但依然还是引出以下这个问题：为 何在同等聪明且适应力强的人中，有些人能坚持到底，有些人却 停滞不前，甚至有些人直接放弃？也许逆..
2022-05-23 21:36:37
274
1
原创 推荐三本书
《逆商》 攀登者敢于冒险，经受挑战，克服恐惧，坚持愿景，引领风潮，坚持到底，不达目的不罢休。 疫情过后，你所在的企业活着吗？ 夫妻俩的结婚证还好吗？ 房贷车贷信用卡都还完了吗？ 面对这些挫折，你有好的应对方式吗？ 如果有，那么这本书对你来说就是锦上添花； 如果没有，那么这本说对你来说就是雪中送炭。 智商衡量的是一个人的智力标准； 情商衡量的是一个人的处事标准； 那面对挫折要用什么商呢？ 所谓的逆商，就是指我们是否能再...
2022-05-22 20:10:26
211
原创 封装axios请求
通用能力1、正常请求该有的（跨域携带cookie，token，超时设置）；2、请求响应拦截器；请求成功，业务状态码200，解析result，不要一层一层的去判断拿数据； http请求200， 业务状态码非200，说明逻辑判断这是不成功的，那就全局message提示服务端的报错 http请求非200， 说明http请求都有问题，也全局message提示报错 http请求或者业务状态码401都做注销操作3、全局的loading配置, 默认开启，可配置关闭（由于后端的问题，经常会让前端加
2022-05-09 18:20:16
3042
2
原创 H5唤起APP客户端
唤起APP的方案当前主要有三种打开APP的渠道：流量APP封装渠道，原生的打开渠道以及一些奇技淫巧。流量APP封装渠道微信、手Q和微博等流量入口为了保证流量不流失，对iOS和Android原生的唤起方案做了屏蔽和封装。在这些APP中，使用原生唤起APP方案是无效的，只能用他们的方案或者位于白名单中的APP才能通过H5的唤起APP。如果是腾讯系APP，或者在白名单中肯定是可以的！微博，手机百度等APP也是白名单的打开方式，平常用的不多，这里不做赘述。原生渠道1、 Schema
2022-05-09 11:15:55
2926
原创 前端常见封装的方法
1、复制文本复制各种自定义的文本，浏览器兼容性高const copyText = (text) => { const clipboardData = window.clipboardData; if (clipboardData) { clipboardData.clearData(); clipboardData.setData("Text", text); return true; } else if (document.execCommand) {
2022-04-29 23:13:16
2130
1
原创 PC菜单筛选器
如上图所示，不使用UI库，手写一个筛选器JS代码'use strict';import { createElement, useEffect, useState, Fragment, useCallback, useMemo, useRef,} from 'rax';import View from 'rax-view';import Text from 'rax-text';import Picture from '@ali/rax-pictu...
2022-04-14 15:09:43
358
原创 媒体查询media的3种引入方式
利用@media引入在<style>...</style>标签里使用@media来实现媒体查询<style> @media (min-device-width: 300px) and (max-device-width: 500px) { #box { width: 100px; height: 100px; background-color: cadetblue; } }
2022-04-09 19:13:28
619
原创 前端的布局方式
自适应布局布局特点：不同设备对应不同的HTML 局部自适应总结：不同的设备用不同的页面或者局部缩放响应式布局布局特点：确保一个页面在所有的终端上，都能显示出令人满意的效果总结：一套方案，处处运行设计思路：使用%或者rem作为单位rem弹性布局布局特点：确为了保证在各种屏幕上的不失真，就要根据实际屏幕宽度做等比例换算总结：一套方案，使用不同的尺寸，分辨率的视口、都能呈现出较好的效果设计思路：使用%或者rem作为单位flex的特殊写法.
2022-04-09 18:19:57
163
原创 项目开发流程规范
需求阶段需求文档（背景、收益、详细需求、原型图、A/B实验、埋点） 需求评审（PM-产品经理、RD-研发、QA-测试） 遗留问题修改再次评审研发阶段根据原型图拆分功能模块 评估开发联调排期 技术方案设计 业务代码实现测试阶段测试用例评审 研发自评 正式提测演示 修复BUG上线阶段打包部署 线上验证 数据收集 效果回归学习建议先学使用，在学原理 对比学习，构建体系 动脑动手，大量实践 良好心态，不断进步...
2022-04-09 18:01:48
322
原创 npm的使用技巧
一、基本概念npm 全称为 Node Package Manager，是一个基于 Node.js 的包管理器，也是 Node.js 社区最流行、支持的第三方模块最多的包管理器。它的初衷就是让开发人员更容易分享和重用代码。npm 提供了命令行工具，其主要功能是管理Node.js包，包括安装、更新、删除、查看、搜索、发布等。 npm 最初只是Node.js 的包管理器，但随着前端技术的不断发展，它的定位变成了广义的包管理器，可以实现JavaScript、React、Vue、Gulp、移动开发等包管理，
2022-01-29 12:04:28
2640
原创 antd4中Form.create已废弃
问题：Warning: [antd: Form] antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.原因：v4 的 Form 不再需要通过Form.create()创建上下文。Form 组件现在自带数据域，因而getFieldDecorator也不再需要，直接写入 Form.Item 即可antd3方案：// antd v3const Demo = ({ f...
2022-01-28 17:39:54
3442
原创 js动态添加meta标签
有时候我们需要动态添加meta标签和里面的内容，如何添加呢？举例： // 手动添加mate标签 const addMeta = (name, content) => { const meta = document.createElement('meta'); meta.content = content; meta.name = name; document.getElementsByTagName('head')[0].appendChi..
2022-01-13 15:22:04
9493
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人