组件之间的数据共享--父组件向子组件共享数据

一句话:父组件向子组件共享数据需要使用自定义属性也就是在父组件中定义数据,绑定给子组件在子组件中使用props来接收到数据进行使用tips:这里需要注意的是props是只读的,通过props接收的数据不可以在子组件中直接修改值,子组件接收到的值只是一个引用,不过可以修改成功,只是会报错,我们有需求在子组件中修改值的话,可以先转存一下再进行修改现在我们有这样一个App.vue的组件,它的子组件为Son.vue我们想要让子组件来使用App.vue父组件中的数据:1.我们想要关联这俩个
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

组件之间的数据共享--子组件向父组件共享数据

父组件向子组件共享数据使用的是自定义属性而子组件向父组件共享数据使用的是自定义事件也就是说连接共享数据关系链的是一个事件:我们需要在子组件中使用$emit方法来创建一个自定义的事件,在父组件中使用该方法(也就是通过调用子组件的$emit方法触发了父组件中所使用的方法),父组件会通过事件的调用--使用参数接收到子组件中的数据:可能这样说有点难以理解,我们通过代码实践一下:目录整体运行过程:1.首先,我们在子组件中定义一个数据num,通过触发点击事件改变数据的同时调用了$emit()
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

组件之间的数据共享--兄弟组件之间共享数据

在Vue2中,兄弟组件之间的数据共享方案是EventBus什么是EventBus方案?EventBus本质就是链接兄弟组件之间的一个桥梁具体来说EventBus.js模块会向外共享一个Vue实例对象发送方组件会将数据通过EventBus的Vue实例触发$.emit方法触发一个自定义事件此时这个自定义事件是可以被外界(导入EvnetBus的组件)使用$.on()方法接收到的目录Son.vue:Son_2.vue:EventBus.js:Son.vue:..
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue--实现一个简单的搜索框-$nextTick方法

案例思路:点击搜索按钮-->搜索按钮消失、文本框显示并自动获取焦点点击其他区域-->文本框失去焦点-->文本框消失,搜索按钮显示<template> <div id="app"> <p>我是App.vue文件</p> <div class="serach"> <input type="text" v-if="inputSet" @blur="inputRemove" r..
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue-ref属性

ref属性是什么?可以辅助开发者获取DOM元素或者组件的引用什么意思?我们可以使用jQuery的$来获取DOM元素,或者在原生中使用querySelector等获取到DOM元素并对其做出相应的操作在Vue中,我们可以使用ref属性来获取DOM元素甚至组件引用来做出相应的操作所以在Vue项目中,我们不会去使用jQuery,这也是jQuery慢慢淡出人们视线的主要原因之一目录ref引用DOM元素ref定义ref引用组件实例Son.vue:App.vue:ref引.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

浅谈四种JS数组循环

一.forEach循环他不能够终止循环----所以forEach的性能比较差意思是就算查找到了我们需要的数组元素,forEach也不会停下来的,直到把这个数组所有数组循环一遍才能终止本次循环:eg:const arr = [1,3,5,7,8,10,12,14,16]arr.forEach((item,index)=> { console.log('循环了几次?'); if(item === 8){ console.log('到这里我已经查询到了我想
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

ESLint-插件化JS代码检测工具以及VSCode配置

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,保证了代码的一致性和避免错误这也是我们团队开发所必备的一种规范,只有团队中每一个人的代码格式都处于一种规范的状态才能更加高效的进行团队开发当然,这也引起了程序猿的不满--这些约束有时真的很让人头疼我们靠人为的避免来改正以往书写代码的格式是非常难的,小心翼翼的书写非常麻烦,这些约束会导致我们分担去编程一部分的精力所以越来越多的代码规范检测工具随之而来目录使用ESLint关于搭建项目中ES
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue——v-for循环图片无法显示--报错404?

我正在做这样一个个人工作台的项目当然这张图是正常的,但是在v-for循环头像src属性的时候发现图片是无法加载出来的并且报错404其实我们需要把图片当作一个模块来处理 ,那么我们就需要使用require来导入src对路径进行解析...
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

在Vue原型文件中挂载Axios--便于维护

如果我们在进行Vue项目开发的时候,有俩个或者更多的组件中使用到了ajax请求那么我们每一个组件都需要注册导入axios模块并发起很多次的请求目录Vue原型文件全局挂载axios自定义属性Vue原型文件全局配置axios请求根路径就像这样:// 组件1import axios from 'axios'export default { methods: { async getInfo () { const { data: res } = await axi
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue-了解前端路由

目录三个问题了解前端路由前端路由工作流程了解前端路由原理——自己实现一个基本的前端路由三个问题了解前端路由路由(router)是什么?---router就是对应关系给我一个路径---我返回一个响应根据路径来判断应该把该请求分发给哪个模块谁和谁的对应关系?单页面应用程序(SPA)与前端路由的一个对应关系在Vue前端路由中也就是Hash地址与组件的对应关系,我们可以通过location.hash拿到hash地址,根据不同的Hash地址,来对应的显示不同的
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

借用vue-router手动搭建前端路由

vue-router是Vue官方给我们的路由解决方案,方便我们管理SPA项目中组件的切换目录一.安装vue-router包二.创建路由模块三.导入-挂载路由模块四.定义路由规则和占位符重定向路由规则一.安装vue-router包npm i vue-router -S二.创建路由模块我们需要在src源代码目录下新建一个router文件夹在router文件夹下新建index.js路由模块然后我们初始化一下index.js路由模块:// 导入Vue.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

使用vue-router却导致页面空白无法呈现-报错?

其实是vue-router版本过高的原因(当前使用vue3以下版本)我们只需要下载一个老版本vue-router就可以了npm i [email protected] -S
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue嵌套路由与默认子路由

什么是嵌套路由?嵌套路由就是在父组件中的子组件路由里面又嵌套了一层子(孙子)组件路由就像这样:在App主组件中有三个子组件使用路由的方式进行切换,以达到SPA功能但同时又在子组件关于页面中又使用了一层路由实现了一个Tab栏切换的功能这就是嵌套路由---目录嵌套路由的使用默认子路由我们在使用嵌套路由的时候,大体操作和基本路由一致,需要注意的是要通过children属性来声明子路由规则就像这样---嵌套路由的使用在路由模块中我们先导入需要的组件// 导.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue-动态路由匹配

目录动态路由匹配操作方法1:在Vue实例中逐层寻找方法2:当前路由规则开启props传参,拿到动态参数值动态路由匹配可以提高路由规则的复用性什么意思呢?假如我们有很多的商品展示,每一个商品都需要有对应的详情展示页难道我们要写上万个甚至更多的路由规则吗?<!-- 假如现在有四个商品 --><router-link to="/Move/1">商品1</router-link><router-link to="/Move/2"&gt.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

Vue——$route参数对象简介

相信我们对于vue-router不陌生当我们打印当前的Vue实例的话,在Vue实例中是会有$route这样一个参数对象的非常的重要,我们来看一下都有哪些属性:常用的有fullPath、params、path以及queryfullPath:完整的哈希地址------我们可能会疑惑--这不是和path路径一样吗?当我们在Hash地址之后添加上一串查询字符串参数的话,我们就不会这么认为了:并且后面的查询参数也可以使用query来访问到params访问到的是路径参.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

声明式导航与编程式导航

目录vue-router中的编程式导航API演示首先在Vue的学习中,我们会引出导航这么一个概念那么什么是导航呢?nav?----嗯~~好像也对,但我们今天说的不是nav我们点击链接切换组件,这就是导航,我更愿意称其为路径导航导航又分为俩种,就是我们标题所说的:声明式导航:我们在网页中点击<a>链接实现网页的切换;在Vue项目中点击<router-link></router-link>切换组件,这都属于声明式导航编程式导航:wo.
分类: 编程语言 发布时间: 06-16 07:31 阅读次数: 0

小红书话题x-s x-b3-traceid

小红书话题x-s、 x-b3-traceid分析。
分类: 业界资讯 发布时间: 06-16 07:19 阅读次数: 0

《爬虫逆向进阶实战》书籍介绍

本书以爬虫逆向方向的相关技术和岗位要求进行撰写,结合作者多年工作经验,总结了爬虫的架构体系、主流框架和未来发展。书中包括各种自动化工具、抓包工具、逆向工具的使用。核心内容以Web Js逆向、安卓逆向、小程序逆向为主,结合三十个实战案例进行分析,内容从易到难一应俱全,并附有视频教程。还对主流的反爬虫技术进行了讲解,包括传输协议、验证码体系、字符集映射、行为和指纹等。本书是目前全网最为详细和最具有深度的爬虫逆向书籍之一。
分类: 编程语言 发布时间: 06-16 07:18 阅读次数: 0

快手做本地轨迹库的方法

最近有同学问如何扣轨迹,给大家分享一下方法。
分类: 编程语言 发布时间: 06-16 07:18 阅读次数: 0

盘点各大厂商的活体检测服务,哪款更适合应用开发者?

相信大家对人脸身份认证已经司空见惯了,比如生活中的人脸支付、身份校验、金融认证等等,但是人脸识别技术面临着多种欺诈手段,如照片、换脸、面具等。如果被恶意复制,将会给个人、集体或者社会带来很大的麻烦和威胁。
分类: 编程语言 发布时间: 06-16 07:18 阅读次数: 0