自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(103)
  • 资源 (21)
  • 收藏
  • 关注

原创 css面试题整理

css面试题一、HTML语义化标签二、块级元素、内联元素、 行内块元素三、盒模型一、HTML语义化标签什么是HTML语义化标签?语义化标签的优势?HTML语义化标签顾名思义就是赋予标签含义,比如说<p>标签代表的是段落,还有<head>、<foot>、<article>、<section>、<strong>等等,目的是:1、增加了代码的可读性。2、让seo更好的去搜索关键字(seo优化:比如淘宝的官网的logo和小标题用的都是&

2024-04-19 17:47:23 201

原创 React Hooks(常用)笔记

虽然useEffect会造成回流和重绘,但由于它的执行时机是在浏览器完成绘制后,所以对页面性能的影响较小。而useLayoutEffect的同步执行可能会导致页面卡顿。

2024-04-19 17:46:20 750 1

原创 React生命周期函数笔记

首先这个新的方法是一个静态方法,在这里不能调用this,也就是一个纯函数。因为React 16引入了Fiber机制,把同步的渲染流程进化为了异步的渲染流程,这么做的原因是同步渲染流程有个弊端:一旦开始就不能停下,大工作量的渲染任务执行时,主线程会被长时间的占用,浏览器无法即时响应与用户的交互。在React开启异步渲染模式后,在执行函数时读到的DOM元素状态并不一定和渲染时相同,这就导致在componentDidUpdate中使用的DOM元素状态是不安全的(不一定是最新的),因为这时的值很有可能已经失效了。

2024-03-27 19:32:10 906

原创 this指向的研究

this指向的研究

2023-10-30 14:42:59 134

原创 reactHooks+TS:富文本braft-editor常见用法

关于reactHooks+TS中富文本插件btaft-editor的使用。

2023-01-06 14:37:56 4895 2

原创 路由三种传参方式

vue路由传参的三种方式

2022-06-15 16:46:08 9877 1

原创 js面试题整理

1、js如何判断是不是数组类型在说明如何判断一个对象为数组类型前,我们先巩固下js的数据类型,js一共有六大数据类型:number、string、object、Boolean、null、undefined。var str="string";console.log(typeof str); //stringvar num=1;console.log(typeof num); //numbervar bn=false;console.log(typeof bn); //booleanvar a;

2022-05-04 14:01:54 699

原创 vue面试题

1、什么是MVVM?在这里插入图片描述(1)View 层View 是视图层,也就是用户界面。前端主要由 HTML 和 CSS 来构建 。(2)Model 层Model 是指数据模型,泛指后端进行的各种业务逻辑处理和数据操控,对于前端来说就是后端提供的 api 接口。(3)ViewModel 层ViewModel 通过双向数据绑定把 View 层和 Model 层连接起来,而View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不

2022-05-04 14:01:17 912 2

原创 js多文件下载

当我们在写项目的时候,很多时候会遇到文件下载的问题,如下图:所以我们可以写如下函数方法: downUrlList(url) { // 循环返回的URL数组多文件下载方法 var eleLink = document.createElement('a'); eleLink.style.display = 'none'; eleLink.download = this.filerName(url); var blob = new Blob([ur

2022-02-10 10:45:58 1570

原创 小程序学习笔记6--小程序列表页面

页面事件一、监听用户下拉动作一、监听用户下拉动作在页面js文件中,通过onPullDownRefresh()函数可以监听页面下拉刷新事件。启用下拉刷新开始的方式有 2 种:全局开启下拉刷新:在app.json的window节点中,将enablePullDownRefresh设置为true局部开启下拉刷新:在页面的.json文件中,将enablePullDownRefresh设置为true(推荐)ps:当处理完下拉刷新后,下拉刷新的loading效果会一直显示,不会主消失,所以需要手动隐藏loa

2022-02-08 17:22:01 1023

原创 小程序学习笔记7---wxs脚本

wxs脚本一、定义wxs二、使用2.1、内嵌wxs脚本2.2、外联wxs脚本2.3、总结一、定义wxswxs类似于javaScript,但二者完全不同。在wxml中无法调用页面.js定义的函数,但是可以调用wxs中定义的函数。wxs常用于过滤器。wxs 与 javaScript的区别如下:①wxs 有自己的数据类型:number 数值类型string 字符串类型boolean 布尔类型object 对象类型function 函数类型array 数组类型date 日期类型regexp

2022-02-08 16:59:24 631

原创 小程序学习笔记5---导航跳转

导航跳转一、页面导航1、页面导航分类2、声明式导航2.1、跳转到tabBar页面2.2、跳转到非tabBar页面2.3、后退导航3、编程式导航3.1、跳转到tabBar页面3.2、跳转到非tabBar页面3.3、后退导航3、在onLoad中接收导航参数一、页面导航1、页面导航分类① 声明式导航在页面上声明一个<navigator>导航组件通过点击<navigator>组件实现页面跳转②编程式导航调用小程序的导航API,实现页面跳转2、声明式导航2.1、跳转到

2022-02-07 14:24:56 3149 3

原创 小程序学习笔记4---网络数据请求

网络数据请求一、网络数据请求限制二、将接口的域名添加到信任列表中三、跳过request合法域名校验四、微信小程序发起 GET 和 PSOT请求五、关于跨域和Ajax的说明一、网络数据请求限制出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:只能请求HTTPS类型的接口必须将接口的域名添加到信任列表中二、将接口的域名添加到信任列表中配置步骤:登录微信小程序管理后台->开发->开发管理->服务器域名->修改request合法域名注意:域名只支持H

2022-02-05 19:15:37 1101 4

原创 小程序学习笔记3---基本写法

基本写法一、数据绑定二、事件绑定1、target和currentTarg的区别2、事件处理函数中为data赋值3、事件传参4、文本框的数据获取5、文本框实现双向绑定三、条件渲染1、条件渲染方式分类2、wx:if 与hidden的对吧四、列表渲染五、rpx单位六、样式导入一、数据绑定二、事件绑定事件绑定大致可以分为以下3类:类型绑定方式说明tapbindTap 或 bind:tap手指触摸后马上离开,类似于HTML中的Click事件inputbindinput 或

2022-02-04 16:53:35 4418 3

原创 小程序学习笔记2---常用组件

上一节小程序常用组件一、常用视图容器组件1、滚动条scroll-view2、轮播图swiper和swiper-item二、常用基础内容组件1、text实现文本选择效果2、rich-text组件把HTML字符串渲染为对应的UI结构三、其他常用组件1、button2、image一、常用视图容器组件1、滚动条scroll-view2、轮播图swiper和swiper-item属性类型默认值说明indicator-dotsbooleanfalse是否显示面板指示点i

2022-02-03 19:10:32 1362

原创 小程序学习笔记1

这是我学习微信小程序的笔记。初遇小程序一、小程序配置1、全局配置 app.json2、页面配置 page.json3、小程序搜索4、项目配置 project.config.json二、视图层1、WXML2、WXSS三、逻辑层四、小程序的宿主环境五、小程序启动的过程六、页面渲染的过程一、小程序配置配置文件名作用app.json小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等page.json小程序页面样式配置sitemap.json小程序内搜索.

2022-02-02 15:02:01 1131

原创 echarts使用笔记总结3:series使用方法

2022-01-12 11:56:19 9090 1

原创 echarts使用笔记总结2

这是我学习vue-Echarts的笔记,并不是完全品。是我,对我使用Echarts时所用到的知识进行学习,有待后面补充完善。echarts使用笔记一、title 主标题和副标题。(1)定义:(2)`title.text`触发主标题和`title.subtext`触发副标题(3)标题样式和位置的修改二、legend 图例组件(1)定义:(2)`legend.show=true`触发(3)使用三、 tooltip 提示框组件(1)定义(2)使用:`tooltip. trigger`触发(3)字符串模板格式.

2022-01-11 15:28:11 679 1

原创 Json数据格式要求

       1、JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。       2、JSON的Key必须包裹在一个双引号中,在实践中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。       3、JSON的值只能是以下几

2021-08-01 17:56:05 4690 1

原创 Echarts使用笔记1: 在vue-cli2中使用Echarts

vue-cli2中使用Echarts一、安装Echarts插件二、在main.js中引入插件三、在组件静态获取数据并渲染echarts图表四、echarts图表自适应容器大小一、安装Echarts插件在已经建好的脚手架的终端中输入        错误输入:npm install echarts --save        正确输入:npm i

2021-06-18 09:20:14 571 1

原创 BFC详解

BFC详解一、定位方案基本概念二、BFC基本概念三、BFC的实际应用3.1、解决父子盒子外边距塌陷问题3.2、解决浮动高度坍塌的问题一、定位方案基本概念在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案:普通流 (normal flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流

2021-06-16 11:33:31 348

原创 computed传值(解决vue3不在支持过滤器的问题)

最近我在使用vue3建立的脚手架中发现过滤器不能使用了。为了解决我项目的日期格式化,因此我复习了computed,了解其如何传值。我也在网上查了很多资料但我觉得都不是很适用,下面是我总结我的方法,以备以后忘记了可以翻翻。如果有错误,希望各位大佬多多指出。一、computed基本用法定义: 当其依赖的属性的值发生变化的时,计算属性会重新计算。反之则使用缓存中的属性值, 其设计的目的就是为了解决模板中放入太多的逻辑而导致模板过重且难以维护的问题。二、computed传值2.1、利用计算属性的set.

2021-06-03 11:18:55 2032 2

原创 js日期格式化函数封装

1、函数如下function formatDatetime(date, fmt) { if (!date) { return '' } if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

2021-06-02 17:51:25 232

原创 01-css经典布局整理-圣杯布局

圣杯布局一、圣杯布局基本概论二、圣杯布局的原理三、圣杯布局的完整代码一、圣杯布局基本概论圣杯布局指的是左右两栏固定宽度,中间部分自适应。如下二、圣杯布局的原理三、圣杯布局的完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-06-02 10:05:45 672 1

原创 02-github项目管理(git简单管理以及多人协作管理远程仓库问题总结)

本篇文章记录的是如何利用git对github进行命令操作,以及利用git创建一个github项目的具体步骤,如果想要git详细命令点击这里;如果是想要快速学习的大佬,按照以下步骤一步一步的来吧。github项目管理一、前期准备1.1、git安装1.2、初始化个人信息1.3、github一、前期准备1.1、git安装打开Git官网下载安装程序,然后按照默认选项安装即可。当我们鼠标右键出现如下图所示证明安装成功。1.2、初始化个人信息鼠标右键打开Git bash herre命令行管理,并输入以.

2021-05-22 10:22:39 219

原创 06-快速上手mockjs---免费的仿真接口

快速上手mockjs一、mockjs介绍二、快速上手1、前期准备2、mockjs使用实例2.2.1、安装mockjs2.2.2、引入mockjs2.2.3、创建mockjs并使用一、mockjs介绍       相信很多小伙伴都有和我一样的经历,想写一个前端的网站,但又没有接口。自己不会后端或者写一个接口太过于麻烦了,老是去求助别人或者买一个接口也不是一个好办法。       此时我

2021-05-04 20:27:02 324 2

原创 07-快速上手axios

Axios,可以理解为 ajax i/o systemAxios ,是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests:在浏览器中创建 XMLHttpRequest 请求在 node.js 中发送http请求支持 Promise API拦截请求和响应转换请求和响应数据取消.

2021-05-04 16:26:38 242

原创 01-快速上手git学习

快速上手git一、git基本介绍1.1、什么是版本控制?1.2、什么是分布式?二、安装git并初始化个人信息2.1、安装2.2、初始化个人信息2.3、初始化git项目2.3.1、在已有项目的基础上初始化git项目2.3.2、使用git新建一个项目2.3.3、查看git项目是否初始化成功一、git基本介绍git关键词:分布式版本控制1.1、什么是版本控制?        版本控制(Revision control)是一种在开发的过程中用于管理

2021-05-01 14:46:27 215 1

原创 06-快速上手Vuex

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。快速上手VueX一、基本概念二、VueX安装以及基本使用2.1、安装一、基本概念        Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。 其核心就是 store,采用集中式存储管理应用的所有组件的状态。store中文的意思是仓库,其可以简单的理解为一个公共仓库,所有的组件都可以直接向仓库拿取变量,.

2021-04-30 13:17:57 218 1

原创 浅析es6中Promise

浅析es6中Promise一、基本概念二、基本使用三、Promise链式调用一、基本概念       Promise是异步编程的一种解决方案。我们在前端可能会遇到很多异步的情况,比如说ajax、node中的文件读取、网络请求等等。以前我们通过回调函数去解决异步情况。但是,当网络请求非常复杂时,就会出现回调地狱。此时开发人员很难阅读代码。       es6中的Promise将横向写

2021-04-30 11:06:09 181 1

原创 05-快速上手vue-router

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。快速上手vue-router一、vue-router核心原理-前端路由1.1、什么是前端路由?1.2、前端路由的两种模式1.2.1、URL的hash1.2.2、HTML5的history模式(推荐)1.2.3、两种模式比较一、vue-router核心原理-前端路由1.1、什么是前端路由?1、说起路由,我们大多数都会想到家里的路由器,如下:2、网络工程专业来说,路由就是路由和.

2021-04-28 22:05:35 500 2

原创 04-服务端渲染(后端路由阶段)、 前后端分离(后端路由阶段) 、SPA页面(前端路由阶段)

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。Vue-roter知识点整理一、路由的基本概念1.1、什么是路由?1.2、路由的发展阶段1.2.1、后端渲染(后端路由阶段)1.2.2、前后端分离(后端路由阶段)1.2.3、SPA页面(前端路由阶段)一、路由的基本概念1.1、什么是路由?1、说起路由,我们大多数都会想到家里的路由器,如下:2、网络工程专业来说,路由就是路由和转送 :路由:是决定数据包从来源到目的地的路径.

2021-04-28 14:32:19 486 2

原创 03-快速建立vue脚手架

快速建立vue脚手架一、vue脚手架基本概念1.1、什么是vue脚手架?1.2、vue脚手架的安装前提?1.2.1、node安装下载1.2.2、webpack安装二、安装Vue-cli2.1、安装Vue cli3 版本2.2、拉取Vue cli2 版本三、创建Vue-cli2项目四、Vue-cli项目结构讲解一、vue脚手架基本概念1.1、什么是vue脚手架?       vue脚手架 的英文名为 Vue-cli 。 CLI 是 ``Comm

2021-04-27 21:09:57 447 9

原创 02-template标签用法知识点整理

template标签用法知识点整理一、template在html中的使用二、template在vue中的使用1、在组件中使用template2、在Vue实例中使用template一、template在html中的使用        html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。二、template

2021-04-27 13:00:39 715

原创 01-快速入门webpack模块化打包工具

快速入门webpack模块化打包工具一、基本概念1.1、什么是webpack?1.2、webpackg与runt/gulp的区别?二、webpack安装2.1、node安转2.2、webpack安装三、webpack基础3.1、初识webpack3.1.1、创建文件夹3.1.2、打包文件3.1.3、引入文件一、基本概念1.1、什么是webpack?        webpack 是一个现代的JavaScript应用的静态模块打包工具.&nb

2021-04-26 10:54:26 295

原创 09_快速上手express框架

快速上手express框架一、express基本概念以及安装二、express搭建服务器并输出helloWord2.1、加载第三方包2.2、创建一个express实例2.3、指定路径,处理请求并发送响应2.4、绑定端口号,启动服务器2.5、完整代码2.6、启动服务器三、express处理静态资源。四、express对模板的使用4.1、安装第三方模块4.2、express-art-template模块加载4.3、服务器渲染模板4.4、如何修改view目录4.5、代码示例一、express基本概念以及安装&

2021-04-21 11:36:32 98

原创 08-node.js之常用命令以及淘宝镜像安装下载

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教node.js之常用命令以及淘宝镜像安装下载一、npm(node package manage)常用命令1、npm基本概念2、常用命令二、淘宝镜像安装解决npm被墙问题一、npm(node package manage)常用命令1、npm基本概念      ​ nmp是用来搜索npm包的,npm是一个命令行工具,只要安.

2021-04-20 19:01:45 177

原创 07-node.js 客户端渲染与服务端渲染 以及 服务端渲染留言板(没有数据库,适合新手入门node服务器如何渲染页面)

node.js搭建留言板一、客户端渲染与服务端渲染1、客户端渲染(SSR)2、服务单渲染(CSR)3、客户端渲染(SSR)与服务单渲染(CSR)的区别3.1、服务端渲染和客户端渲染的区别:3.2、如何选择服务端渲染和客户端渲染二、服务端渲染留言板第一步:完成静态页面并渲染到服务器上第二步:服务器渲染处理静态页面中的link、src等资源一、客户端渲染与服务端渲染1、客户端渲染(SSR)      html 仅仅作为静态文件,客户端端在请求时,

2021-04-20 14:23:55 218

原创 06-node.js中第三方模块npm安装教程以模板引擎(art-template)为例子以及模板引擎(art-template)实例

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教模板引擎(art-template)使用以及实例一、安装一、node.js中的模板引擎(art-template)实例1、第三方模块(art-template)引入2、开始写代码一、安装art-template是一个简单且超快速的模板引擎,可通过范围内预先声明的技术优化模板渲染速度,从而实现接近JavaScript极限的运行时性能。同时,它同时支持NodeJS和浏览器。在线速度.

2021-04-18 19:11:35 798

原创 05-node.js查看客户端地址

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教当我们想要用node.js去查看客户端发来的代码,可以用以下 req.socket.remoteAddress :查看客户端主机 req.socket.remotePort:查看客户端端口示例如下:var http = require('http');var server = http.createServer();server.on('request', fun.

2021-04-18 00:18:01 2033

axiosstudy.zip

有基本的axios封装请求

2021-05-04

vue-devtools-4.1.4_0.zip

免费拱学习vue的同志一起使用,使用方法很简单,解压后放到谷歌的设置->扩展程序中就行,可以直接解压拖进去。记得打卡扩展程序

2021-04-30

用node写一个简单的留言板--post请求

用node搭建服务器,用post方式去写留言板,推荐

2021-04-21

node写的简单的留言板

这是用node搭建的简单的留言板,注意此版本采用的是get请求

2021-04-21

node简单的服务器搭建的留言板

app5_0.js是最终完成版本,其余前四个,是我搭建服务器的步骤。app5_0.js也是最后一步,完成版本

2021-04-20

bootstrap.zip---栅格系统源码

这是从bootstrap源码中提取出来有关栅格系统的源码

2021-04-11

bootstrap-3.3.7.zip

献给广大想要看bootstrap源码的小伙伴,也是保存下来给我自己看的

2021-04-11

简单竖向轮播图.zip

简单易学轮播图。。。。。。。。。。。。。。。。。。。。。。。。。。。

2021-03-06

03 - CSS Variables.zip

javascript30-3改变大小、清晰度、颜色已经css可视化变量的应用

2021-02-07

简单版留言板2.zip

这个是仿写简易版的留言板,适合新手学习。喜欢的话就收藏点赞吧

2021-02-05

简单易改留言板2.zip

这个是仿写简易版的留言板,适合新手学习。喜欢的话就收藏点赞吧

2021-02-04

纯css打造云端仙境.zip

纯css打造云端动画

2021-02-01

纯css打造手风琴图片特效

纯css打造手风琴图片特效,代码简单易上手,亲写。主要运用了css3的动画过渡来制作,效率高。

2021-01-14

jquery-1.12.4.zip下载

因为官网下载速度太慢,所以在这里保留一份。jquery-1.12.4下载里面包括压缩版本和未压缩版本,便于学习jQuery以及项目的引用。

2020-12-14

纯css打造星海.zip

新手入门:纯css打造动态页面,星空动态页面,星空下的薰衣草,非常唯美,适合做桌面壁纸,亦适合新手学习动画效果。

2020-12-04

html+css+js实现梦幻粒子飘落的特效

用200多行的代码实现梦幻粒子随机飘落特效,非常的唯美,也适合做动态桌面壁纸,适合新手学习js。也快项目引入。

2020-12-03

心形跟随鼠标移动效果

心形跟随鼠标移动不断出现在再到逐渐消失,非常梦幻,用到了html+css+js。大概一百多行。简单移动,适合新手学习,也适合项目引入。

2020-12-03

新手入门:史上超级炫酷的纯css打造的3D旋转相册

超级炫酷,同时也超级简单,总共100行代码。采用纯css写的3d旋转相册,同时附加鼠标移动暂停、色调改变、放大。非常适合新手学习。确保可用,亲自写的,喜欢就关注后续会有更多代码资源。

2020-11-07

非常简单的无刻度时钟

这里面有3种javascript写法,去写时钟针的走动变化,非常简单易懂,特别适合新手做入门玩。外表简单大方。确保可用,亲自写的,喜欢就关注后续会有更多代码资源。

2020-10-19

简单炫酷计算器(加减乘除)

这是一个只能进行加减乘除的简单版计算器,但它可以使用鼠标点击或者键盘交互输入数据进行计算。欢迎大家对我提出意见,一起改进。

2020-10-13

javascript30-1键盘按键交互动画特效

这里面用了2种javaScript写法完成了键盘按键交互动画特效,学习内容来源于javascript30-1

2020-10-12

空空如也

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

TA关注的人

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