- 博客(38)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VUE中的重点*
实际上就是一个闭包,因为vue是单页面应用,是由很多组件构成,每一个组件中都有一个data, 所以通过闭包给每一个组件创建了一个私有的作用域,这样就不会相互影响。
2024-07-22 15:13:59
1150
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VUE的后台接口的配置
/获取data中的数据里的数据。type: this.type, //在props中声明的传入给后端的type值。id:this.id //在props中声明的传入给后端的id值。this.list = res.data //获取data中的数据。timeout: 10000 // 超时。list0: {},//获取data中的数据里的数据 } },list: {},//获取data中的数据。// 获取选择题的数据。//传参id和类型传给后端。// 创建axios实例。
2024-07-18 09:07:13
559
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序扫描苹果和安卓手机
data: { scanExecuted: false,//扫描 isScanning: false }, //点击开场的时候自动加载onLoad onLoad: function () { this.scan(); }, // 扫描 onTabItemTap(item) { this.setData({ scanExecuted: false }); this.scan(); }, scan: function () { if (this.data.scanExecuted || this.data.is
2024-06-21 14:19:03
337
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 后台管理系统 分页
, //这个只是示例 给后端传参数是params:data export function jubenleist(data) { return request({ url: '/back/script/select', method: 'get', params: data }) }//第三步就是给后端传入参数。
2024-06-19 16:39:11
287
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序轮播图
在苹果手机上必须得加 transform: rotate(0deg);才可以圆角边框 .swiper-box { height: 260rpx;在安卓手机上的圆角边框 .swiper-box { height: 260rpx;
2024-06-19 16:02:59
243
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue3登录功能
el-button type="primary" @click="submitForm(ruleFormRef)">提交</el-button><el-button @click="resetForm(ruleFormRef)">取消</el-button><el-form-item label="确认密码" prop="checkPass"><el-form-item label="用户名" prop="name"><el-form-item label="密码" prop="pass">
2024-06-19 11:01:23
443
原创 面试常问的题
dist打包生成的文件中有 .map 文件,可以删除。在 vue.config.js文件中配置:productionSourceMap: false组价和路由使用懒加载、按需引入等对于文件和图片进行压缩。安装压缩组件: compression-webpack-plugin安装后进行导入配置:最小化代码 minisize: true分割代码: splitChunksl超过限定值的文件进行压缩,threshold: 文件大小(字节为单位)
2024-09-03 09:22:37
168
原创 前端的面试题(常问的)
区别:async是来定义函数的,定义异步函数,打印函数名可以得到一个promise对象,言外之意可以通过这个 函数名称.then 这个方法await 后面跟的是任意表达式,一般使用promise的表达式async 内部实现,有返回值 成功返回promise.resolve() ,出错返回promise.reject() 返回值用catch捕获await 等待后面的promise对象执行完毕,拿到了promise.resolve()的值之后,执行后面的代码。
2024-09-02 09:43:09
363
原创 前端面试题
100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息。400 Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。303 See Other 临时性重定向,且总是使用 GET 请求新的 URI。2.减少 http 请求次数, 合并 css、js 、合并图片(雪碧图)304 Not Modified 自从上次请求后,请求的网页未修改过。7.减少 dom 的访问(缓存 dom)
2024-08-23 09:30:02
150
原创 面试题JS
(1)变量被声明了,但没有赋值时,就等于undefined。(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。(3)对象没有赋值的属性,该属性的值为undefined。(4)函数没有返回值时,默认返回undefined。===,只有在无需类型转换运算数就相等的情况下,才返回 true,需要检查数据类型。==,当且仅当两个运算数相等时,它返回 true,即不检查数据类型。const 用来定义常量,必须初始化,不能修改(对象特殊)null 表示一个对象被定义了,值为“空值”;
2024-08-21 10:06:35
370
原创 Vue的所有面试题
在beforeCreate生命周期执行的时候,data和methods中的数据都还没有初始化。data 和 methods都已经被初始化好了,如果要调用 methods 中的方法,或者操作 data 中的数据,最早可以在这个阶段中操作。当执行这个钩子时,页面中的显示的数据还是旧的,data中的数据是更新后的, 页面还没有和最新的数据保持同步。执行到这个钩子的时候,在内存中已经编译好了模板了,但是还没有挂载到页面中,此时,页面还是旧的。页面显示的数据和data中的数据已经保持同步了,都是最新的。
2024-08-06 14:47:33
627
原创 简述Vue组件通讯有哪些方式?
4、父组件中通过 provide 来提供变量,然后在子组件中通过 inject 来注入变量。3、$attrs 和 $listeners A ->B ->C。Vue2.4开始提供了$attrs和$listeners来解决这个问题。1、props 和 $emit 父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。2、$parent 和 $children 获取单签组件的父组件和当前组件的子组件,5、$refs 获取组件实例。7、vuex 状态管理。
2024-08-05 09:01:22
592
原创 Git的命令
git clone 地址 例如'https://gitee.com/whale456/demo.git'git push origin --delete 分支名 远程分支删除。git pull origin master 更新到本地分支。git push origin dev/zwj 提交本地分支。git checkout dev/zwj 切换到本地分支。git checkout -b zwj切换到本地分支。git branch -d 分支名 删除分支。git branch -a 查看删除后的分支。
2024-07-30 16:36:15
406
原创 HTML的重点*
引用类型了,统称为 Object 类型:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型。行内元素:行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果。z-index属性指定元素的堆栈顺序(通过z-index的值可以决定哪个元素应放置在其他元素的前面或后面)。行内元素:行内元素不会独占一行,相邻的行内元素会排在同一行。行内样式,内嵌样式,链接样式,导入样式。行内元素:行内元素不可以设置宽高。
2024-07-25 09:57:40
518
1
原创 前端npm下载依赖 idealTree:vue3-demo: sill idealTree buildDeps解决方案
直接输入npm install就可以安装依赖了。
2024-07-17 10:28:10
593
原创 前端面试题
v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地。2.当页面刷新的时候传递的参数id在该页面中就不存在了。1.传递的参数值会暴露在页面路径中,不安全。2.当页面刷新的时候,传递的参数不会消失。
2024-07-15 09:55:28
609
1
原创 Git命令使用
先从dev分支切换到master分支,分支切换到了master分支。git pull就是git fetch和git merge的简写。git pull origin master 更新到本地分支。git push origin dev/zwj 提交本地分支。git pull origin develop更新到主分支。git push origin master 推送分支。git checkout dev/zwj 切换到本地分支。git checkout -b zwj切换到本地分支。
2024-07-13 15:02:13
314
1
原创 前端最基础的面试题
3.简写方法:window.onload没有简写的方法,$(document).ready(function(){})可以简写为$(function(){})1.执行时间上的区别:window.onload必须等到页面内,$(document).ready(function(){})是DOM结构加载完毕后就会执行。区别:(1).箭头函数的 this 永远指向其上下文的 this ,任何方法都改变不了其指向,如 call() , bind() , apply()
2024-07-13 09:01:54
583
原创 前端的面试题
JavaScript万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中是通过prototype对象指向父类对象,直到指向Object对象为止,这样就形成了一个原型指向的链条称之为原型链。z-index属性指定元素的堆栈顺序(通过z-index的值可以决定哪个元素应放置在其他元素的前面或后面)。事件冒泡就是指父元素和子元素有相同的事件,当触发子元素事件时,会向上冒泡,同时也会触发父元素事件。行内元素:行内元素不会独占一行,相邻的行内元素会排在同一行。
2024-07-12 08:56:58
493
原创 面试题所有vue
mutations:主要是定义同步方法,并且推荐state中的变量由该方法进行更改,方便数据跟踪,调用方法:this.$store.commit('xxx', params)在单位时间内, 只会触发一次事件,如果事件触发后,又重复触发了同一事件,则忽略后面触发的事件,直到第一次事件的计时结束。var 声明的变量,不存在块级作用域,在全局范围内都有效,let 和 const 声明的,只在它所在的代码块内有效。const 在声明时必须初始化赋值,一旦声明,其声明的值就不允许改变,更不允许重复声明。
2024-07-10 11:09:08
563
原创 Style属性中Scoped的作用
2、给中的每个选择器的最后一个选择器添加一个属性选择器,原选择器[data-v-xxxx],如:原选择器。为.container #id div,则更改后选择器为.container #id div[data-v-xxxx]1、为组件实例生成一个唯一标识,给组件中的每个标签对应的dom元素添加一个标签属性:data-v-xxxx。实现组件的私有化,不对全局造成样式污染,表示当前style属性只属于当前模块。
2024-07-03 11:18:54
346
原创 只读和禁用
input type="text" id="disabledInput" disabled> //禁用。<input type="text" id="readOnlyInput" readonly> //只读。
2024-07-03 10:23:22
364
1
原创 vue2的项目搭建
根据指令: vue create my-project 到目标文件家创建项目。空格选择 Enter回车键确定 进入下一个操作。
2024-06-25 09:22:23
414
原创 vue3的登录非空验证
el-button type="primary" @click="submitForm(ruleFormRef)">提交</el-button><el-button @click="resetForm(ruleFormRef)">取消</el-button><el-form-item label="确认密码" prop="checkPass"><el-form-item label="用户名" prop="name"><el-form-item label="密码" prop="pass">
2024-06-24 09:03:36
688
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人