- 博客(236)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue3 中放弃 filter过滤器
Vue2中经常使用的filter过滤器功能，在Vue3中已经不再提供，而是利用一般方法进行数据的过滤筛选操作。
2024-12-31 20:16:40
159
原创 vue3 Suspense组件
也就是说，在Vue3中，开发人员并不需要关心数据加载的状态，新的Vue组合式API将了解组件的当前状态，而且它能够区分组件是正在加载还是已准备好显示。例如，在数据加载过程中，会先显示fallback中加载数据时的应急装置组件；在数据加载完毕后，再显示default中默认的渲染视图组件。当等待数据的时间比开发人员希望的时间要长时在Vue3中无须自定义代码即可实现。该组件除了可以给定默认加载数据后的渲染视图，还可以设置加载数据时的应急视图。只需要通过Suspense组件管理这一过程。
2024-12-31 20:11:47
298
原创 vue3 Teleport瞬移组件
但如果想要将button按钮元素放置于div这一目标元素下，则可以直接利用Teleport组件，将button按钮元素内容瞬间移动至目标元素下。例如，设置to属性为“.target-portal”，那么button按钮元素就成了div元素的嵌套子元素，它们不再是并列关系，而是嵌套结构，假设现在页面中有两个元素，分别为div元素和button按钮元素，在当前页面中这两个元素是并列元素，它是一个可以使元素从一个组件转到另一个组件的组件。Teleport是瞬移组件，也称为传送门组件。
2024-12-31 20:08:58
320
原创 Tailwind CSS 使用简介
参考网站号称是开始使用 Tailwind CSS通过 npm 安装，并创建你的文件。在文件中添加所有模板文件的路径。将 Tailwind 指令添加到你的 CSS。
2024-12-31 19:59:23
536
原创 获取钉钉微应用免登授权码（h5微应用）
替换为当前访问用户的企业corpId。例如：https://www.dingtalk.com?第三方企业应用可以在微应用的首页URL中使用。注意 5分钟有效期 只能用一次。做为参数占位符，钉钉容器会将。获取微应用免登授权码。
2024-12-31 19:50:52
959
原创 钉钉h5微应用鉴权配置客户端 API 鉴权步骤
这里的biz.contact.choose 只是举一个例子 你需要什么功能可以去链接中找。注意 其多个参数 都是需要后端计算后返回给前端使用的 微应用type要使用0.企业的corpid就可以去钉钉管理后台右上角头像那里找 也可以都让后端给返回。这里记录一下使用的钉钉h5微应用 配置客户端 API 鉴权的内容。注意不是所有的都功能都需要鉴权。配置完成后使用dd.ready。先要引入钉钉环境 见下链接。
2024-12-28 21:09:28
744
原创 钉钉h5微应用鉴权
如果当前页面用到需要鉴权的JSAPI，此页面就需要执行鉴权流程。钉钉开放平台会获取当前页面中需要鉴权的JSAPI，然后执行鉴权。但是如果调用钉钉业务、安全相关的JSAPI的调用，需要先鉴权，然后再调用。注意 使用手机基础能力的部分JSAPI是不需要鉴权的 只需要在。钉钉h5微应用 使用部分钉钉权限的时候需要鉴权。具体那些需要鉴权 请看这个链接。
2024-12-28 20:44:21
470
原创 钉钉h5微应用，鉴权提示dd.config错误说明，提示“jsapi ticket读取失败
1. 可能是你的企业corpid不对 登录钉钉管理后台 就可以找到对应企业的corpid 请严格使用这个corpid。调用获取jsapi_ticket接口，使用的access_token对应的corpid和dd.config中传递的corpid不一致。2. 鉴权的url地址不对 这个地址，用户后端签名使用的url地址和前端访问地址需要严格一致，包括端口号。这个提示大多是因为钉钉服务器没有成功读取到该企业的jsticket数据。
2024-12-28 20:38:23
665
原创 钉钉h5微应用安卓报错error29 ios报错error3 加上报错52013，签名校验失败 （前端）
这里的url可以理解为需要完全一致，有时候钉钉网关和nginx 可能会导致你自己的获取的链接与钉钉配置的链接一致。如果前端获取的地址不能与进入系统的地址完全一致，请后端鉴权接口的时候不使用前端传递的地址 而是配置固定的地址。用户后端签名使用的url地址和前端访问地址需要严格一致，包括端口号。前端部分可以用alert显示出当前的location.href，后端部分请在签名的时候打印日志。访问通过反向代理服务器、各种NAT等场景下容易出现这种问题，如http缺省的80端口，和显式增加80的不是同一个URL。
2024-12-28 19:53:19
906
原创 vscode vue文件 点击ctrl没有跳转到有@路径的自定义组件
基本上你搜索compilerOptions 就找到。paths 与baseUrl 这两项都要有。核心思想 vscode 不知道@是哪里。第二步 json文件添加内容。
2024-12-28 10:21:46
620
原创 git 拉取代码
git clone -b aaa xxx aaa是你想要拉取的分支名称 xxx是你想要拉取的仓库地址。git 拉取代码 git clone xxx xxx是你想要拉取仓库的地址，这里记录常用的几个命令。
2024-12-26 22:12:45
110
原创 Vue Language Features vscode找不到这个插件
原来的vue language Feature(Volar) 已改名为Vue - Official，搜索安装。
2024-11-22 10:29:21
751
原创 git 想要创建一个新的本地分支并检出远程分支的内容
这样列出所有内容 就可以知道远程分支的名字了。根据你检出的远程分支的名字而定。不知道名称的时候 你可以使用。是你在本地创建的新分支名，是表示一个本地存在的、跟踪。
2024-07-16 20:27:27
397
原创 node-sass 老版本4.14.0 安装失败解决办法
很多文章原理很详细，但是淘宝镜像曾经换过 导致 命令失效，所以要把网上文章中的淘宝镜像换成最新的。切换淘宝镜像之后 不能完全解决问题。因为需要编译，本地没有Python环境不能实现。旧项目 npm install 发现。总结要使用淘宝镜像，并且使用制定位置的编译。
2024-07-08 22:08:48
645
1
原创 浏览器清除控制台内容
在控制台面板中右击，在弹出的快捷菜单中选择Clear console命令。在JavaScript代码内调用console.clear()。按快捷键Ctrl+L。按快捷键Command+K（MAC）。控制台面板中会产生大量的log或warn信息，可以清除。在控制台面板中输入clear()。单击Clear按钮。
2024-04-14 16:37:28
819
原创 Canvas 简单介绍
Canvas是HTML5中新增的一种元素，允许利用JavaScript脚本在其上进行图形、图像的处理。在使用Canvas之前，需要创建一个HTML页面，并向其中加入canvas元素。
2023-12-26 21:31:38
495
原创 延迟加载 （js）
需要判断图片是否已经呈现在可视区内。当图片呈现在可视区内时，获取图片的真实地址并赋给该图片。可以使用 getBoundingClientRect()与clientHeight来判断。减少请求、节省带宽、提高页面加载速度，相对的，也能减少对服务器的压力。经常听到的 懒加载，就指的是延迟加载 ，你也可以用惰性加载称呼他。简单理解为 需要使用相应资源的时候加载，不需要就不加载。可以通过这两个关键点 判断图片是不是当前可见。2.待加载资源距离视口顶端的位置。1.浏览器视口高度。
2023-12-26 20:13:45
471
转载 CDN 简介（简单介绍）
CDN节点通常部署在多个位置，通常位于多个骨干网上。其优势包括降低带宽成本，改善页面加载时间或增加内容的全球可用性。构成CDN的节点和服务器的数量因体系结构而异，一些节点和服务器在许多远程存在点上有数以万计的服务器达到数千个节点。利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，从而提供高性能、可扩展性及低成本的网络内容传递给用户。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定。简称为 CDN 意为内容分发网络。
2023-12-26 20:08:17
177
原创 同源定义 记录一下
同源定义：如果两个页面拥有相同的协议（protocol）、端口（如果指定）和主机，那么这两个页面就属于同一个源（origin）
2023-12-24 16:36:09
514
原创 HTTP 简介 （js）
客户端通常是一个浏览器，当输入URL时，浏览器发起第一个请求以获取HTML文档，服务端收到请求后，生成相应的HTML文档，返回给浏览器，浏览器解析返回的HTML文档，并根据文档中的资源信息发送其他的请求获取这些资源，例如css文件、js脚本、图片等，浏览器根据这些资源绘制页面。可以使用cookie以及session创建有状态的会话，也可以在请求头中添加token 来分辨请求来着哪个链接。HTTP 意为超文本传输，是一种获取网络资源的协议。HTTP报文有两种类型——请求与回应。HTTP协议是无状态的。
2023-12-24 12:03:34
818
原创 js 事件处理（addEventListener() 、removeEventListener()）
capture接收一个布尔值，表示handle会在该类型的事件捕获阶段传播到该EventTarget时触发，true表示事件在捕获阶段执行，false表示事件在冒泡阶段执行，默认为false。once接收一个布尔值，表示handle是否最多只调用一次，如果是true，handle会在其被调用之后自动移除，为false时则在其被调用之后不会移除，默认为false。如果同一个监听事件分别为“事件捕获”和“事件冒泡”注册了一次，一共两次，这两次事件需要分别移除，两者不会互相影响。可以通过这样的方式绑定事件。
2023-12-21 21:42:24
731
原创 DOM 操作样式 （getComputedStyle()）
getComputedStyle()方法返回指定节点计算后的CSS属性的值.document.body 指定节点的位置可换。获取伪元素上的CSS属性写法。
2023-12-20 21:18:09
527
原创 DOM 属性操作 （getAttribute() 等）
class 可以换成标签的其他属性 id 或者name等等。如果指定的属性名不存在，则返回null，如果指定的属性名存在但没有值，则返回空字符串。setAttribute()方法用于设置节点上指定的属性值为新值，如果指定的属性不存在，则将添加一个新的属性并赋值。如果之前没有class属性 那么旧新加了一个class属性。Node节点来说，大多数属性可以通过点符号来设置或修改。方法返回节点上指定的属性名对应的值。设置了 class 名字为aaa。获取 class 属性的值。
2023-12-20 21:15:39
610
原创 js DOM的一些小操作 获取节点集合Node（ getElementsByClassName等）
返回文档中所有指定标签名的节点，没想明白这个有啥用。返回的节点名称就是你输入的节点名称。document.all 是返回文档的所有节点。返回文档中所有匹配指定选择器的节点。返回文档中所有指定name的节点。返回文档中所有含有指定类名的节点。返回文档的所有script节点。返回文档的所有image节点。返回文档的所有embed节点。返回文档的所有form节点。标签可以有name属性。返回所有的a链接的节点。返回所有类名为a的节点。返回所有id为的节点。找所有的a标签的节点。
2023-12-19 20:53:21
669
原创 js DOM的一些小操作 获取单个节点Node（getElementById等）
返回当前获取焦点的元素，默认为document.body。返回第一个符合指定id的节点，代码如下。返回第一个匹配指定选择器的节点。html大多是都是HTML。返回第一个body节点。
2023-12-19 20:42:58
654
原创 json JSON.parse()与JSON.stringify()
JSON.parse()方法解析一个JSON字符串为ECMAScript值，返回解析后的值，JSON.stringify()方法将一个JavaScript值序列化为JSON字符串。注意：JSON.parse()解析的JSON字符串不允许以逗号结尾。但是如果是字符串就可以用逗号结尾 ，（字符串要有双引号包裹）。返回的内容与上面的是不一致的，是用双引号包裹的JSON字符串。要求：被复制的对象必须是一个标准的JSON字符串。JSON.stringify()属于序列化。JSON.parse() 属于解析。
2023-12-17 14:24:51
178
原创 js json简单介绍
JSON字符串是由数字、字符串、布尔值、null、数组、对象这些值以引号包裹的形式组成的，但是不能是函数、undefined、NaN。一种以字符串的形式存在，通常称为“JSON字符串”，另一种是JavaScript中的对象或数组，通常称为“ JSON对象”如果值是一个对象，该对象的属性名必须用双引号包裹，如果值是字符串，也必须用双引号包裹，不得使用单引号。
2023-12-17 11:52:40
154
原创 js 数组 slice() 浅拷贝与sort()数组的排序
slice()方法将从数组中浅拷贝指定开始位置和结束位置之间的数组元素到一个新的数组，并返回新数组。但是注意排序是按照Unicode码点进行排序的 ，所以结果可能与你想到的内容是不一致的。sort()方法会修改数组本身，对原始数组进行排序，返回排序后的数组。从数组第二位开始拷贝 ，到第三位为止。所以可以排序函数来实现排序。结束位置不在浅拷贝的范围。注意返回内容是一个数组。
2023-12-16 11:53:11
562
原创 js 数组中的filter()（检查数组元素是否符合条件并返回新数组）
filter()方法用来检测数组中的所有元素是否都符合指定条件，并将数组中符合指定条件的数组元素抽取出来，如果没有符合条件的就返回一个空的数组。返回大于1的值 为2,3,4。
2023-12-14 22:02:47
1135
原创 js数组实例方法 forEach()与map() 区别于示例
forEach()与map() 都是对数组中的元素依次调用传入的回调函数。将该回调函数的返回值推入新数组，返回新数组，你当然还可以在在函数里面做其他操作。图片中的bbb 就是返回的新的数组。index 是在数组中的位置。
2023-12-14 21:55:46
111
原创 js 判断是不是数组
使用 Array 提供的方法 isArray()来判断。果是数组，则返回true，否则返回false。括号里面放上你想校验的内容。
2023-12-13 20:57:52
107
原创 js 有关递归简单介绍
递归的性能不好，因为在递归终止前，JavaScript引擎会为每一次递归分配一块内存以存储栈帧，随着递归的深入，这个栈帧也越来越庞大，也就导致递归占用的内存越来越多，当传入factorial的数值增加到一定程度时，浏览器就会因为耗尽内存而抛出栈溢出的错误。不要依赖于 浏览器抛出栈溢出的错误，不是所有的浏览器都会这样处理。小例子 aaa替换为你自己起的内容。递归：指调用自身的函数。
2023-12-12 22:13:19
199
移动端使用时候，如果固定宽高页面显示效果不好，这个js可以使canvas识别移动设备，设置画布宽高。
2020-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人