自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue-grid-layout详解

你可以根据项目需求自定义每个GridItem的样式。以下是一个简单的样式示例。

2024-07-11 11:11:53 632

原创 配置 Node.js 内存限制

Node.js 应用程序通常需要配置堆内存的大小以优化性能和避免内存溢出问题。你可以通过命令行参数、环境变量或系统属性来设置 Node.js 的内存限制。通过以上方法,你可以在不同操作系统下有效地配置 Node.js 的内存大小,以满足你的应用程序运行需求。环境变量来设置 Node.js 的选项。来设置 Node.js 的选项,包括内存限制。在终端中启动 Node.js 应用程序时,同样可以使用。参数来设置堆内存的大小。在启动 Node.js 应用程序时,可以使用。)中,以便每次登录时自动生效。

2024-07-11 11:09:44 559

原创 react-基础

能够理解什么是JSX,JSX的底层是什么概念:JSX是 JavaScript XML(HTML)的缩写,表示在 JS 代码中书写 HTML 结构作用:在React中创建HTML结构(页面UI结构)采用类似于HTML的语法,降低学习成本,会HTML就会JSX充分利用JS自身的可编程能力创建HTML结构注意:JSX 并不是标准的 JS 语法,是 JS 的语法扩展,浏览器默认是不识别的,脚手架中内置的包,用来解析该语法。

2024-04-09 14:45:54 781

原创 Git 简介和基本使用方法

Git 是一个分布式版本控制系统,由 Linus Torvalds 于2005年创建。它设计用于管理和跟踪文件的变更,适用于各种规模的项目,从个人项目到大型开源项目。Git 可以记录每个文件的修改历史,并且能够轻松地在不同版本之间进行切换。它还支持多人协作开发,可以方便地合并不同开发者的修改,并解决可能的冲突。

2023-10-13 09:19:59 131

原创 在线预览文档的前端实现方法

如果需要更多的定制性和灵活性,我们可以自己实现一个用于文档预览的组件。可以使用一些开源的 JavaScript 库,如PDF.js或者Viewer.js来解析和渲染文档。这种方式需要更多的开发工作,但是可以根据需求进行自由定制,适应不同的文档类型和展示需求。

2023-10-13 09:11:16 1752 1

原创 提高前端工作效率的秘诀:使用 ChatGPT

在如今快节奏的前端开发环境中,工程师们需要不断寻找新的方法来提高工作效率并更好地满足用户需求。ChatGPT是一种强大的人工智能模型,可以帮助前端开发人员在各个领域取得更高效的成果。本文将探讨如何利用ChatGPT的优势,提高前端开发工作的效率。

2023-07-19 17:38:19 379

原创 实战教程:PC端触底加载的实现方法

随着单页应用的发展,很多网站采用了触底加载的技术,用户滚动到页面底部时,会自动加载更多内容,为用户提供了更好的使用体验。本文将介绍如何在PC端实现触底加载功能。本文介绍了在PC端实现触底加载的方法,主要通过判断用户是否已经滚动到页面底部来触发数据加载的行为。实际应用中需要避免重复加载、提示用户正在加载等注意事项。通过触底加载,可以有效提高用户体验,提升网站的用户留存和用户粘性。

2023-06-06 08:17:40 544

原创 前端必备14款业界受欢迎的富文本编辑器

富文本编辑器真的非常多,以上只是本人接触过的一些,相信还有很多很好的富文本存在,其实也没必要全都试一遍,只有最适合自己的,才是最好的。

2023-03-23 17:02:08 5950 1

原创 vue使用Canvas生成海报

方法一 :main.js 中全局注册。方法二 :在页面里引入。

2023-02-17 10:37:17 413

原创 vue项目SEO不友好怎么办?

SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等及站外优化,比如网站站外推广、网站品牌建设等,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广。TITLE,KEYWORDS,等的优化内部链接的优化,包括相关性链接(Tag标签),锚文本链接,各导航链接,及图片链接。...

2022-08-29 11:14:58 1618

原创 ReactNative环境搭建

React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创建移动端App项目。相较于Vue.js在移动端只能构建WebApp,React生态系统中有一个可以构建“真正原生App”的扩展——ReactNative,可以这样说“ReactNative是React生态圈可以傲视其它对手的绝对功臣”。原理ReactNative应用中的JS代码,在开发运行阶段会被编译为原生的Java或OC代码ReactNative英文官网https//reactnati。...

2022-07-18 20:19:49 1267

原创 useEffect为函数组件添加“副作用”

你是不是也用过最新的Hooks了,Hooks虽然好用,但是对于刚上手Hooks的小伙伴来说,坑也挺多的。所以决定总结一下Hooks的使用经验,从useEffect开始。​ 副作用是相对于主作用来说的,一个函数除了主作用,其他的作用就是副作用。对于 React 组件来说,主作用就是根据数据(state/props)渲染 UI,除此之外都是副作用(比如,手动修改 DOM)常见的副作用使用步骤讲述概念优点不好理解,直接上代码父组件子组件...

2022-07-13 15:12:09 328

原创 前端面试官常问的问题

标准回答:Promise的作用:Promise是异步微任务,解决了异步的问题,让代码的可读性更高,更容易维护Promise使用:Promise是ES6提供的一个构造函数,可以使用Promise构造函数new一个实例,Promise构造函数接收一个函数作为参数,这个函数有两个参数,分别是两个函数 和 将Promise的状态由等待变为成功,将异步操作的结果作为参数传递过去; 则将状态由等待转变为失败,在异步操作失败时调用,将异步操作报出的错误作为参数传递过去。 实例创建完成后,可以使用方法分别指定成功或失败

2022-07-06 19:03:49 12001 2

转载 9种常见的前端跨域解决方案(详解)

在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制。什么是同源策略?

2022-06-30 10:42:16 4139

原创 H5新特性(七)——SVG

是一种基于XML的矢量图形格式,用于在Web和其他环境中显示各种图形;最能够响应当前Web开发对可伸缩性,响应性,交互性,可编程性,性能和可访问性的要求,图像在放大或改变尺寸的情况下其图形质量不会失真。在 2003 年一月,SVG 1.1 被确立为 W3C 标准。参与定义 SVG 的组织有:太阳微系统、Adobe、苹果公司、IBM 以及柯达。SVG 的主要竞争者是 Flash。与 Flash 相比,SVG 最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有技术。与其他

2022-06-20 09:47:13 1204

原创 H5新特性(六)——Workers和WebSocket

简单的群聊功能实现原理

2022-06-17 12:57:57 1060

原创 H5新特性(五)——增强型表单

增加了多个type类型的输入框,如color,date,datetime,datetime-local,email,month。number,range,search,tel,time等name: 标识表单提交时的key值min: 标识当前输入框输入的最小值max: 标识当前输入框输入的最大值step: 标识点击增大/减小的时候,增加/减小的步长2.类型标签3.类型的标签4.类型的标签5.新的日期、时间、月份、星期标签6.类型的标签7.颜色选择标签...

2022-06-15 17:33:15 359

原创 H5新特性(四)——语义化标签

语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义,也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如,当浏览器解析到提供了新的语义元素来定义网页的不同部分,它们被称为“切片元素”,如图所示 :...

2022-06-14 17:26:38 520

原创 H5新特性(三)——地理定位

常见的地理定位方法:IP定位,运营商基站定位,GPS定位定位用户的位置: 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。如下:如果定位成功将会返回:这个对象有三个常用的方法:getCurrentPosition() 用于获取当前定位信息watchPosition() 不停的监视定位信息的改变clearWatch() 清除监视高德地图文档:https://lbs.amap.com/api/jsapi-v2/summary/百度地图文档:https://lb

2022-06-13 10:05:40 942

原创 H5新特性(二)——Canvas

的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。基本绘图绘制填充:绘制描边:绘制文本:绘制路径路径是将一系列连续的点按照顺序连接起来所形成的图形.Canvas绘制路径的步骤如下:移动实现签名板,涉及到触摸事件:路径常用动画的本质就是每隔一段时间(非常快:每秒60帧), 重新绘制画布内容 . 每次绘制时内容都有些许不同, 由于视觉残留现象, 出现动画效果.案例:基于C

2022-06-11 15:44:33 588

原创 H5新特性(一)——音视频标签

大家都有在网页中浏览音频和视频的经历,在之前,对视频和音频没有一个标准,因此在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是,也可能是 或者 。但并不是所有的浏览器都拥有相同的插件,为了能让视频和音频在网页内播放成功,规定了一种通过video,audio来包含视频播放的标准。提供了audio标签, 实现网页中音频的播放:简写方式:标准方式:常用属性:preload=none 不进行音频预加载preload=metadata 仅加载音频的基本信息preload=auto 尽可能加载音频

2022-06-10 10:19:30 2731

原创 跨域及解决方案

同源策略,解决跨域

2022-06-07 09:39:11 213

原创 Vue知识点梳理

Vue 知识点一、介绍是一套用于构建用户界面的渐进式框架,可以提高前端开发效率特点:Vue通过MVVM模式,能够实现视图与模型的双向绑定。简单来说,就是数据变化的时候, 页面会自动刷新, 页面变化的时候,数据也会自动变化.二、Vue.js安装1.独立版本我们可以在Vue.js的官网上直接下载vue.js,通过[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JM5fufHn-1653708059801)(E:\WEBTN2202\上课demo\VUE\

2022-05-28 11:21:53 201

原创 Windows安装配置node.js

Windows安装配置Vue开发环境一、安装node.js(一)安装说明node.js安装后会自动设置环境变量,同时还会自动安全npm(二)安装开始安装使用协议选择安装位置选择安装组件选择安装依赖开始安装安装完成安装依赖验证安装二、安装Vue客户端(一)配置npm淘宝镜像仓库命令:npm config set registry https://registry.npm.taobao.org(二)安装Vue

2022-05-24 21:15:40 90

原创 ajax和axios的使用和区别

Ajax与Axios一、概述1.1 浏览器发送的请求类型1.1.1 同步请求同步请求的特点:按照代码顺序依次发起;一个请求未得到响应时,后续请求会被阻塞。同步发起方式在地址栏输入URL:同步的get请求。的ref:同步的get请求。带有src:同步的get请求。:同步的get|post请求。1.1.2 异步请求发起方式:js代码发起发起异步请求的工具:XmlHttpRequest对象。异步请求的特点:创建一个新线程发起请求,获取响应;在

2022-05-21 19:01:07 591

原创 前端知识——css之flex布局

1.基本概念flex布局是一种布局模型,经常被称之为flexbox,使用flex布局之后,他会给子元素提供强大空间分配和对齐能力。 在没有使用flex布局之前,常用布局有:流式布局,浮动布局,定位布局等等。缺陷是子元素需要自己控制自己在父元素中的位置,还要注意父元素高度坍塌。 flex的优点就是避免不灵活的布局形式,创建更多种布局模式供你选择,解决了子元素的对齐和分布与 响应式等问题。缺点是只能依靠自身的布局模式,稍有变化则无法改变。2.flex...

2022-05-20 13:25:25 28746 3

原创 什么是 margin 重叠问题?如何解决?

margin 重叠问题

2022-05-20 12:58:00 395

原创 Vue脚手架安装及项目搭建详细

1.执行全局命令安装vue/cli(前提是您的电脑安装了nodejs,并且环境也设置好了)npm i -g @vue/cli,查看是否安装成功:vue --version 或 vue -V 来查看版本号2.在创建项目的目录下打开命令行,执行命令:vue create my-project模式选择:3.个性化选项:4.选择vue版本:根据自己需求选择对应版本5.路由切换模式选择:6.选择Less css预处理器:7.选择把配置写在package.js

2022-05-19 10:13:39 269

原创 Node自动重启工具 nodemon

通常我们启动node项目都是通过node 项目名去启动,然后在node中修改代码之后,必须要重新启动,修改的代码才会生效,这样在开发过程中会显得很麻烦,今天给大家介绍自动重启的工具—nodemon安装nodemonnpm install -g nodemonnodemon将全局安装到您的系统路径。使用nodemonnodemon app.js启动成功如下图:每次修改文件会自动重启...

2022-05-17 11:25:24 393

原创 Windows安装配置Git

一、安全Git git官网:Githttps://git-scm.com/ 第一步:安装信息页 第二步:安装目录选择 第三步:选择安装组件:默认不修改 第四步:选择创建开始菜单 第五步:选择使用Git时的编辑器样式 第六步:默认选择 第七步:选择设置环境变量,默认选择 第八步:选择SSH扩展,默认选择 第九步:选择HTTPS相关选项,默认选择 ...

2022-05-10 20:35:59 1966

原创 Windows安装配置Mariadb数据库

一、安装Mariadb数据库- 第一步:安装开始 ![Untitled](Windows%E5%AE%89%E8%A3%85%E9%85%8D%200abff/Untitled.png)- 第二步:接受许可协议 ![Untitled](Windows%E5%AE%89%E8%A3%85%E9%85%8D%200abff/Untitled%201.png)- 第三步:选择安装位置,目录中不要有 `空格` 等特殊字符 ![Untitled](Windows%E5%AE%89%...

2022-05-10 20:21:03 1855

原创 服务器资源响应web页面(附服务器代码)入门级

html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>列表</title> </head> <body> <div id=""> <input type="button" name="" id="btn" value="查询" /> </div> <d

2022-04-02 13:39:38 113

原创 服务器响应的资源渲染在浏览器

服务器响应的数据是以数组形式的例如:arr=[ {id:1,name:'iPhone4',price:1999}, {id:2,name:'iPhone5',price:2999}, {id:3,name:'iPhone6',price:3999}, {id:4,name:'iPhone7',price:4999}, {id:5,name:'iPhone7s',price:5999} ];如果想要把数据响应到浏览器页面表格中,则需要使用循环遍历数组,然后添加到表格中代码.

2022-04-01 12:38:25 217

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除