- 博客(27)
- 资源 (2)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Echarts 定制化日历图
最近在做可视化，发现日历图挺有意思，分享一波吧！！！将它拉下备用后面在此基础解释并改造，如下代码运行结果如图：下面开始改造代码了！！！
2023-07-16 18:29:40
893
原创 vue2与vue3响应式原理
通过Proxy(代理)：拦截对象中任意属性的变化，包括：属性值的读写、属性的添加、属性的删除等通过Reflect(反射)：对被代理对象的属性进行操作
2021-12-07 14:10:25
2337
5
原创 Vue中MVVM数据双向绑定原理
vue响应原理是数据劫持结合发布者、订阅者的方式来实现的。通过object.defineProperty来劫持各个属性的setter和getter，在数据发生变化的时候发布消息给订阅者，触发响应的监听回调
2021-11-27 20:59:13
1255
原创 理解vue自定义指令只需五分钟
往期讲过基本指令的运用，是不是发现vue有了指令这个东西效率有了度的提升？但是vue封装的指令就那么多，遇到别的复用事件能不能封装个指令呢？没错，vue也是提供了自定义指令的，下面来看看自定义指令吧！！！首先自定义指令分为两块：全局自定义指令和局部自定义指令全局自定义指令 语法：v-指令名:属性名.修饰符='值'Vue.directive(指令名,{ //指令生命周期 //bind:绑定，类似于vue生命周期的beforeMount ...
2021-11-20 19:35:26
1029
原创 js无限分类递归树
首先了解一下什么是无限分类递归树（树形分类），如下示例： const arr = [ { id: 1, pid: 0, name: '1' }, { id: 2, pid: 0, name: '2' }, { id: 3, pid: 1, name: '3' }, { id: 4, pid: 3, name: '4' }, { id: 5, pid: 4, name: '5' }, { id: 6, pid: 2, nam
2021-11-16 18:54:47
1599
原创 Mock
Mock概念优点前后点分离开发无侵入数据类型丰富用法简单方便扩展增加单元测试的真实性定义数据模板规则每个属性由 3 部分构成：属性名、生成规则、属性值‘name|rule’: value生成规则 有 7 种格式‘name|min-max’: value‘name|count’: value‘name|min-max.dmin-dmax’: value‘name|min-max.dcount’: value‘name|count.dmin-dmax’: value
2021-11-12 17:03:42
982
原创 上传图片（图片转blob和base64格式）
有些时候上传图片到服务器有明确的格式要求，现在讲讲如何制作上传图片及转为blob与base64格式base64优缺点：优点： base64格式占用内存小，图片转为base64后只为原图三分之一 base64图片减少了对服务器的请求 base64是字符串类型，更适合多平台，多语言使用缺点：base64字符串内容多，给数据库压力大 base64由于内容多，网页加载会比较缓慢 <!DOCTYPE html><...
2021-11-11 19:33:08
2077
原创 所有数组方法归纳
1.1 join()将数组以指定值去分隔，不指定值默认为逗号（,）语法：数组.join(); 返回值：分隔后的字符串let arr = ['hello','friend'] let str1 = arr.join(); let str2 = arr.join('-') console.log(str1);//hello,friend console.log(str2);//hello-friend注意：不改变原始数组1.2 shif...
2021-10-31 15:41:17
270
1
原创 基于原生JavaScript的ajax详细基础教程
3.1、XMLHttpRequest可以请求服务器上的数据资源xhr发起GET请求步骤：// 1. 创建 XHR 对象var xhr = new XMLHttpRequest()// 2. 调用 open 函数xhr.open('GET', 'http://www.liulongbin.top:3006/api/getbooks')// 3. 调用 send 函数xhr.send()// 4. 监听 onreadystatechange 事件xhr.onr...
2021-10-24 15:24:43
2539
2
原创 详细模板引擎
目录2.1、回顾表单2.1.1 组成2.1.2 form标签属性2.1.3 表单的同步提交及缺点2.1.4 阻止表单默认提交行为2.2、模板引擎2.2.1 简单的模板引擎2.2.2art-template模板引擎2.2.3 标准语法2.2.4 过滤器2.1、回顾表单表单在网页中主要负责数据采集功能，并通过from标签的提交操作，把采集的信息提交到服务器端处理2.1.1 组成表单域 <form></form&g...
2021-10-22 20:29:04
238
原创 近万字Vue详细基础教程
目录1.1、概念(基于vue2)1.2、vue/cli脚手架1.2.1 创建项目启动服务1.2.2 项目目录讲解（可略过）1.2.3 自定义配置1.2.4 eslint1.2.5 单vue文件1.3、插值表达式1.4 、MVVM设计模式1.5、Vue指令（重点，拿小本本记着）1.5.1 概念1.5.2 v-bind1.5.3 v-on 绑定事件1.5.4 v-on事件修饰符1.5.5 v-on按键修饰符1.5.6 v-model1.5.
2021-10-20 21:49:17
1244
1
原创 ajax详细分步教程来啦！！！
1.1、客户端与服务器1.1.1 服务器上网过程中，负责存放和对外提供资源的电脑，叫做服务器1.1.2客户端负责获取和消费资源的电脑，叫做客户端1.2、URL地址URL中文叫统一资源定位符，用于标识互联网每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问对应的资源例如：http://www.baidu.com1.2.1 组成客户端与服务器之间的通信协议 存在该资源的服务器名称 资源...
2021-10-18 20:57:55
504
4
原创 webpack拆分压缩css并以link导入
先看一下代码文件结构：入口文件（index1.js）内容：import $ from 'jquery'import './css/index.css'import './less/index.less'$(function () { $('#app li:nth-child(odd)').css('color', 'red') $('#app li:nth-child(even)').css('color', 'green')})import './assets/f
2021-10-17 20:57:56
1014
1
原创 JavaScript基础--超详细（内置对象及作用域）
JavaScript基础--超详细（作用域及对象）_c.j.h_code的博客-CSDN博客目录6.1内置对象6.1.1 内置对象概念6.1.2 查文档6.1.3 Math对象6.1.4 日期对象6.1.5 数组对象6.1.6 字符串对象6.2简单数据类型和复杂数据类型6.2.1 简单数据类型6.2.2 复杂数据类型6.2.3 堆和栈6.2.4 简单类型传参6.2.5 复杂数据类型传参6.1内置对象6.1.1 内置对象概念...
2021-10-15 11:28:55
183
1
原创 JavaScript基础--超详细（作用域及对象）
JavaScript基础--超详细（数组及函数）_m0_48651355的博客-CSDN博客目录5.1 作用域5.1.1 作用域概述5.1.2 全局作用域5.1.3 局部作用域5.1.4 块级作用域5.2变量的作用域5.2.1 全局变量5.2.2局部变量5.2.3全局变量和局部变量的区别5.3作用域链5.3 预解析5.3.1预解析的相关概念5.3.2 变量预解析5.3.3 函数预解析5.3.4 函数表达式声明函数的问题...
2021-10-14 21:41:42
139
原创 JavaScript基础--超详细（数组及函数）
JavaScript基础--超详细（流程控制）_m0_48651355的博客-CSDN博客目录4.1数组4.1.1 数组概念4.1.2 创建数组4.1.4 遍历数组4.1.5 数组新增元素4.2函数4.2.1 概念4.2.2 函数的使用4.2.3 函数的参数4.2.4 函数返回值4.2.5 break ,continue ,return 的区别4.2.6arguments的使用拓展（函数声明）：4.1数组4.1.1 数组概念...
2021-10-13 21:57:55
157
1
原创 浅谈web开发模式及身份认证
1、web开发模式1.1分类:基于服务端渲染的传统 Web 开发模式:优点：前端耗时少：因为服务器端负责动态生成 HTML 内容，浏览器只需要直接渲染页面即可。尤其是移动端，更省电 有利于SEO：因为服务器端响应的是完整的 HTML 页面内容，所以爬虫更容易爬取获得信息，更有利于SEO缺点：占用服务器端资源：即服务器端完成 HTML 页面内容的拼接，如果请求较多，会对服务器造成一定的访问压力 不利于前后端分离，开发效率低：使用服务器端渲染，则无法进行分工合作，尤其...
2021-10-11 21:25:44
378
1
原创 JavaScript基础--超详细（流程控制）
JavaScript基础--超详细（运算符）_m0_48651355的博客-CSDN博客目录3.1流程控制3.1.1 流程控制概念3.1.2 顺序流程控制3.1.3 分支流程控制3.2分支结构3.2.1if语句3.2.2 if else语句（双分支语句）3.2.3 if else if 语句(多分支语句)3.2.2三元表达式3.2.3 switch分支流程控制3.2.4 switch 语句和 if else if 语句的区别3.3循环结构3.2...
2021-10-11 19:54:33
381
1
原创 JavaScript基础--超详细（运算符）
https://blog.csdn.net/m0_48651355/article/details/120679631?spm=1001.2014.3001.55012.1运算符2.1.1 算数运算符概念：就是进行加减乘除，取余计算的运算符 运算符：+，-，*，/，%（取余数的运算）注意：在进行算术运算的时候，浮点数(小数)运算可能会产生精度问题2.1.2 递增、递减运算符运算符：++、--（a++、a--、++a、--a）//前置递增运算符var num = 1;++n.
2021-10-10 20:37:35
913
3
原创 JavaScript基础--超详细（概念-变量）
1.1 JavaScript简介1.1.1 什么是JavaScript？JavaScript是一门web页面的脚本语言。简称：JS；1.1.2 为什么我们要学JavaScript？web页面搭建可分为：结构：HTML定义的是网页的内容即结构 表现：描述网页的布局，添加样式、美化网页等即表现 行为：控制网页进行交互、动态效果等即行为1.1.3 浏览器执行JavaScript代码过程1.1.3.1 浏览器两大引擎：解析HTML、css的渲染引擎（内核），比如Chrome的we.
2021-10-10 19:39:02
132
原创 Git史上最详细教程（详细图解）
Git简介：什么是Git，它有什么作用？Git简单来说就是代码版本控制系统，通过他可以进行多人开发同一个项目然后讲每个人的代码块合并完成一个大项目，还能控制代码版本记录等。Git四个区域工作区：处理工作的区域（即做项目打代码的区域） 暂存区：已完成的工作临时存放区域，等待被提交 本地仓库：存放数据的地方，但是还在本电脑上，若电脑存储空间损坏还是会造成代码消失 Git远程仓库：最终的存放区域，即远程服务器，电脑存储空间损坏也不影响远程仓库数据Git四个状态：未...
2021-10-08 16:01:24
10896
8
原创 手把手教你发个包
目录包的简介首先让我们简单了解下为什么需要包：包的分类：包的规范（基本）：建包步骤：前期准备：发布包：删除包：拓展：包的简介首先让我们简单了解下为什么需要包：由于 Node.js 的内置模块仅提供了一些底层的 API，导致在基于内置模块进行项目开发的时，效率很低 包是基于内置模块封装出来的，提供了更高级、更方便的 API，极大的提高了开发效率 包和内置模块之间的关系，类似于 jQuery 和 浏览器内置 API 之间的关系包的分类：项目包：开发依..
2021-10-07 20:42:17
214
2
原创 模块化简介
概念：是指解决一个复杂问题是，自顶向下逐层向下把系统划分若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元（就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块）好处：提高代码的复用性 提高代码的可维护性 可以实现按需加载缺点：系统分层，调用链会很长 模块间发送消息会很耗性能分类：内置模块 自定义模块 第三方模块...
2021-10-06 19:14:22
109
4
TA创建的收藏夹 TA关注的收藏夹
TA关注的人