- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue 组件传值及事件
=======// 父组件// dom部分<status :statusinfo="statusinfo" @rejectclick="rejectEvent"></status> // js部分 import status from "@/components/status"; export default { components: { status }, data(){ statusinfo: { message: "",
2020-12-04 15:25:23
230
原创 一个简易滑动效果
//html部分<div class="data_box_div"> <div class="transaction_data"> <p ref="inner" v-for="(item, index) in jyData" :key="index"> <span>{{ item.name }}</span> <span>{{ item.desc }}</span> </p&g
2020-12-02 10:41:24
113
原创 记录一下锚点跳转
记录一下锚点跳转点击获取的值与绑定的dom元素id一致即可//js部分active(index, item) { this.activeIndex = index; const ele = document.getElementById(item.title); // 此时item.title="ztjg" if (ele) { ele.scrollIntoView({ behavior: "smooth",
2020-11-27 15:25:43
124
2
原创 在地址栏输入网址敲回车发生了什么？
简单来说：分为 4 个步骤：当发送一个 URL 请求时，不管这个 URL 是 Web 页面的 URL 还是 Web 页面上每个资源的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程 DNS 服务器上启动一个 DNS 查询。这能使浏览器获得请求对应的 IP 地址。浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP 连接。该握手包括一个同步报文，一个...
2019-12-11 17:40:51
246
原创 移动端如何实现点击号码移动拨打电话
代码如下<body> <a href="tel:13500000000">拨打13500000000</a> <!-- html5中href中添加了tel： 可以直接调用来拨打电话 --></body>如果快乐像代码一样简单就好了。...
2019-12-11 14:42:49
690
原创 vue-router导航守卫
概念导航发生变化时，导航钩子主要用来拦截导航，让它完成跳转或取消。拦截方式全局的beforeEach - 前置钩子函数参数to、from、nextto：去哪里from：从哪里next()：是否跳转由它决定使用场景 - 未登录去下单，跳转到登录页afterEach - 后置钩子函数参数to、fromto:去哪里from:从哪来使用场景 - 改变浏览器title...
2019-12-11 09:22:37
99
原创 在JavaScript中什么是伪数组？如何将伪数组转化为标准数组
伪数组的定义：1，具有length属性2，按索引方式存储数据3，不具有数组的push,pop等方法常见的伪数组：arguments，NodeList（querySelector）、HTMLCollection (getElementByTagName)，jQuery对象<!DOCTYPE html><html lang="en"><head>...
2019-12-09 11:23:04
347
原创 Vue常见面试题（第三期）
一、浏览器渲染页面的原理及流程1.根据html文件构建DOM树和CSSOM树。构建DOM树期间，如果遇到JS，阻塞DOM树及CSSOM树的构建，优先加载JS文件，加载完毕，再继续构建DOM树及CSSOM树。2.构建渲染树（Render Tree）。3.页面的重绘（repaint）与重排（reflow，也有称回流）。页面渲染完成后，若JS操作了DOM节点，根据JS对DOM操作动作的大小，浏览器...
2019-12-02 11:44:45
129
原创 Vue常见面试题（第二期）
一、子组件能不能修改父组件传递过来的数据答案是当然可以，但是会出现报错所以我们不能直接修改父组件传递过来的值这里有两种方法：子组件通过data定义一个状态来接收父组件传递过来的数据，把传递过来的数据作为data中局部数据的初始值使用：<div id="app"> <custom-com :count="count"></custom-com>...
2019-11-18 09:36:41
125
原创 Vue如何解决跨域
看到这个问题我们不禁会想为什么会出现跨域？什么是跨域?一、什么是跨域？为什么会出现跨域？跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子：协议跨域http://a.baidu.com访问https://a.baidu.com；端口跨域http://a.baidu.com:8080访问http:/...
2019-11-18 00:12:42
190
原创 vue全局loading动画
我们在写项目的啥时候为了增加用户体验，在数据加载出来前需要定义一些动画让用户觉得并不是电脑卡掉了！下面让我们来写一个简单的loading动画吧首先我们需要写一个动画样式，这里我们就用element-ui里的loading加载吧 在app.vue中写入如下代码<div v-show="this.$store.state.show" class="big"> <d...
2019-11-17 20:25:35
1669
原创 Vue常见面试题（第一期）
一、提交代码到本地库的具体步骤git init （初始化）git add . or(文件名) （添加文件到暂存区）git commit - m “第一次提交” （提交说明）git remote add origin 关联远程git版本库git push orgin master （提交文件到远程仓库）二、简述MVC、MVVM、MVPMVC：MVC是应用最广泛的软件架构之一，一般...
2019-10-29 00:43:38
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人