- 博客(610)
- 资源 (2)
- 收藏
- 关注
原创 h5唤起小程序
自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。每个独立的URL Scheme被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同URL Scheme打开该小程序。在本次规则调整生效前已经生成的URL Scheme,如果有效期超过30天或长期会被降级为30天有效,只能被1个用户访问,开始时间从调整日期开始计算。
2023-05-17 10:36:04
140
原创 typescript声明
d.ts”文件用于为 TypeScript 提供有关用 JavaScript 编写的 API 的类型信息。这个想法是你正在使用像jQuery或underscore这样现有的 javascript 库。你想使用 TypeScript 来消费 这些 jQuery 库实现的API。你可以编写仅包含类型注释的d.ts文件,而不是在 TypeScript 中重写jquery或underscore或其他任何内容。
2023-03-21 15:20:22
216
原创 模块化技术
AMD和CMD最大的问题是没有通过语法升级解决模块化(它们定义模块还是通过调用js的方式定义一个模块,它没有办法对模块进行规模化的引用)命令的时候,用户需要知道所要加载的变量名或函数名,否则无法加载。这个module变量是一个对象,它的exports属性(module.exports)是对外的接口, 负责对模块中的内容进行导出。CommonJS模块的加载机制是,输入的是被输出的值的拷贝。CMD专门用于浏览器端,整合了CommonJS和AMD的优点,模块的加载是异步的,模块使用时才会加载执行。
2023-03-20 20:59:20
278
原创 redis简单介绍
这里我再举个例子,有的文章浏览量直接爆款10万+,他们是如何做到这一点的呢,你会认为用户每一次浏览完都会写进mysql关系型数据库里么,或者持久化到本地么,这肯定是不可能的。这也是里面我描述到的,单体应用中我们设置锁可以生效,当你是分布式集群之后,这个锁不能生效,这里边我们的JVM不能跨系统进行锁的控制。大家接下来来看我图中的这段描述,原本我们都用单体单机进行部署,比如我们之前操作中加入一个锁,里面其他操作会进行等待,等我这个锁释放之后,其他操作就可以进行了。关系型数据库,大家知道比如说表格,有行和列。
2023-03-16 15:47:54
284
原创 报错:Failed to set an indexed property on ‘CSSStyleDeclaration‘: Index property setter is not sup
CSSStyleDeclaration异常
2023-03-14 14:56:56
100
原创 前端统一样式的方案
一个APP或者小程序如果字体,按钮等样式需要统一配置,如何实现?就可以实现快速改变全局的样式!如上述代码所示,先引入。引入默认文件进行使用。
2023-02-15 16:50:10
111
原创 使用hooks解决多页面数据共用问题
使用上面的hooks将返回调用lightVersion函数返回的数据;在utils文件夹中创建一个 hooks用于存放hooks的文件。这里我们创建一个useLightVersion.ts文件。上图为lightVersion函数返回的数据;使用store存储数据,需要每个页面调用。使用localStorage存储全局。疯转hooks变成公共方法以供调用。那么在页面中使用就很简单了,如下。一个公共的数据在多页中使用?
2023-02-15 15:57:37
91
原创 Sass 使用说明
CSS 样式表越来越大、 越来越复杂、越来越难以维护。这就是预处理可以提供帮助的地方。Sass 为你提供了 CSS 中还不存在的特性,例如变量、 嵌套、混合、继承和其它实用的功能,让编写 CSS 代码变得有意思。最直接的方式就是在命令行中调用 sass 命令。安装 Sass 之后,你就可以用sass命令将 Sass 编译为 CSS 了。
2022-11-16 20:42:21
238
原创 请尝试将 `lib` 编译器选项更改为 es2015 或更高版本
如上图所示,页面中的某些字段会报语法问题。”上没有“xxx”属性。是否需要更改目标库?看提示是需要支持es5以上的意思,那我们升级一下。选项更改为 es2015 或更高版本。
2022-10-14 12:01:20
645
原创 端口被占用
sudo kill -KILL 线程号。15 (TERM):正常停止一个进程。9 (KILL):杀死一个进程。1 (HUP):重新加载进程。lsof -i: 端口号。(2)删除占用端口号。
2022-09-22 14:41:39
88
原创 松柏集(无聊的一天)
2022年8月15日 最近全国极端天气频发,多地出现40度高温。吾坐工位想下班,大家没走吾不安。吾想提前早点走,怎奈雕塑无胫足。
2022-08-15 10:23:53
126
1
原创 SSG、SSR、CSR的区别
到页面首屏完全展示这一过程所花的时间极短,而且在页面中点击链接切换路由的操作非常顺滑,几乎页面可以达到“秒切”的效果,根本不会有卡顿等待的情况发生,这是怎么实现的呢?文档,由于代码量实在是太多,所以只保留了具有象征意义的部分代码,但不难发现,服务端渲染返回的HTML。,下面我们简单介绍一下它们各自的特点,看完之后相信你就能清晰的感受到它们的区别所在了。树的结构,使得页面成为希望成为的样子,这种渲染方式叫动态渲染,也就是平时我们所称的。在开始之前,我们先来回顾一下页面最基本的渲染流程是怎么样的?.......
2022-08-12 17:53:04
1359
原创 松柏集(乘公交 )
2022年08月12日 于芳华路地铁站敢去陆家嘴软件园上班。早乘公交去公司,车上沪女语连连。颠颠簸簸又一站,看似有人无意见。一站一站又一站,车上同人少一半。问吾此刻的心情,工地工头在召唤。我吐舌头又一天,何时才能把家还。...
2022-08-12 10:49:30
142
1
原创 松柏集(浮窗思)
2022年08月07日 优晨。浮窗外松柏,笔挺而直立。念心之所想,思存之动容。旧时光荏苒,吾已非少年。绘荷光月色,思月下佳人。盖天之所想,懂地之所云。
2022-08-07 16:47:35
87
翻译 逆商方法论
良材生长不易。风越强劲,树越强壮。所有逆境确实都是让灵魂成长的机会。逆商的这三种呈现形式——新的知识框架、衡量 方法、实践工具,形成了一套完整的体系。通过此体系,人们可 以去了解和改善日常的基本模式,培养自己的抗逆力;有些人拥有高智商,情商也不错,却仍然无法发挥出其潜 能。智商和情商似乎都无法决定成败。尽管如此,两者也都在某 种程度上发挥着应有的作用,但依然还是引出以下这个问题:为 何在同等聪明且适应力强的人中,有些人能坚持到底,有些人却 停滞不前,甚至有些人直接放弃?也许逆..
2022-05-23 21:36:37
143
1
原创 推荐三本书
《逆商》 攀登者敢于冒险,经受挑战,克服恐惧,坚持愿景,引领风潮,坚持到底,不达目的不罢休。 疫情过后,你所在的企业活着吗? 夫妻俩的结婚证还好吗? 房贷车贷信用卡都还完了吗? 面对这些挫折,你有好的应对方式吗? 如果有,那么这本书对你来说就是锦上添花; 如果没有,那么这本说对你来说就是雪中送炭。 智商衡量的是一个人的智力标准; 情商衡量的是一个人的处事标准; 那面对挫折要用什么商呢? 所谓的逆商,就是指我们是否能再...
2022-05-22 20:10:26
140
原创 封装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
2082
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
1882
原创 前端常见封装的方法
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
1723
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
214
原创 媒体查询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
458
原创 前端的布局方式
自适应布局布局特点:不同设备对应不同的HTML 局部自适应总结:不同的设备用不同的页面或者局部缩放响应式布局布局特点:确保一个页面在所有的终端上,都能显示出令人满意的效果总结:一套方案,处处运行设计思路:使用%或者rem作为单位rem弹性布局布局特点:确为了保证在各种屏幕上的不失真,就要根据实际屏幕宽度做等比例换算总结:一套方案,使用不同的尺寸,分辨率的视口、都能呈现出较好的效果设计思路:使用%或者rem作为单位flex的特殊写法.
2022-04-09 18:19:57
101
原创 项目开发流程规范
需求阶段需求文档(背景、收益、详细需求、原型图、A/B实验、埋点) 需求评审(PM-产品经理、RD-研发、QA-测试) 遗留问题修改再次评审研发阶段根据原型图拆分功能模块 评估开发联调排期 技术方案设计 业务代码实现测试阶段测试用例评审 研发自评 正式提测演示 修复BUG上线阶段打包部署 线上验证 数据收集 效果回归学习建议先学使用,在学原理 对比学习,构建体系 动脑动手,大量实践 良好心态,不断进步...
2022-04-09 18:01:48
240
原创 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
1890
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人