前端 - 随笔分类 - skywa1ker

前端 canvas双缓冲（离屏）渲染

摘要：离屏渲染（Offscreen Rendering）是指在屏幕外的内存中进行图像渲染，然后将渲染结果显示在屏幕上的技术。 // 获取离屏 Canvas 元素 const offscreenCanvas = document.getElementById('offscreenCanvas'); // 获阅读全文

posted @ 2025-11-14 14:16 skywa1ker 阅读(59) 评论(0) 推荐(0)

flex弹性盒儿

摘要：## 阮一峰博客对flex的介绍 https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html ### 常用垂直居中 ``` .container{ display: flex; justify-content: center; align-it 阅读全文

posted @ 2023-07-26 17:26 skywa1ker 阅读(34) 评论(0) 推荐(0)

定位详解

摘要：定位这个东西，blablabla，什么absolute，fixed...一头雾水 `` 定位=定位模式+边偏移 `` ### 定位模式 `` 💡首先要声明的是，元素分为**块级元素与浮动元素**这个属于布局主题，当然他们也有各自的定位属性，这里主要写一下块级元素的定位。 `` #### posit 阅读全文

posted @ 2023-07-26 17:24 skywa1ker 阅读(88) 评论(0) 推荐(0)

伪类&伪元素

摘要：## **伪类** **同一个标签，根据用户的某种状态不同，有不同的样式。这就叫做“伪类，伪类分为UI伪类和结构化伪类。** ### **UI伪类** CSS中已经定义好的选择器,不能随便取名 ![](https://cdn.nlark.com/yuque/0/2023/png/29025984/1 阅读全文

posted @ 2023-07-26 17:20 skywa1ker 阅读(93) 评论(0) 推荐(0)

npm常用后缀

摘要：– -- save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中； – --save-dev 、 -D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的packa 阅读全文

posted @ 2023-07-26 17:15 skywa1ker 阅读(89) 评论(0) 推荐(0)

npm常用命令

摘要：1、查看本地npm的版本：npm -v 2、升级npm版本：npm install npm@latest -g（@latest表示最新的版本） 3、查看指定命令的帮助：npm 指定命令 --help 4、查看npm帮助命令：npm --help 5、初始化：npm init 6、初始化（跳过向导）阅读全文

posted @ 2023-07-26 17:13 skywa1ker 阅读(955) 评论(0) 推荐(0)

常用UI库地址

摘要：### 🎈semi UI 🌍[https://semi.design/zh-CN/start/getting-started](https://semi.design/zh-CN/start/getting-started) ### 🎈Ant Design 🌍[https://ant.des 阅读全文

posted @ 2023-07-26 17:07 skywa1ker 阅读(78) 评论(0) 推荐(0)

前端常用配置

摘要：`DNS：223.5.5.5` 用于解决部分yarn和npm问题 #### npm镜像 `npm config set registry https://registry.npm.taobao.org` #### 创建React模板（js） `npx create-react-app my-app 阅读全文

posted @ 2023-07-26 17:06 skywa1ker 阅读(67) 评论(0) 推荐(0)

HTTP 和 HTTPS | HTTP发展

摘要：#### 1.http 和 https 的基本概念 http: 是一个客户端和服务器端请求和应答的标准（TCP），用于从 WWW 服务器传输超文本到本地浏览器的超文本传输协议。 https:是以安全为目标的 HTTP 通道，即 HTTP 下加入 SSL 层进行加密。其作用是：建立一个信息安全通道，阅读全文

posted @ 2023-07-26 17:03 skywa1ker 阅读(82) 评论(0) 推荐(0)

TCP | UDP

摘要：### ![0_131271823564Rx.gif](https://cdn.nlark.com/yuque/0/2022/gif/29025984/1666330902845-f807c05c-ad6a-489f-99a0-68a02adac12f.gif#clientId=u9d960a2a- 阅读全文

posted @ 2023-07-26 17:00 skywa1ker 阅读(45) 评论(0) 推荐(0)

跨域问题

摘要：**跨域，是指浏览器不能执行其他网站的脚本。** 它是由浏览器的同源策略造成的。 💡*注意：如果不是浏览器环境，是没有跨域问题的。跨域是浏览器自身的限制。* 同源策略,是浏览器对 JavaScript 实施的安全限制，只要协议、域名、端口有任何一个不同，都被当作是不同的域。 ### 解决方案 - 阅读全文

posted @ 2023-07-26 16:58 skywa1ker 阅读(47) 评论(0) 推荐(0)

从输入URL到页面加载的全过程

摘要：1. 首先在浏览器中输入URL 2. 查找缓存：浏览器先查看浏览器缓存-系统缓存-路由缓存中是否有该地址页面，如果有则显示页面内容。如果没有则进行下一步。 - 浏览器缓存：浏览器会记录DNS一段时间，因此，只是第一个地方解析DNS请求； - 操作系统缓存:如果在浏览器缓存中不包含这个记录，则会使系统阅读全文

posted @ 2023-07-26 16:56 skywa1ker 阅读(79) 评论(0) 推荐(0)

解决前后端分离业务中，前端访问后端404的Nginx配置。

摘要：server { listen 80; server_name localhost; root "E:/plan"; location / { index index.php index.html error/index.html; } location /api/{ proxy_pass http 阅读全文

posted @ 2022-11-19 09:53 skywa1ker 阅读(1117) 评论(0) 推荐(0)

记一次前端CryptoJS AES解密

摘要：1.背景业务需求，需要联动多个平台，涉及到各平台的模拟登录。已知加密前明文且正常登录。（无验证码要求）某平台验证验证方式为.\login接口POST一串json字符串 { "account": "********", "password": "uR+dmpMdF9MRXfkBG3wQ+w==" 阅读全文

posted @ 2022-06-02 14:48 skywa1ker 阅读(1736) 评论(4) 推荐(2)

quasar + uni-app混合打包APP

摘要：写几个关键点，作为备忘录。和所有框架一样，现在本地run build quasar的cli是 quasar build 然后记住打包好以后的静态文件目录 uni-app新建一个5+App的默认模板把刚才的静态文件copy到5+App的目录下配置好Uni-app云端打包。阅读全文

posted @ 2022-01-28 17:29 skywa1ker 阅读(480) 评论(0) 推荐(0)

解决WIN7无法安装高版本Node.js问题

摘要：网上很多文章都让去安装低版本node 由于业务需求，低版本node npm 有一些包支持的不好 npm出cb() never call 本着更新npm 顺带弄个高版本的node 单独更新npm npm install npm @latest -g 正文 win7 最高支持Node.js 13.14 阅读全文

posted @ 2022-01-26 10:50 skywa1ker 阅读(3904) 评论(0) 推荐(0)

React设置proxy后依旧报CROS错误

摘要：1.判断表单数据是否为后端接收的类型 POST GET2.axios自动转换问题手动添加标头这份表单数据包括了files （二进制数据）而标头显示是JSON格式不符所以报CROS 更多文章请移步我的个人博客https://blog.nwctwang.top/ 阅读全文

posted @ 2022-01-24 10:52 skywa1ker 阅读(140) 评论(0) 推荐(0)

React中使用react-player 播放视频或直播

摘要：业务中需要播放视频，寻来寻去，找到了react-player 初次点击，甚是眼熟，思来想去，竟是钉钉同款如果使用react框架先安装 npm install --save video-react react react-dom redux 1.引入video-react以及CSScss一定不要忘阅读全文

posted @ 2022-01-24 10:46 skywa1ker 阅读(1990) 评论(0) 推荐(0)

React BrowserHistory 踩坑实录布置到服务器Nginx上各种静态文件、二级地址404

摘要：由于BrowserHistory访问的是文件真实地址不仅需要前端配置package.json还需要运维端配置一下网站Nginx设置环境： "react": "^17.0.2", "react-dev-utils": "^11.0.4", "react-dom": "^17.0.2", "react- 阅读全文

posted @ 2022-01-24 10:30 skywa1ker 阅读(246) 评论(0) 推荐(0)

React history.push()无法跳转 url改变页面不渲染

摘要：一、history.push()无法跳转参考了很多文章研究一下生命周期 render是要有state变化才会执行 BrowserHistory只有props变化无法触发render 如下改造环境 "react": "^17.0.2", "react-cookies": "^0.1.1", "re 阅读全文

posted @ 2022-01-24 10:21 skywa1ker 阅读(2969) 评论(0) 推荐(0)

随笔分类 - 前端

公告