- 博客(27)
- 收藏
- 关注
RSS订阅原创 手机端查看pc端本地启动的项目页面
正常访问的时候，手机端是无法打开移动端的localhost页面的，下边将介绍如何通过手机端查看PC端本地启动的项目页面。在手机浏览器中，输入 `http://:`。例如，如果你的PC本地IP地址是 `192.168.1.100`，端口号是 `3000`，那么在手机浏览器中输入 `http://192.168.1.100:3000`。在PC上启动你的本地项目，通常会有一个端口号（例如 `http://localhost:3000`）。在PC上，你需要找到当前的本地IP地址。
2025-02-11 09:59:29
531
原创 canvas 常用的绘图命令和属性有哪些？
8. destination-out：新图像在原图像外。只有原图像非交叉区域可见。6. destination-atop：新图像在原图像底部。7. destination-in：新图像在原图像中。只有原图像交叉区域可见。4. source-out：新图像在原图像外。2. source-atop：新图像在原图像顶部。3. source-in：新图像在原图像中。5. destination-over：新图像在原图像下方。新图像在原图像上方。11. xor：只显示新图像和原图像不重叠的部分。
2023-07-05 23:10:12
792
原创 小程序（uniapp）页面的跳转方式有哪些，他们之间的区别是什么？
uni.navigateTo 会将新页面压入页面栈，而 uni.redirectTo 则不会打开新的页面，而 switchTab 和 reLaunch 、uni.navigateBack 则会从页面栈中弹出当前页面，返回到上一页面或多级页面。保留当前页面，跳转到应用的某个页面，使用 uni.navigateBack 可以返回原页面。1、页面栈最大深度为10，当超过10时，需要使用 uni.redirectTo 或 uni.reLaunch。关闭当前页面，跳转大应用内的某个页面。这种方式类似于网页的重定向。
2023-07-01 15:42:16
4368
原创 WebSocket 和 Socket.IO
当服务器接收到 'chat message' 事件时，它会将这个消息广播给所有的客户端。2. 如果服务器支持 WebSocket 协议，它会返回一个包含 "101 Switching Protocols" 状态码的 HTTP 响应，表示服务器同意升级到 WebSocket 协议。在这个示例中，当用户提交表单时，浏览器会发送一个 'chat message' 事件到服务器，并清空输入框。在客户端，你可以使用 Socket.IO 的客户端库来连接到服务器，并发送和接收事件。你可以创建一个实时聊天应用。
2023-06-29 23:32:06
1884
原创 简单描述下对 Restful 风格的理解？
Restful 风格是一种软件架构的风格，主要用于客户端和服务器之间的交互。客户端只知道与它直接交互的服务器，不知道后边是否还有其他服务器，这样可以简化客户端的设计，提高系统的可扩展性。客户端负责用户界面和用户交互，服务器负责处理业务逻辑和数据存储。每次请求都是独立的，服务器不报错客户端的任何状态信息。这样可以简化服务器的设计，提高服务器的可扩展性。Restful 风格定义了一组同一的接口，包括资源的标志、资源的表示、信息的描述等。服务器可以将响应标记为可缓存或不可缓存，以提高客户端的性能。
2023-06-29 23:23:09
304
原创 http 1.0 和 http 2.0 区别？
在 HTTP/1.x 中，浏览器需要解析 HTML 文件，发现 CSS 文件和 JavaScript 文件的引用后，再向服务器发送请求获取这两个文件。这样，当浏览器解析 HTML 文件，发现需要 CSS 文件和 JavaScript 文件时，就可以直接从缓存中获取，而不需要再向服务器发送请求。而在 HTTP/2 中，服务器在发送 HTML 文件的同时，可以预测到浏览器接下来会请求 CSS 文件和 JavaScript 文件，等到客户端真正需要的时候，直接从缓存中获取，提高了性能。
2023-06-29 23:20:37
2525
原创 echarts 常见的组件有哪些？
提供了一些工具，包括数据视图切换、数据区域缩放、图片导出等。:在鼠标悬停在某个数据项上时，可以显示该数据项的更多信息。:系列列表是图表的主要部分，每个系列代表一组相关的数据。: 在直角坐标系中，网格组件用来确定图表的位置和大小。:永不表示各种图标类型的标记和文本。:用于在图表中进行缩放或者平移。:用于标记图表中的特定值或范围。:用来显示图标的标题和副标题。:用于将数据映射到视觉元素。
2023-06-29 23:17:07
2130
原创 token 过期的处理方案有哪些？
在用户登录时，除了发放一个访问令牌（Access Token）以外，再发放一个刷新令牌（Refrsh Token）。当访问令牌过期时，使用刷新令牌向服务器请求新的访问令牌。当访问令牌过期时，跳转回登录界面，让用户重新登录。这种方式的优点是可以避免用户频繁登录，但需要妥善保管刷新令牌，因为它的安全性比访问令牌更高。这种方式的优点是用户只要频繁访问，就不需要登录，但可能会增加服务器负担。用户每次使用使用访问令牌时，服务器都会更新访问令牌的过期时间。访问令牌的有效期比较短，刷新令牌的有效期比较长。
2023-06-29 00:21:58
24352
原创 JWT 的认证流程
4、用户将 JWT 存储在本地，通常是 cookie 或者 localStorage。6、服务器会验证 JWT ，如果验证通过，则会处理请求，返回数据。3、一旦凭据验证成功，服务器会创建一个 JWT 并返回给用户。5、用户每次向服务器发送请求时，都会在请求头中包含 JWT。7、如果用户注销或者 JWT 过期，服务器会拒绝请求。1、用户使用用户名和密码登录。2、服务器验证用户凭据。
2023-06-28 23:56:30
1694
原创 web 从输入url到渲染到页面上都经历了哪些过程？
浏览器与服务器简历TCO连接，进行三次握手。（DNS解析完成之后，TCP连接服务器就绪，页面绘制完成后，TCP连接断开）服务器处理浏览器的请求，并返回请求数据，其中包括HTML文档。浏览器将各个节点的涂层合并成一个完整的页面，然后展示到屏幕上。浏览器会进行DNS解析，将域名转换成服务器的IP地址。浏览器向服务器发送HTTP请求，请求页面资源。浏览器进行布局，计算出每个节点在页面上的位置。浏览器解析CSS样式，构建CSSOM树。浏览器进行绘制，将每个节点绘制到屏幕上。浏览器解析HTML文档，构建DOM树。
2023-06-28 23:29:48
551
原创 token 应该存在 Cookie、SessionStorage 还是 LocalStorage 中？
3. LocalStorage：将token存储在localStorage中的优点是，即使在浏览器关闭后，localStorage中的数据仍然存在，因此用户可以保持登录状态。2. SessionStorage：将token存储在sessionStorage中的优点是，它只在当前会话中存在，当用户关闭浏览器后，sessionStorage中的数据将被清除。这种方式的缺点是，如果用户在浏览器中打开新的标签页或窗口，那么新的页面将无法访问sessionStorage中的数据。在Web开发中，安全性是非常重要的。
2023-06-28 23:00:41
8523
原创 Promise 的基本原理
Promise 对象被创建时，其状态为 pending，当我们调用 resolve 函数或 reject 函数时，状态会改变为 fulfilled 或 rejected，并且状态一旦改变，就不能再次改变。2. resolve 函数和 reject 函数是由 JavaScript 引擎提供的，当异步操作成功时，我们调用 resolve 函数来改变 Promise 对象的状态，当异步操作失败时，我们调用 reject 函数来改变 Promise 对象的状态。
2023-06-28 22:42:18
536
原创 gitHub国内上传下载速度缓慢解决方案
https://www.ipaddress.com/ 使用 IP Lookup 工具获得下面这两个github域名的ip地址，该网站可能需要梯子，输入上述域名后，分别获得github.com和github.global.ssl.fastly.net对应的ip，比如192.30.xx.xx和151.101.xx.xx。准备工作做完之后，打开C->windows->system32-&...
2018-07-30 23:47:21
2483
原创 Vue 2.X学习笔记（三）
一、 发送AJAX请求 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护。二、 使用axios发送AJAX请求1、 安装axios模块或者下载axios.min.js文件并引入2、使用方法2.1 ...
2018-05-10 21:19:52
425
原创 Vue 2.X学习笔记（二）
一、事件简写和事件对象$event<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件简写和事件对象$event</title> <script src="js/vue.js&quo
2018-05-06 16:33:55
237
原创 Vue 2.X学习笔记（一）
一、起步 1、项目中使用vue有三种使用方式： 1.1、官网直接下载vue.js到本地，进行本地引用； 1.2、使用官网提供的cdn 1.3、npm安装 （我们这里先使用本地引用的方式进行学习） 2、话不多说，先来看一个小例子（致我们亲爱的 hello...
2018-05-05 23:33:12
326
原创 梦幻柔焦（奥顿效果）
奥顿效果：照片会有一种朦胧发光的感觉，处理之后的照片会散发出一种迷人的漫射光。处理后：处理前：操作步骤：1、复制底图2、复制的图层执行高斯模糊数值为7（仅作参考，视图而定）3、图像-应用图像（正片叠底）4、图层混合模式调整为滤色5、微调
2018-01-07 00:02:16
3888
原创 web存储
本地存储之webstorage浏览器的数据存储除了cokie，H5又新添加了两种网络存储方式，一个是sessionStorage的的的，另一个就是localStorage的的的。概念及生命周期：的sessionStorage的 针对一个会话的数据存储，关闭浏览器数据消失。localStorage的的的 没有时间限制的数据存储。两种存储方法都提供了存储，删除等
2018-01-06 23:30:12
338
原创 LiveReload 插件实现文件更改浏览器自动刷新
LiveReload是一款跨平台的浏览器自动刷新插件，节省了大量手动刷新浏览器，目前支持 Safari、Chrome 和 Firefox三个浏览器而要让 LiveReload 自动刷新浏览器，则有两种方法：一、在页面源代码中插入指定的代码二、安装浏览器扩展，显然第二种来得更方便和更友好Chrome 扩展安装安装完成后，需要赋予其「允许访问文件网址」的权限
2017-09-04 11:00:49
1805
原创 sublime 实现浏览器预览功能
SideBarEnhancements插件" style="margin:1.25em 0px; font-size:1.35em; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(221,221,221); padding-top:15px; padding-bottom:10px; font
2017-08-31 14:33:00
2438
原创 sublime 编辑器常用插件整理
插件的安装方法：按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。JS代码提示：JavaScript Completions代码对齐：alignment 需要修改快捷键html-css-js 格式化：html-css-js prettify （ctrl+shift+
2017-08-31 14:21:36
437
原创 关于javac不是内部和外部命令原因
在安装java包时，会遇到两次路径选择，第一次时选择jdk的路径，第二次是选择JRE的路径，如果所选择的jdk安装路径和jre的安装路径相同，那么jre包中的内容会覆盖掉jdk中的内容，因此，在你安装完成之后，会发现找不到tools.jar和dt.jar包。所以，在安装的过程中，jdk和jre要安装在不同的文件下，比如我的jdk安装在“d:/java/jdk"下面，jre安装在
2017-08-14 17:38:30
374
转载 javascript——touch事件
前言 诸如智能手机和平板电脑一类的移动设备通常会有一（capacitive touch-sensitivescreen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处理这些事件。例如，几乎所有的快节奏游戏都需要玩家一次按下多个按钮，这种方式，在触摸屏情况下，意味着多点触摸。Apple在iOS 2.0中引入了触摸事件AP
2016-10-09 14:59:26
343
转载 让Bootstrap轮播插件carousel支持左右滑动手势的三种方法
因为最近开发的项目涉及到移动设备上的 HTML5 开发，其中需要实现轮播效果。然后最快捷的方式，你知道的（Bootstrap），然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。然后......自己想办法呗，再然后，就有下面3种解决方案 ：jQuery Mobile (http://jquerymobile.com/download/) $("
2016-09-18 15:17:13
1842
转载 mCustomScrollbar 的介绍和使用方法
jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法http://www.qianxingzhem.com/post-1602.html系统默认的滚动条样式，真的已经看的够恶心了。试想一下，如果在一个很有特色和创意的网页中，出现了一根系统中默认的滚动条样式，会有多么的别扭。 为了自己定义网页中的滚动条的方法，我真的已经找了很久了，就
2016-03-07 15:35:40
14163
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人