摘要: 前端vue项目中,各个组件(非父子关系也可)之间可以通过Bus进行事件通信。 组件间通过如下: this.$Bus.$on("事件名", 回调函数); 来监听总线Bus中的某个事件,执行回调函数。 问题描述: 有时候会发生事件只被emit触发了一次,但是回调函数却被多次执行的现象。这种现象往往发生在 阅读全文
posted @ 2021-07-13 14:15 actorhuang 阅读(312) 评论(0) 推荐(0) 编辑
摘要: Ajax封装 问题:发送一次请求代码过多,发送多次请求代码冗余且重复 解决方案:将请求代码封装到函数中,发送请求时调用函数即可。 ajax({ type: 'get', url: 'http://www.example.com', success: function(data){ console.l 阅读全文
posted @ 2020-12-09 15:37 actorhuang 阅读(181) 评论(0) 推荐(1) 编辑
摘要: Ajax运行原理及实现 Ajax应用场景 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜索框提示文字下拉列表 Ajax实现步骤 //创建ajax对象 var xhr = new XMLHttpRequest(); //告诉ajax要向哪发送请求,以什么方式发送 //1)请求方式 阅读全文
posted @ 2020-12-08 16:18 actorhuang 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 响应式布局——媒体查询 响应式布局容器 响应式需要一个父级做为布局容器,来配合子级元素实现变化效果。 原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。 一般情况下的响应式尺寸划分 超小屏幕(手机,小于76 阅读全文
posted @ 2020-11-19 16:36 actorhuang 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 未处理的rejection 当一个error没有被处理会发生什么?例如,忘了在链的尾端附加.catch, new Promise(function() { noSuchFunction(); // 这里出现 error(没有这个函数) }) .then(() => { // 一个或多个成功的 pro 阅读全文
posted @ 2020-11-11 19:48 actorhuang 阅读(268) 评论(0) 推荐(0) 编辑
摘要: concat arr.concat创建一个新数组,其中包含来自于其他数组和其他项的值 arr.concat(arg1, arg2, ...) 接受任意数量的参数,包括数组或值 例子: let arr = [1, 2]; alert( arr.concat([3, 4]) );//1,2,3,4 al 阅读全文
posted @ 2020-11-02 15:39 actorhuang 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 常见自适应布局 <div class="box"> <div class="left"></div> <div class="right"></div> </div> 左侧固定宽度,右侧自适应布局 方法一: 左侧盒子使用float浮动,固定宽度,右侧盒子设置margin-left控制与左侧的距离: 阅读全文
posted @ 2020-10-27 00:15 actorhuang 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 实例1:动态展示列表数据 <div id="box1"></div> <!-- 如何将一个数据的数组转换为一个标签的数组? 使用数组的map() --> <script type="text/babel"> const names = ['张三','李四','王五','赵六'] //1.创建虚拟DO 阅读全文
posted @ 2020-10-13 09:33 actorhuang 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 模板引擎基础概念 模板引擎是第三模块,让开发者以更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护。 art-template模板引擎 使用npm install art-template命令进行下载 使用const template = require('art-template')引入模 阅读全文
posted @ 2020-10-08 10:40 actorhuang 阅读(163) 评论(0) 推荐(0) 编辑
摘要: MongoDB增删改查操作 MongoDB数据库服务启动和关闭 net start mongodb net stop mongodb 数据库连接 先使用npm install mongoose安装mongoose依赖,之后使用mongoose提供的connect方法即可连接数据库。 const mo 阅读全文
posted @ 2020-10-05 10:08 actorhuang 阅读(127) 评论(0) 推荐(0) 编辑