- 博客(63)
- 收藏
- 关注
RSS订阅原创 报错：Uncaught TypeError: Object(...) is not a function at Module.eval (webpack-internal:///./node_mod
（博主可是踩了好久的坑）拿亲身经验来教你解决问题！！当你的vue的项目使用路由报这个错误的时候就很有可能是你路由的版本不支持！！解决办法如下：打开控制台，执行命令：npm i [email protected]然后重新运行你的项目看看问题是不是已经解决了！！如果解决了请在评论区说出来，谢谢！......
2022-06-15 09:48:05
2456
1
原创 Missing script: “sever“报错的解决办法
如果你也有下面这样的报错，那么跟着我的步骤来解决问题！！第一步：打开文件中的 package.json 文件第二步：查看我框起来的地方，将命令改成 npn run serve 或者改成什么单词，就用什么命令运行 npm run XXX最后想告诉大家，有这个报错的，大部分都是自己命令写错了哟。所以下次要仔细检查，不要再犯同样的错误了！！...
2022-05-19 17:20:40
6805
1
原创 Vue实现评论功能
实现评论功能最开始确实是令我头疼的一件时间，因为不确定评论的字数，就要自适应高度，还不确定评论的层级，这看起来就很令人头疼。评论功能麻烦在于它是由层次的，有不停的回复功能，这点是令人比较头疼的地方，我在写这个功能的时候做了比较笨的一个方法去处理它。我先选择了布局页面，先把页面布局好以后在去想怎么发表评论怎么回复评论一起渲染不确定层次的评论内容。1、布局页面想要实现以上布局方式，我在这个地方采取了flex布局， 让他自己去撑开盒子，这样就实现了高度自适应的一个方式，我在每一条评论内容下面隐藏.
2022-05-10 20:36:34
17093
21
原创 vue插槽（slot）
插槽的三种使用方式，简单好用！！使用方式1. 默认插槽2.具名插槽3.作用域插槽作用：让父组件可以向子组件指定位置插入 html 结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件分类：默认插槽、具名插槽、作用域插槽使用方式1. 默认插槽父组件中： <Category> <div>html结构1</div> </Category>...
2022-05-10 18:59:25
155
原创 vue消息订阅与发布
目录一、安装消息与订阅库二、订阅与发布1.订阅2.发布一种组件间通信的方式，适用于任意组件间通信一、安装消息与订阅库安装（这里使用的是 pubsub-js）引入接收消息和发送消息的组件都需要引入这个库！！二、订阅与发布1.订阅2.发布...
2022-04-12 20:14:03
1056
原创 vue全局事件总线(GlobalEventBus)
1、一种组件间通信的方式，适用于任意组件间通信2、安装全局事件总线：new Vue({ ...... beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线，$bus 就是当前应用的vm }, ......})3、使用事件总线：（1）接收数据：A组件想要接收数据，则在A组件中给 $bus 绑定自定义事件，事件的回调留在A组件自身。methods(){ demo(data)
2022-04-07 09:39:31
3970
3
原创 vue组件的自定义事件
区别于 js 里面的内置事件而存在的 内置事件给 html 元素用的 自定义事件给组件用的1、一种组件间通信的方式，使用于：子组件 ===> 父组件2、使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。3、绑定自定义事件：（1）第一种方式，在父组件中：<Demo @things="test" />或<Demo v-on:things="test" />（2...
2022-03-24 14:29:29
420
2
原创 vue安装脚手架
脚手架来咯！！！一、全局安装二、关于不同版本的Vuevue CLI (command line interface) 命令行接口文具，熟称脚手架。Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。一、全局安装第一步：（仅第一次执行）：全局安装@vue/cli npm install -g @vue/cli第二步：切换到你想要创建项目的目录，然后使用命令创建项目 vue create X...
2022-03-10 11:02:11
2341
8
原创 vue计算属性与侦听
目录一、计算属性 computed1.计算属性的概念2.只考虑读取不考虑修改可采用简写形式二、侦听 watch1.完整写法2.深度监视3.监视两种方法的简写三、computed 和 watch 的区别一、计算属性 computed1.计算属性的概念计算属性：1.定义：要用的属性不存在，要通过已有属性计算得来。 2.原理：底层借助了Objcet.defineproperty方法提供的getter和setter。...
2022-03-02 15:32:36
135
7
原创 vue事件处理
这次都是一些简单事件处理。一、事件的基本使用二、事件修饰符三、键盘修饰符四、事件注意一、事件的基本使用先来一个简单的案例，看看事件的基本使用<body> <div id="root"> <h2>欢迎来到{{name}}学习</h2> <!-- <button v-on:click="showInfo">点我提示信息</button> --> <button @cli..
2022-02-23 10:24:20
173
1
原创 vue入门
今天正式进入 Vue ，紧张又激动的心情恐怕只有自己能够理解！！一、初始 Vue二、模板语法1.插值语法 {{xxx}}2.指令语法（以 v- 开头）三、el 和 data 的两种写法eldata总结四、理解 MVVM 模型五、总结第一次接触 Vue 相信很多朋友是和我一样的心情，觉得这个东西是很神圣的。进入 Vue 之前做了很多新多心里准备，毕竟这个不像是前面的基础那样信手拈来。这个算是真正加入 Web 前端 这个大家族了吧。以后我也是一名程序员了！！...
2022-02-16 10:11:22
658
6
原创 这就是你为什么看不懂递归的原因
今天来聊一下递归，博主可是在这儿栽个大跟头呢，你可别和博主一样了！！一、什么是递归二、利用递归求 1~n 的阶乘三、利用递归求斐波那契数列四、利用递归遍历数据一、什么是递归递归：如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。简单理解:函数内部自己调用自己, 这个函数就是递归函数。注意：递归函数的作用和循环效果一样，由于递归很容易发生“栈溢出”错误（stack overflow），所以必须要加退出条件return。二、利用递归求 1~n 的阶乘.
2022-02-10 16:57:10
722
原创 重新出发。。
2021年，在我印象中是过的最快的一年，可能因为这一年都在专心干那么一两件事情！！这一年，我从大三到大四，也算得上是我人生很重要的一个阶段。这一年我面临着从学校走进社会的这样一个过程，同时也面临着找工作，像我这种普通大学出来的学生找工作往往选择更少，困难更大。学习本专业的知识很多很杂却不精，往往是不能够满足企业所需。所以我尝试着另辟蹊径。想着钻研一项技术，这样去企业面试的时候才会更有把握。所以我选择了前端开发，这个说难不难，但是更新太快，所以我已经做好了时刻保持学习的准备！未来我工作的企业一定不会后..
2022-01-22 10:53:22
228
2
原创 对象在程序员眼中的两层含义
对象在百度百科里是这样解释的！下面解释是程序员眼中的对象！！什么是对象 什么是程序？ 程序简单来说就是为了模拟现实世界，解决现实问题而使用计算机语言编写的指令集和， 程序员眼里的面对对象思想是什么呢？ 一切客观存在的事务都是对象，即：“万物皆对象” 任何对象一定具有自己的特征和行为(即：属性和方法) 特征：称为属性，一般为名词，代表对象有什么 行为：称为方法，一般为动词，代表对象能做什么 现实中的对象多数来自于 “模板”，而程序中的对象也不例外也具有相应的 “模板” 对象的创建：对象...
2022-01-20 09:21:52
305
原创 js闭包函数
要想看懂闭包，好好理解吧！一、变量的作用域复习二、什么是闭包三、闭包的作用四、闭包的案例更多案例一、变量的作用域复习变量根据作用域的不同分为两种：全局变量和局部变量函数内部可以使用全局变量 函数外部不可以使用局部变量 当函数执行完毕，本作用域内的局部变量会销毁二、什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是 ，一个作用域可以访问另外一个函数内部的局部变量。三、闭包的作用作用：延伸变量的作用.
2022-01-09 19:07:22
2026
4
原创 js严格模式
js 的严格模式修正了一切可能！一、什么是严格模式二、开启严格模式三、严格模式中的变化一、什么是严格模式JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改：消除了 Javascript 语法的一些.
2022-01-06 08:55:43
2183
6
原创 函数内部this的指向
还不明白 this 的指向问题的，看完这篇文章就会了！！一、函数内部的 this 指向二、改变函数内部 this 指向1. call 方法2. apply方法3. bind方法4. call、apply、bind 三者的异同一、函数内部的 this 指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。一般指向我们的调用者。二、改变函数内部 this 指向1. call 方法call()方法调..
2021-12-29 11:10:16
778
22
原创 正则表达式
正则表达式哪里都用得着，还不会的可得好好学学了！一、正则表达式的概述1.什么是正则表达式2. 正则表达式的特点二、正则表达式在 js 中的使用1. 正则表达式的创建2. 测试正则表达式三、正则表达式中特殊字符1. 正则表达式的组成2. 边界符3. 字符类（1）[] 方括号（2）量词符（3）括号总结4. 预定义类5. 正则替换 replace四、正则好用工具一、正则表达式的概述1.什么是正则表达式正则表达式（ Regula...
2021-12-24 10:01:57
235
29
原创 js的函数定义和调用
认真看看，好文章错过了就没有了！一、函数的定义二、函数的调用一、函数的定义（1）方式一 函数声明方式 function 关键字（命名函数）function fn(){}（2）方式二函数表达式(匿名函数)var fn = function(){}（3）方式三new Function() new Function()二、函数的调用有六种调用函数的方法，今天在这儿一次性做个总结，还不熟悉函数调用的还不赶快收藏起来！！/* 1. 普通函数...
2021-12-22 11:07:42
486
14
原创 安装并配置Git
Git 现在已经是程序员必须得学会的一个技能了！一、在 Windows 中下载并安装 Git二、配置用户信息三、检查配置信息四、获取帮助信息一、在 Windows 中下载并安装 Git在开始使用 Git 管理项目的版本之前，需要将它安装到计算机上。可以使用浏览器访问如下的网址，根据自己的操作系统，选择下载对应的 Git 安装包：http://git-scm.com/downloads二、配置用户信息安装完 Git 之后，要做的第一件事情就是设置自己的用户名和
2021-12-17 16:08:51
585
6
原创 认识npm
今天来好好认识认识这个npm！！一、认识 NPM二、安装 NPM三、NPM 的使用（常用命令）四、NPM 镜像的设置与查看五、Package.json 属性说明六、包的使用一、认识 NPMnpm(全称Node Package Manager，即node包管理器)，是Node.js默认的、以JavaScript编写的软件包管理系统。npm来分享和使用代码已经成了前端的标配。官网:https://www.npmjs.com。npm被全球超过1100万开发人员所依赖，拥有..
2021-12-16 16:18:19
331
8
原创 HTTP协议
一、HTTP 简介1. 什么是通信通信，就是信息的传递和交换。通信的三要素：通信的主体 通信的内容 通信的方式2. 什么是通信协议通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解：通信双方采用约定好的格式来发送和接受信息，这种事先约定好的通信格式，就叫做通信协议。客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。网页内容又叫做超文本，因此网页内容的传输协议又叫做超文..
2021-12-15 14:34:48
113
6
原创 jQuery事件对象
一、jQuery 事件对象jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。语法：演示代码 ：<body> <div></div> <script> $(function() { $(document).on("click", function() { consol...
2021-12-14 09:24:08
1200
21
原创 jQuery事件绑定与解绑
今天是一期关于事件的相关概述！！一、jQuery 事件注册二、jQuery 事件处理1、事件处理 on() 绑定事件2、事件处理 off() 解绑事件3、事件处理 trigger() 自动触发事件一、jQuery 事件注册jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 演示代码 ：<.
2021-12-10 19:06:12
1735
24
原创 js移动端轮播图
做完PC端的轮播图以后，怎么能不尝试一下移动端呢，也不像我的风格，来来来，格局打开，往下看！！！移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 做好多的效果图如下图所示：案例分析第一步： 自动播放功能 开启定时器 移动端移动，可以使用translate 移动 想要图片优雅的移动，请添加过渡效果 第二步： 自动播放功能-无缝滚动 注意，我们判断条件是要等到图片滚动完毕再去判.
2021-12-07 11:08:25
436
36
原创 jQuery 属性操作
今天又是一篇理论知识，如果不觉得耐烦慢慢欣赏吧！！一、jQuery 属性操作1、元素固有属性值 prop()2、元素自定义属性值 attr()3、数据缓存 data()二、jQuery 文本属性值1、jQuery内容文本值三、jQuery 元素操作1、遍历元素2、创建、添加、删除四、jQuery 尺寸、位置操作1、jQuery 尺寸操作2、jQuery 位置操作五、今日总结一、jQuery 属性操作jQuery 常用属性操作有三种：prop()
2021-12-05 20:14:16
1147
2
原创 js移动端触屏事件
我们移动端的触屏事件来， 有了它还怕搞不定 ？？？？1、触屏事件2、触摸事件对象（TouchEvent）1、触屏事件移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：2
2021-12-02 09:54:40
578
22
原创 jQuery入门
一、jQuery1. jQuery 介绍（1）JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。
2021-11-29 09:56:41
101
2
原创 jQuery仿购物车案例
今天成功解锁购物车，想要更多可能就往下看吧！！一、全选二、增减商品数量三、修改商品小计四、计算总计和总和五、删除商品六、选中商品添加背景七、全部文件今天是一些购物车的基本功能实现，全选、增减商品数量、修改商品小计、计算总计和总和、删除商品、选中添加背景颜色等一些常见功能。html结构的全部代码都在文末了，懂的都懂啊！！！一、全选全选分析： ⭐全选思路：里面3个小的复选框按钮（j-checkbox）选中状态（checked）跟着全选按...
2021-11-27 09:48:51
1495
20
原创 JavaScript贪吃蛇
这篇文章不简单！！一、创建html结构二、创建表格三、创建蛇头、蛇身四、创建食物五、让蛇动起来六、 控制蛇的方向七、完整代码index.htmlGame.jsSnake.jsFood.js八、图片九、总结今天博主呕心沥血写了一个贪吃蛇的小游戏，整个过程从无到有简直扣人心弦。接下来本博主就来好好说到说到这个过程！！话不多说，我们还是先来看看最后的呈现效果吧。看完了才知道什么叫做操作，简直传奇！！接下来不吹牛来讲讲实际操...
2021-11-24 10:13:47
5399
47
原创 setTimeout 和 setInterval 两种定时器的介绍—JavaScript
定时器是我们写前端页面必备的一个技能，所以还不会的兄弟们赶紧学起来！！！1、setTimeout() 炸弹定时器2、setInterval() 闹钟定时器window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setInterval() 1、setTimeout() 炸弹定时器开启定时器window.setTimeout(调用函数，[延迟的毫秒数]);setTimeout() 这个调用函数我们也称为回调函数 callba
2021-11-17 11:01:17
675
24
原创 ＜移动Web开发＞__rem布局&响应式布局的完美总结
今天是把 rem 布局 和 响应式布局 的要点好好的总结了一遍，还没学会的可以看看这一篇哦！！1、rem单位2、媒体查询3、rem适配方案4、响应式开发原理5、Bootstrap 介绍6、Bootstrap 使用四部曲7、bootstrap布局容器8、bootstrap 栅格系统9、响应式工具10、总结完rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。
2021-11-17 10:57:32
474
18
原创 offset、client、scroll 三大家族来了—JavaScript
一、元素偏移量 offset 系列offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 1、获得元素距离带有定位父元素的位置 2、获得元素自身的大小（宽度高度） 3、注意：返回的数值都不带单位
2021-11-15 20:04:52
154
14
原创 轮播图的实现—JavaScript
今天又是一个非常实用的案例哟，听名字就觉得高级很难对吧，今天就来写一个案例，让你轻松学到轮播图的精髓！！还是老规矩，来看一下实现效果！！学习轮播图的首先是要把图片准备好，并且用 ul 的里面的 li 包起来，给 li 一个浮动，让他们显示在一行上，但是注意了，一定要给 ul 足够的宽哦！！来吧，html 和 css 代码如下所示（文件名：index.html）<!DOCTYPE html><html lang="en"><head> .
2021-11-12 11:05:33
2614
34
原创 load 和 DOMContentLoaded 事件的区别—JavaScript
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。下面我们来分析分析 DOM 和 BOM 的区别
2021-11-11 10:14:19
763
14
原创 简单的 html拖动模态框 案例
要想做好这个案例首先分为三个部分：html 框架和 css 样式、JavaScript 的交互效果（点击弹出和关闭的隐藏效果、最后就是一个拖动的效果）！
2021-11-05 17:31:42
1683
34
原创 鼠标和键盘事件带来的便利
今天是 关于 DOM 事件最后一次 分享！！一、常用鼠标事件1、案例：禁止选中文字和禁止右键菜单2、鼠标事件对象3、获取鼠标在页面的坐标二、常用键盘事件1、键盘事件2、键盘事件对象3、案例：输入框方法提示一、常用鼠标事件1、案例：禁止选中文字和禁止右键菜单案例代码<body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 .
2021-11-04 14:35:03
202
22
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人