- 博客(62)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端常用的几种设计模式--观察者模式、单例模式等
这种模式被广泛应用在 JavaScript 中，用来创建模块，这些模块可以有私有和公有的方法和变量。也被称为发布/订阅模式，这种模式允许对象订阅另一对象的特定活动并在适当的时候被通知。这种模式允许在运行时动态地为对象添加新的行为。这是 JavaScript 的核心模式，由于 JavaScript 是基于原型的，所以它在 JavaScript 的对象创建和继承中起着重要的作用。以上这些模式并不是前端开发者必须要记住的，但对于写出高质量代码以及理解现代 JavaScript 框架和库的工作原理是非常有帮助的。
2024-09-04 17:41:34
928
原创 前端算法面试题1--栈、队列、链表、字典与哈希表
1.多个元素存储的列表2.链表中的元素在内存中不是顺序存储的，而是通过“next”指针联系在一起的。
2024-09-03 01:39:59
1339
原创 前端算法面试题2--树、堆
因为 fun1 是一个接收一个参数（在这里是树节点）的函数，所以它可以直接作为 forEach 的参数使用。这也是随机存储结构（数组）的短板：删除一个元素后，整体往前移动是比较费时的，这个特性也导致堆在删除元素的时候，要把最后一个叶子节点补充到树根节点的缘故。forEach 是 JavaScript 数组的一个方法，它接收一个函数作为参数，并对数组的每一个元素执行这个函数。这些遍历结果是基于你提供的二叉树结构，其中 'A' 是根节点，'B' 和 'C' 是 'A' 的左右子节点，以此类推。
2024-08-25 13:31:01
700
原创 JSBridge 实现网页与原生应用之间的通信
通信桥梁：JSBridge 充当了 Web 应用和原生应用之间的通信桥梁。通过 JSBridge，我们可以在 web和原生代码之间进行双向通信，使这两者能够互相调用和传递数据。原生功能调用：使用 JSBridge，我们可以在 JavaScript中调用原生应用中的功能。意味着我们可以在 web 和原生代码之间传递复杂的数据结构，如对象、数组等，以满足应用的功能需求。混合开发（Hybrid）是一种开发模式，指使用多种开发模型开发App，通常会涉及到两大类技术：原生 Native、Web H5。
2024-08-22 16:10:58
302
原创 usecallback()与usememo()
都是用来监听数据变化 来进行控制渲染、减少不必要的渲染 、优化性能usecallback()是用来监听数据变化从而调用方法usememo()是用来监听数据变化从而改变数据 使用return返回变化的数据 当然return 也可以返回方法 所以usememo()可以代替usecallback()
2024-07-04 11:41:30
745
原创 图片路径没有转化为base64反而呈现[object Module]
可能是因为图片已经被其他的 loader 处理过了，有两个处理 “.jsx” 文件的 loader，它们都使用了 “babel-loader”。当 “url-loader” 接手处理图片时，它实际上处理的是一个模块对象，而不是图片文件。如果问题仍然存在，你可能需要检查你的其他配置或你的环境。例如，你可能需要确认你的图片路径是否正确，或者你可能需要确认你的 “node_modules” 是否包含了正确的 loader 版本。这将告诉 “url-loader” 不要将图片导入转换为 ES6 模块。
2024-05-20 11:34:50
247
原创 移动端 1px 兼容适配问题
由于Retina屏幕的设备像素比(Device Pixel Ratio)高于1，导致1px的边框在物理像素上无法均匀分配。总的来说 就是边框设置为1px时 在苹果的一些机型上显示不全 或者不清晰。问：那都变粗了 颜色变深了 和UI稿不一样 产品不能接受怎么办?当然 也有可能是盒子的布局问题 没有撑开 或者被上个盒子遮住了。答：在2px的基础上把颜色调浅些 接近原来的颜色就ok。2.生效了 但是 边框的边缘深浅不一。【能用样式写的尽量不要用图片】网上的方法试了个遍 都不太行。3.又笨又不生效又垃圾的方法。
2024-01-05 12:05:25
552
原创 git合并问题
使用合并（merge）： 这将创建一个新的合并提交，该提交包含了本地分支和远程分支的所有改动。如果两个分支有冲突，你需要手动解决冲突。因为你的本地分支和远程分支有不同的提交历史，Git 不清楚你想要如何合并这两个分支。
2024-01-02 11:12:55
540
原创 ant mobile中的CalendarPicker 展开定位问题 以及开始结束显示问题
今天开始时候 使用了ant mobile中的CalendarPicker 结果发现问题多多啊 一步一坑现在总结下我遇到的问题 希望对你有帮助使用组件图片一：需求描述：时间跨度 当前时间的前后5年 默认选中时间时前三个月以及未来一个月。
2023-12-25 17:29:02
839
原创 字体溢出怎么解决
最简单的方法white-space: nowrap;并且使用了white-space: nowrap;flex布局 一行滚动显示 导致字体溢出。想不改变字体大小 让字体撑开盒子。是否生效 请留言 期待你的留言～如果出现其他情况导致字体溢出。
2023-12-12 17:21:43
369
原创 深拷贝、浅拷贝 react的“不可变值”
在react中 如果不想改变初始值的话 建议使用hook方法进行深拷贝使用展开运算符（Spread Operator）对象的例子：setState({...state,});在这个例子中，我们使用展开运算符 … 来创建一个新的对象，新对象包含了原对象的所有属性和方法，同时修改了 count 属性的值。由于我们使用了新的对象来更新状态变量，因此可以实现不可变数据。数组的例子：使用数组的 map() 方法可以使用数组的 map() 方法来创建一个新的数组，从而实现不可变数据。
2023-12-11 20:26:36
1808
原创 前后端的身份认证--cookie--session--jwt--token
一、web开发模式目前主流的WEB开发模式有两种，分别是：1.基于服务端渲染的传统WEB开发模式2.基于前后端分离的新型WEB开发模式服务器渲染的web开发模式服务器渲染的概念：服务器发送给客户端的HTML页面，是在服务器通过字符串的拼接，动态生成的，因此，客户端需要使用Ajax这样的技术额外请求页面的数据...
2022-02-07 09:48:47
4374
6
原创 CORS跨域请求
CORS跨域资源共享1.使用cors中间件解决跨域问题cors是express的一个第三方插件，通过安装和配置cors中间件 可以很方便地解决跨域问题使用步骤分为3步：1.运行 npm install cors 安装中间件2.使用const cors=require(‘cors’)导入中间件3.在路由之前调用app.use(cors())配置中间件2.什么是CORScors（跨域资源共享）由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源浏览器的同源安
2022-01-26 17:49:16
2730
原创 初识express
express学习目标express简介1.什么是expressexpress 官网地址https://www.expressjs.com.cn/express的基本使用1.安装2.创建基本的web服务器
2022-01-26 16:30:56
982
原创 前端之node基础学习
文章目录一、初识node.js与内置模块的学习前言1.初识Node.js2.fs文件系统模块3.path路径模块4.http模块一、初识node.js与内置模块的学习前言1.初识Node.js1.什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境2.Node.js可以做什么2.fs文件系统模块读取指定文件中的内容3.判断文件是否读取成功4.向指定的文件中写入内容5.fs模块-路径动态拼接问题在使用fs模块操作文件是，如果提.
2022-01-13 16:38:43
1275
原创 Ajax--node基础准备
学习目标一、XMLHttpRequest的基本使用1.什么是XMLHttpRequestXMLHttpRequest（简称xhr）是浏览器提供的JavaScript对象，通过它，可以请求服务器上的数据资源，之前所学的jquery中的Ajax函数，就是基于xhr对象封装出来的1.2使用xhr发起get请求步骤：①创建xhr对象②调用xhr.open()函数③调用xhr.send()函数④监听xhr.onreadystatechange事件1.3了解xhr对象的readyState属性
2022-01-10 15:23:15
596
原创 学习node之前需要了解的知识
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、客户端 ：二、url的组成部分三、 分析网页打开的通信过程四、基于浏览器的开发者工具分析通信过程五、了解ajaxAjax的典型应用场景-1.动态检测用户名是否被占用2.当输入搜索关键字时 通过ajax的形式 动态加载搜索提示列3.数据分页显示：当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据4.数据的增删改查：数据的添加、删除、修改、查询操作，都需要通过ajax的形式来实现数据的交互六、jquery中的aja
2022-01-06 11:39:07
879
原创 Vuex从入门到实战笔记---黑马
一、Vuex的概述1.回顾–组件之间共享数据的方式（仅适合在小范围内实现数据共享）父向子传值：v-bind属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据：EventBus$on:接收数据的那个组件$emit:发送数据的那个组件2.Vuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享没有使用 Vuex时 想要实现数据的分享 需要将值传到附近的组件中使用Vued时 实现数据共享 只需要将组件中的值传到store 其他组件可以从s
2021-11-26 16:09:15
768
原创 JavaScript数据类型---3
一、数据类型简介1.1为什么需要数据类型在计算机中，不同的数据所占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型1.2变量的数据类型变量的数据类型 会根据变量的值 自动确定 也会根据变量的值的改变 数据类型也会改变1.3数据类型的分类js把数据类型分为两大类1.3.1简单数据类型数字型 NumberJavaScript数字类型可以用来保存数值，也可以保存小数（浮点数）var age=21；整数v.
2021-11-24 13:33:20
539
原创 JavaScript的变量--2
一、变量概述1.1什么是变量1.2变量在内存中的存储本质：变量是程序在内存中申请的一块用来存放数据的空间二、变量的使用变量在使用时分为两步：1.声明变量 2.赋值注意 1.更新变量：一个变量被重新赋值后，它原有的之就会被覆盖，变量值将以最后一次赋的值为准2.同时声明多个变量同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开var age=18, address='火影村‘， gz=2000...
2021-11-24 10:49:08
578
原创 javascript入门导读--基本知识-js引入三种方式--注释--输入输出--1
一、初识JavaScript1.JavaScript是什么javascript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思） 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器端编程2.javaScript的作用3.浏览器执行javascript简介4.js（JavaScript简写）的组成4.1ECMScript4.2DOM---文档对象模型...
2021-11-23 18:08:05
795
原创 前端之移动端布局--移动端的特点-百分比布局-flex布局--less--vw/vh--响应式布局
文章目录移动端布局一、移动端的特点二倍图二、百分比布局（古老的布局方式）三、flex布局（重点！）1.简介justify-content 主轴对齐方式align-items 侧轴对齐方式![在这里插入图片描述](https://img-blog.csdnimg.cn/baa0aa5b6e3b49c0ac01a2f6c89f7458.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAZmF
2021-11-22 16:05:49
783
1
原创 css3--新特性相关demo--小例子--源码
transitation transform：translat<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2021-11-18 14:30:28
321
原创 前端之- 一些外部引入的样式、框架、杂七杂八--vue常用依赖用法
文章目录一、iconfont字体图标的引用插画 小图标使用方法扩展一、iconfont字体图标的引用插画 小图标（阿里巴巴开发）网址链接https://www.iconfont.cn相中自己喜欢的样式 --添加到库–添加到项目–新建项目–打开下载的压缩包 可以查看到自己添加的样式对应的类名使用方法1.将下载的压缩包解压 重命名为iconfont将这个文件夹添加至自己的项目中2.进行iconfont.css样式链接的引入进行类名的使用注意 iconfont类名是固定的并加入自己需要使
2021-11-18 14:06:24
978
原创 前端学习过程中遇到的问题 --不断总结
一、input::before失效原因：很多类型的input都不支持伪类，buttom 、 number 、text 、 email 等等。原代码//html<input type="text">//cssnav .daohang input::before{ content: ''; position: absolute; left: 2px; top: 4px; width: 18px; height: 18px; /
2021-11-17 14:06:35
677
原创 用css画三角形--demo案例--源码
用css画三角形技巧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-11-16 15:56:30
104
1
原创 css基础--定位 相关案例--子绝父相--源码
简单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti.
2021-11-16 13:40:02
212
原创 css基础练习--浮动布局小demo--小米商城布局-新闻导航--源码
1.简单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-11-16 10:03:51
336
原创 前端面试必考--html--css--不断补充更新中
文章目录HTML1. img--单标签2.a--链接标签3.标题html5的新特性CSS1.css的引入方式2.重点：水平居中方法总结3.垂直居中4.元素显示模式(块、行内、行内块…)HTML1. img–单标签src属性 图片的路径alt属性 替换文本 当图片加载失败时 看到的文本title属性 鼠标悬停在图片上时显示的文本height wight：用于控制图片的大小2.a–链接标签称呼：a链接 超链接 锚链接<a href="./目标网页.html" target="_blank
2021-11-15 15:17:15
378
原创 前端css-demo练习 --普通导航- -源码 -伪类选择器
普通导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-11-15 14:47:51
127
原创 css基础-水平居中练习-相关demo案例-源码
demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-11-12 15:47:37
338
原创 前端-css基础知识大全--及css3新特性--相关练习demo
文章目录一、认识css二、css的引入方式三、css的基础选择器1.引入库2.读入数据总结一、认识csscss-层叠样式表二、css的引入方式补充：外联式：eg：<link rel="stylesheet' href="./02.css">三、css的基础选择器1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsim
2021-11-12 15:47:15
2594
2
原创 前端HTML入门之表单demo练习实例 --源码
demo-表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-11-12 09:37:44
993
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人