1、校验数据类型export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() }示例typeOf('vue') // string typeOf([]) // array typeOf(new Date()) // date typeO
转载 2024-03-18 09:00:44
36阅读
AcWing Web应用课 (y总yyds) 文章目录Vue3——网站整体布局、用户动态页面1. 前端渲染逻辑2. vue文件3. 组件化的框架4. 一些准备5. 实现导航栏6. 写六个小组件7. 添加路由8. 实现前端渲染的属性9. 用户动态页面的实现(三个组件)10. 用户列表页面实现11. 实现登录页面11.1 vuex11.1.1 传统登录方式11.1.2 JWT方式11.2 实现登录11
什么样的内容需要封装 一段代码在项目中出现两次就开始考虑是否应该进行封装,出现三次就肯定要封装,大到一个页面,一个组件,小到一个function和一个css样式。封装原则 以下将封装出来的通用组件叫做子组件,引用通用组件的界面叫做组件。封装出来的组件必须具有高性能,低耦合的特性,主要从以下几点入手:1.数据从父组件传入子组件本身不要生成数据,如果需要生成数据,只能在组件内部进行使用,不要
在页面元素布局时经常会有把元素居中的需求,大多都是用弹性盒或者定位,下面来说一下使用方法一、使用边距进行固定位置这种方法需要把元素和子元素的宽度固定,然后利用二者宽高之差添加边距移动元素的位置现在创建了一个元素box1中包含了一个子元素box2,下边的许多案例都会使用这个盒子样式<div class="box1"> <div class="box2"></div
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周期钩子vue组件的功
转载 2024-02-04 02:10:19
72阅读
关键词:SDK,VUE,单例模式,代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述:1.开发一个集团通用 SSO 单点登录页面,大致如下图: 2.开发一个对应 sdk,给接入方使用,页面效果和 web 保持一致。如下图: SDK 需求: 提供调用方式给用户,可以传递参数,调用方法,直接生成登录弹框和背景半透明的蒙层在弹框成功
子组件调用组件的属性既然子组件要调用组件的属性,组件就首先要有这个属性,首先在data里先定义那么一个属性值:data(){ return{ addDialogVisible: false, } }好,有了可以被子组件调用的值了以后呢,东西准备好了,那就得让子组件和组件之间建立一个联系,在组件中引入子组件:import saveProject from "./saveProjec
本篇主要是讲OOP的三大特征,即封装,继承,多态什么是封装封装就是把东西包装在一起,然后以新的完整的形式展现出来。Java中就是把对象的状态信息隐藏在对象内部,不允许外部程序直接访问对象内部信息,而是通过该类所提供的方法来实现对内部信息的操作和访问。 定义类,定义其属性、方法的过程称为封装一个类 封装就是把该隐藏的隐藏起来,把该暴漏的暴漏出来,这两点都需要通过Java提供的访问控制符来实现修饰符
转载 2024-07-10 15:10:47
27阅读
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹,config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时,可直接填写后端测试接口地址(需要设置浏览器允许跨域请求,或后端设置Cross-orig
转载 2024-02-24 23:02:38
37阅读
之前我发布了一篇是有关于uniapp的接口简单封装,这次我发布的是vue的接口简单封装,这次有涉及到几个依赖,需要提前安装好,一个是axios依赖,一个是qs依赖,以下是安装方法:npm install axios -S npm install qs安装完之后,就可以直接再也没中引入了,这次涉及到三个文件,一个是对axios的封装文件,即axios.js,一个是对接口的封装文件,即index.js
转载 2024-04-18 13:32:44
224阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 https://www.electronjs.org/ 目录01.打包封装1.创建v
# 理解Android容器的基本概念 在Android开发中,布局是构建用户界面的基础,而布局的组织方式则通过“容器”来实现。所谓的“容器”,指的是在布局层级中包裹子视图的组件。它们负责管理子视图的位置、尺寸等属性,并且能够影响到整个界面的呈现效果。本文将深入探讨Android的容器,并带来一些代码示例帮助大家更好地理解。 ## 什么是容器? 在Android中,每一个视图(View
原创 2024-09-09 05:15:50
64阅读
图表(chart Charts Chart Graph)表示统计数字的图形表格。为标明各种情况和注明各种数字的图和表的总称。在生活中,为了方便展现一个集合中的大笔资料,发展出许多的统计方式,因此也产生许多种图表的类型,来呈现集合中的样貌,而在每一种图表之中,分别透露出不同的讯息。举例而言,数字是否具有连续性,此图表的呈现是否有顺序性,或者可看出资料中存在的变化程度,以及资料内部的比例情形等等,皆是
css :nth-child和:nth-of-type的区别对于初学者和平时工作应用中,区别nth-child和nth-of-type是一个很大的盲区,为了更好帮助大家区分两者使用方法,特在此加以区分。首先创建一个HTML结构<div class='parent'> <p>我说文章的第一个段落</p> <p>我说文章的
Redux要解决什么问题?随着 JavaScript 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的 state (状态)。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 UI 状态,如激活的路由,被选中的标签,是否显示加载动效或者分页器等等。 管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 mod
SpringBoot + Filter背景: 当前项目基本使用Springboot框架代替配置繁多的Spring框架,其中内嵌Servlet容器是其一大特征,容器内嵌后的一些核心类配置也发生了一些变化,具备了一些Spring特性,例如常见的Filter过滤器,相关配置更加简单,以下内容将以此为出发点,从相关源码阅读的基础上做个简单记录。内嵌Servlet容器有多种,我们基本使用默认的Tomcat组
转载 2024-10-17 15:05:51
24阅读
一、环境介绍 操作系统:centos 7.9 cpu:4核心 内存:8GB docker版本:20.10.17二、docker commit命令封装镜像1、拉取centos 7.9镜像 注:需求不通版本镜像上docker上面去找对应版本docker pull centos:centos7.9.20092、运行容器docker run -d --privileged=true centos:cent
转载 2023-09-01 16:02:06
125阅读
组件向子组件传递值 1、在组件的子组件的标签上绑定属性 v-bind:parentmsg="'from Parent msg'" 2、在子组件的配置项中配置props,指定属性,类型,和默认值 props:{ parentmsg:{ type:String, default:'' }, }, 3、在子组
原创 2023-07-05 16:53:27
85阅读
前言: 什么是axios,简单的来说就是axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post等请求。axios 是一个轻量的 HTTP客户端,它基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大大(Vue作者尤雨溪)宣布取消对 vue-resour
转载 2023-08-23 12:25:48
297阅读
组件的prop双向绑定于vue2废除,vue2的prop只限于->子的单向流动,不能修改外层传来的数据,如果需要得自己来实现。实现方法步骤:   1.在组件内得data对象中创建一个props属性的副本data: function () { return { myResult: this.result(props中得值)//data中新增字段 };  2.创建针对props
转载 2023-06-14 14:59:26
159阅读
  • 1
  • 2
  • 3
  • 4
  • 5