自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

每天一个前端小知识~

不断学习,日积月累!!!

  • 博客(208)
  • 资源 (7)
  • 收藏
  • 关注

原创 Mall商城后台管理系统——(Vue+SSM)

一、项目背景在这个互联网高速发展的时代,人们可以享受足不出户的购买商品,只要在家浏览商品下单,几天内就会收到心仪的商品。 Mall商城后台(Vue+SSM)——可做毕业设计 二、项目介绍Mall商城分为PC端、小程序端、App端、H5端、PC后台,我负责PC后台的开发,Mall商城后台分为基础模块、会员管理、商品管理、订单管理、系统管理、数据统计六大模块1.基础模块包含登录和退

2021-01-14 21:32:57 23334 30

原创 2024年最新前端面试题——你也可以成为那个卷王(持续更新中~)

2023年最新前端面试题,每天几道你便能轻松进入大厂,成为卷中之王!!!

2020-07-16 21:55:44 30049 4

原创 网络安全xss和csrf

1.xss 跨站脚本攻击,csrf 跨站请求伪造2.xss浏览器向服务器请求时注入脚本攻击分为三种类型:反射性(非持久型)、存储型(持久型)、基于dom防范手段:输入过滤、输出过滤、加httponly请求头锁死cookie3.csrf黑客通过网络b诱使用户去访问已经登录了的网站a,进行一些违背用户意愿的请求,造成用户损失防范手段:服务器验证http请求头refer、请求时验证token、加验证码。

2024-12-04 15:04:10 508

原创 20241112前端八股文总结

3.promise:promise是异步的一种解决方案、它其实是一个对象,可以获取异步操作,promis属于同步任务,但是promise.then()和promise.catch属于微任务。4.事件循环:js是单线程的,分为同步和异步任务,同步任务放入栈中立刻执行,异步任务放入任务队列排队执行,同步任务执行完后会反复去任务队列看是否有异步任务,有就放入栈中。10.es6新特性:箭头函数(更简洁的语法、没有自己的this)、扩展运算符、解构赋值、模板字符串、promise、let和const、reduce。

2024-11-13 00:08:32 569

原创 npm install node-sass报错

在使用 node-sass 时,你可能会遇到安装 node-sass 时出现各种错误的情况。在本文中,我们将探讨一些常见的 node-sass 安装错误,以及如何解决它们。无论你是初学者还是有经验的开发者,本文都将为你提供有用的信息和技巧,帮助你成功安装 node-sass。

2024-04-04 17:41:17 802

原创 vue3 + mark.js 实现文字标注功能

【代码】vue3 + mark.js 实现文字标注功能。

2023-12-07 16:02:22 1781

原创 每天一个前端小知识15——Vue权限控制

通过自定义指令。

2022-12-18 21:13:51 564

原创 每天一个前端小知识14——手写Vue2响应式

发布订阅模式 + 双向数据绑定 = vue2响应式。

2022-12-18 19:08:45 413

原创 每天一个前端小知识13——手写jquery

使用匿名自执行函数,将公共方法挂载在原型上,封装for循环。

2022-12-17 22:23:30 327

原创 每天一个前端小知识12——事件委托

事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。

2022-12-17 20:15:21 368

原创 每天一个前端小知识11——new对象的过程

创建一个空对象,设置它的原型链,改变this指向,判断返回值类型。

2022-12-17 19:26:28 328

原创 每天一个前端小知识10——闭包

避免变量被污染、私有化、保存变量常驻内存。

2022-12-17 18:27:20 205

原创 每天一个前端小知识09——this指向问题

this指向上一个调用者箭头函数没有thiscall, apply, bind可以改变this指向call,apply 改变之后执行一次,bind只改变不执行call传对象,apply传数组。

2022-12-17 00:07:12 205

原创 每天一个前端小知识08——手写懒加载

将img的真实src存在自定义属性data-src,获取页面的视口和滚动条高度,遍历img,假如img的offsetTop在可视区内则给src赋值。

2022-12-15 21:47:57 356

原创 React路由——SPA单页面应用

用来控制路径的跳转,一个路由即一组映射关系(key-value键值对形式),key为路径value为方法或者组件。

2022-12-14 21:13:06 579

原创 React脚手架——TodoList案例

快速构建模块化、组件化、工程化项目创建项目步骤。

2022-12-12 23:53:53 251

原创 React快速入门

官网:https://react.docschina.org/简介:用于动态构建用户界面的 JavaScript 库优点:声明式编码、组件化编码、高效(diff算法,使用虚拟dom,减少页面重绘)

2022-12-10 23:24:35 356

原创 每天一个前端小知识07——原型、原型链

对象都有_proto_属性,指向它的原型对象,原型对象也有_proto_属性,指向原型对象的原型对象,一层一层行成的链式结构叫做原型链。person对象 -> Person.prototype->Object.prototype->null。每个函数的prototype属性叫做原型(原型对象)

2022-12-08 18:45:38 349

原创 每天一个前端小知识06——节流、防抖

防抖:游戏回城节流:技能冷却

2022-12-07 20:06:17 542

原创 每天一个前端小知识05——浅拷贝和深拷贝

浅拷贝只拷贝一层,深层次的对象或数组只是拷贝地址,源数据的改变会影响新数据的改变,例如for遍历、Object.assign()深拷贝拷贝多层,深层次的对象或数组也会拷贝,源数据的改变不会影响新数据的改变,例如递归for遍历、JSON.parse(JSON.stringify(obj))—有注意事项

2022-12-06 23:02:54 287

原创 每天一个前端小知识04——Express

express是node http模块的升级版,既能构建Web服务器,也能构建API接口服务器。1.编写express.js。2.编写api.js。

2022-11-25 16:25:18 613

原创 每天一个前端小知识03——Node手写服务器

【代码】每天一个前端小知识03——Node手写服务器。

2022-11-22 00:46:41 266

原创 每天一个前端小知识02——Vue响应原理

实现原理:Object.defineProperty()中get、set方法。实现原理:Proxy(代理)对象拦截属性变化,Reflect(反射)操作属性。缺点:新增和删除对象属性、通过下标修改数组页面不更新。为什么不用Object操作属性而用Reflect呢?

2022-11-17 23:04:33 386

原创 每天一个前端小知识01——Webpack

1.模块化:包括对css、js、资源的模块化2.组件化:封装组件,复用ui、css、js3.规范化:目录结构、编码、接口、文档以及git分支4.自动化:自动化构建、部署、测试

2022-09-01 22:49:48 823 1

原创 JS操作数组神器——reduce(求和、出现次数、去重、分类)

reduce() 对数组每个元素执行一次由您提供的reduce函数(升序执行),将其结果汇总为单个返回值。循环遍历能做的,reduce都可以做。比如数组根据元素某个属性求和、数组元素出现次数、数组去重、数组根据某个元素属性分类等等。...

2022-06-12 19:20:00 19650

原创 微信小程序快速入门——分页(上拉加载、下拉刷新、节流阀)

前端工作常用组件

2022-05-24 20:06:48 4339 1

原创 微信小程序快速入门——北榛本地宝(列表)

一、导航跳转及页面传参1.新增shoplist页面2.首页跳转以及传参二、设置标题以及编译模式1.挂载上一个页面传过来的参数2.在onReady函数中设置标题3.自定义编译模式三、渲染商铺列表1.挂载请求参数2.调用api接口3.渲染门店页面4.美化门店页面/* pages/shoplist/shoplist.wxss */.shop-item { display: flex; padding: 15rpx; border: 1rpx solid #efe

2021-12-22 23:40:36 1094 4

原创 微信小程序快速入门——视图与逻辑

一、页面导航1.声明式导航导航到 tabBar 页面导航到非 tabBar 页面后退导航2.编程式导航导航到 tabBar 页面导航到非 tabBar 页面后退导航3.导航传参声明式导航传参编程式导航传参在 onLoad 中接收导航参数二、页面事件1.下拉刷新启用下拉刷新在配置文件中,将 enablePullDownRefresh 设置为 true下拉刷新窗口的样式backgroundColor 背

2021-12-22 20:24:46 804

原创 微信小程序快速入门——北榛本地宝(首页)

一、新建项目1.填写项目相关信息2.去掉黄色警告以及调试库版本过高提示VM339 WAService.js:2 Unhandled promise rejection TypeError: WebAssembly.instantiate()原因:默认的调试基础库的版本太高了解决:降低调试库版本或者右键hide3.新增3个页面,删除默认的index以及logs页面二、配置导航栏效果修改导航栏背景、显示文本、文本颜色三、配置 tabBar 效果1.进入阿里巴巴图片矢量库下载图片到本

2021-12-22 00:25:51 935

原创 微信小程序快速入门——模板、配置及数据请求

一、WXML模板语法1.数据绑定(绑定内容、绑定属性、运算)2.事件绑定(传参、重新赋值)3.条件渲染(wx:if、block+wx:if、hidden)4.列表渲染(vx:for、vx:key)二、WXSS模板样式WXSS 扩展的特性有rpx 尺寸单位@import 样式导入1.rpx(使用 iPhone6 作为样机)小程序在不同设备上运行的时候,会自动把 rpx 的样式单位换算成对应的像素单位来渲染,从而实现屏幕适配2.样式导入3.全局样式和局部样式当局部样式和

2021-12-21 21:59:39 802

原创 微信小程序快速入门——搭建你的第一个小程序

一、小程序简介小程序与普通网页开发的区别1.运行环境不同网页运行在浏览器,小程序运行在微信2.API 不同小程序中无法调用 DOM 和 BOM 。但是,小程序可以调用微信的 API,例如:定位、扫码、支付3.开发模式不同网页的开发模式:浏览器 + 代码编辑器小程序的开发模式:申请开发账号、安装开发者工具、创建和配置项目二、搭建第一个小程序1.进入微信公众平台注册账号2.选择小程序3.填写相关信息注册成功后得到 小程序id(创建小程序时必须的)4.安装微信开发者工具5.安装

2021-12-20 23:00:01 1467

原创 北榛player——在线音乐播放网站(Vue)

前言:北榛player是一款基于Vue开发的在线音乐播放器,主要包含歌曲搜索、歌曲播放、歌曲评论、动画播放、视频下载、歌曲下载六大功能。可以让用户免费在线收听自己喜欢的音乐。网站部署在阿里云服务器上,采用docker容器+Nginx部署。北榛player地址:beizhen.storeB站视频地址 北榛player——在线音乐播放网站(Vue) 一、歌曲搜索1.按下回车(v-o

2021-12-17 02:03:33 2772

原创 Docker快速入门——镜像、容器及数据卷

一、镜像1.镜像名称镜像名称一般分两部分组成:[repository]:[tag]在没有指定tag时,默认是latest,代表最新版本的镜像2.常用命令3.拉取、查看镜像:从DockerHub中拉取一个nginx镜像并查看首先去镜像仓库搜索nginx镜像,比如DockerHub根据查看到的镜像名称,拉取自己需要的镜像,通过命令:docker pull nginx通过命令:docker images 查看拉取到的镜像4.保存、导入镜像:利用docker save将nginx镜

2021-12-15 22:15:53 3609

原创 Docker快速入门——Docker安装

前言在我们部署微服务项目的时候,大型项目组件较多,运行环境也较为复杂,部署时会碰到一些问题依赖关系复杂,容易出现兼容性问题开发、测试、生产环境有差异例如一个项目中,部署时需要依赖于node.js、Redis、RabbitMQ、MySQL等,这些服务部署时所需要的函数库、依赖项各不相同,甚至会有冲突。给部署带来了极大的困难于是Docker闪亮登场,那Docker是怎样解决以上问题的呢?一、初识Docker1.Docker解决依赖兼容问题将应用的Libs(函数库)、Deps(依赖)、配置

2021-12-15 00:34:15 457

原创 SpringCloud快速入门——GateWay服务网关

前言我们不想让所有的请求都有权限访问我们的服务,该怎么办呢?于是,引出了这个组件——Gateway网关,是我们所有微服务的统一入口它的核心功能如下:权限控制:网关作为微服务入口,需要校验用户是否有请求资格,如果没有则进行拦截路由和负载均衡:一切请求都必须先经过gateway,但网关不处理业务,而是根据某种规则,把请求转发到某个微服务,这个过程叫做路由。当然路由的目标服务有多个时,还需要做负载均衡限流:当请求流量过高时,在网关中按照下流的微服务能够接受的速度来放行请求,避免服务压力过大而在

2021-12-14 00:53:35 436

原创 SpringCloud快速入门——Feign远程调用

前言我们以前利用RestTemplate发起远程调用的方式有什么弊端呢?从上述代码我们可以得知1.代码可读性差,编程体验不统一2.参数复杂URL难以维护于是有这样一个组件,一个声明式的http客户端——Feign,它可以帮助我们优雅的实现http请求的发送官网地址:https://github.com/OpenFeign/feign一、Feign替代RestTemplate1.引入依赖:在order-service服务的pom文件中引入feign的依赖<!-- fegin --&

2021-12-13 22:49:02 471 1

原创 SpringCloud快速入门——Nacos集群搭建

前言集群包含3个nacos节点,然后一个负载均衡器代理3个Nacos。这里负载均衡器可以使用nginx三个nacos节点的地址一、初始化数据库首先新建一个数据库,命名为nacos,而后导入下面的SQLCREATE TABLE `config_info` ( `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT 'id', `data_id` varchar(255) NOT NULL COMMENT 'data_id', `group_id

2021-12-13 00:10:13 1974 1

原创 SpringCloud快速入门——Nacos配置管理

前言Nacos除了可以做注册中心,同样可以做配置管理来使用一、统一配置管理当微服务部署的实例越来越多,逐个修改微服务配置很容易出错。所以我们需要一种统一配置管理方案,可以集中管理所有实例的配置Nacos一方面可以将配置集中管理,另一方可以在配置变更时,及时通知微服务,实现配置的热更新1.在Nacos中添加配置信息在弹出表单中填写配置信息2.从微服务拉取配置微服务要拉取nacos中管理的配置,并且与本地的application.yml配置合并,才能完成项目启动。于是spring引入了一

2021-12-12 22:49:32 1059

原创 SpringCloud快速入门——Nacos注册中心

前言我们前面已经学了Eureka注册中心,为什么还要学习Nacos呢?本篇博文带你快速了解Nacos举个例子:假如30秒内服务挂了,服务列表更新不及时导致调用了挂掉的服务怎么办于是就出现了解决方案 Nacos一、何为Nacos?Nacos是阿里巴巴的产品,也属于SpringCloud中的一个组件。相比Eureka功能更加丰富,在国内受欢迎程度较高1.Nacos的安装:GitHub的Release下载页:https://github.com/alibaba/nacos/releases下载

2021-12-12 20:11:09 1194 1

原创 SpringCloud快速入门——Ribbon负载均衡

前言当我们添加了@LoadBalanced注解,即可实现负载均衡功能,这是什么原理呢?SpringCloud底层其实是使用了Ribbon的组件,来实现负载均衡功能一、负载均衡原理1.负载均衡流程2.具体流程拦截我们的RestTemplate请求http://userservice/user/1RibbonLoadBalancerClient会从请求url中获取服务名称,也就是user-serviceDynamicServerListLoadBalancer根据user-service

2021-12-12 16:06:22 572

空空如也

空空如也

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

TA关注的人

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