Jiang_XiaoBai007-CSDN博客

转载 CSS“隐藏”元素的几种方法的对比

一说起CSS隐藏元素，我想大部分小伙伴们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。我相信还有不少人想到使用设置visibility为hidden来隐藏元素，这种方式也是常用的方法，而且也有很多人知道两者的不同。除了这两种方法，本文还总结了一些比较不常用的方法，比较了这几种“隐藏”元素方法的区别和优缺点，欢迎大家交流！！几种方法的简单介绍首先我们分别来说说到底有哪几种隐藏元素的方法，有一些方法是众所周知的，还有一些算是一种技巧。 display:none 设置

2021-07-14 18:48:12 161

原创 vue路由跳转并传递参数,A页面传递参数跳转到B页面,B页面用接收的参数搜索

VUE实现页面A传参跳转，同时页面B根据传来的参数执行搜索方法 1.页面A点击查看按钮，获取所需参数并实现页面跳转，带参数。 methods: { check(selectTable) { this.$router.push({ path: “/member”, query: { phone: selectTable.phone } }) }, 2.页面B，获得页面A传过来的参数，同时实现搜索方法，搜索条件就是传过来的参数phone watch: { “$route.query.phone”(val) {

2021-07-08 16:32:05 1667

原创 vue,css动画+手风琴,鼠标经过播放暂停动画 2021-07-06

vue,css动画+手风琴,鼠标经过播放暂停动画 <template> <div class="accordian"> <ul class="partner" ref="partner" @mouseenter="change" @mouseleave="run"> <li> <div class="image_title"> <a href="#">KungFu Panda1

2021-07-06 15:13:48 210

原创 vue-awesome-swiper插件使用

@swiper插件 vue-awesome-swiper插件项目场景： vue-awesome-swiper> 例如：项目场景：在组件中展示,实现轮播效果问题描述：轮播图是需要几张图片进行轮流展示的,因为做页面商品展示,商品更新换代比较快,有时候做活动更新的比较频繁,这时候静态图片需要每次更换src,十分不便捷,且页面数据较多的时候很难找到对应的位置,需要动态绑定从后端请求回来的数据,图片等原因分析：静态图片需要每次更换src,十分不便捷,且页面数据较多的时候很难找到对应的位置, 解决方案：

2020-12-23 09:35:17 330

原创 react js学习笔记-01

react的基本使用 1.什么是react? 用于构造用户界面的javascript库 2.react组件(重要) 3.特点只有v,view层 4.使用 4.1npm i react react-dom (web页面用这两个指令,前面是主要依赖包,) 4.2引入js文件 4.3创建react元素参数一:元素的名称参数二:元素的属性参数三:元素的子节点 5.渲染react元素参数一:要渲染的react元素参数二:挂载点下载react依赖包 npm init -y npm i

2020-11-30 17:03:12 141

原创 vue电商项目笔记

vue电商项目笔记01 创建项目文件夹在目标存储位置打开cmd或者同时按住shift和鼠标右键,打开powerShell,用vue脚手架搭建基本结构,输入vue create shop //shop是自定义的文件夹名称, 选择Manually select features(手动选择功能) 选择 Babel Router Vuex CSS Pre-processors Linter/Formatter(代码规范) 选择n 选择less 扩展cs

2020-11-29 22:01:17 218

原创复习（h5c3+移动web）

##第一个阶段复习:H5C3+移动web ###1. H5是什么？ H5是html5，HTML5包含了HTML5，CSS3，JS等技术，可以说是一种技术的集大成者。新增了语义化标签，如等等，在写页面bai的时候直接可以通过语义化标签来du替代div,提高浏览器的解析能力，HTML语义化让页面的内容结构化,结构更清晰,便于对浏览器,搜索引擎解析 #####H5新增了以下的几大类元素: 内容元素: header , nav , footer , section 表单控件: calender , date ,

2020-10-27 19:31:17 348

原创 js核心语法总结

js核心语法总结 1.变量什么是变量？变量是存储信息（数据）的容器。定义变量时不需要申明具体类型，其类型由赋值的变量决定；变量的三要素： 1，数据类型：决定在内存中分配的空间 2，变量名：空间别名 3，值：空间中存储的数据变量的三种定义方式？const、var、let三种定义变量方式的区别 1.const一般用来定义常量，一旦被定义就不可以被修改，而且必须初始化 2.var定义的变量可以修改，但是如果声明了不赋值就会输出undefined，不会报错 3.let是块

2020-09-22 14:13:31 539

原创 js 数组Array的常用方法 es3 es5 es6

js 数组Array的常用方法 es3 es5 es6 1.伪数组 1.1对象和伪数组的差别： 1.对象的原型链上只有Object.prototype，而数组的原型链上有Array.prototype和Object.prototype —所以伪数组无法使用数组的方法； 2.对象没有length属性，数组有并且自动更新； 3.对象根据键值对取值，而数组根据序号(索引)取值。 1.2定义伪数组: 1.拥有length属性,其他属性为非负整数字符串(因为对象使用[]来取值,会将数值隐式转换为字符串)—伪数组是对象

2020-09-18 17:00:32 260

Jiang_XiaoBai007的博客