小龙哥学前端-优快云博客

原创在vue+element的项目中，需要对form表单下的一个form item中循环多个校验

vue-element 对form表单下的form-item中多个规则循环校验

2023-02-17 10:04:01 263

原创前端JS解决CST时间格式转成正常

data为cst时间格式format为想要转换的时间格式例如 yyyy-MM-dd HH:mm:ssfunction dateFormat (date,format) {if(nulldate || ""date){return “”;}if(date’’||datenull){return ‘’;}date = new Date(date);date.setHours(date.getHours()-14);var o = {‘M+’ : date.getMonth() + 1

2022-02-25 15:07:49 879

原创使用vant-UI库修改样式无效的几种解决方法

使用vant-UI库修改样式无效的几种解决方法最近用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用使用vant-UI库修改样式无效的几种解决方法vue项目中，当解决办法：1.对于css语法起作用使用深度选择器，使用 >>> 操作符，将scoped样式中的选择器“深入”，即影响子组件上述代码将会编译成：2.对于scss，

2021-12-09 16:08:39 2273

原创 GET请求和POST请求的区别

GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache（缓存），而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII字符，而POST没有限制。GET比POST更不安全，因为参数直接暴露

2021-10-11 19:11:20 141

原创 js中的严格模式

JS严格模式1.消除了语法的一些不合理的地方2.提高了编译效率s3.禁用了一些关键词,为以后做铺垫。在script里面的第一句加上‘user strict’IE10以下的会自动略掉这句话。不会有什么影响严格模式对变量的影响1.严格模式下，变量必须先声明，再使用。2.不能使用delete来删除定义好的变量。严格模式对this的影响1.以前的全局作用于函数下，this指向的是window，在严格模式下，指向的是undefined2.同理以前的构造函数，直接调用时，,当普通函数调用，Ar

2021-10-08 18:47:00 118

原创 ES6中的set集合

ES6中的set集合set是es6里面新增的数据类型不可以存放相同的值，不可以通过索引来访问我们先来声明一个set实例let s1= new Set();Set()里面可以传入数组，会自动去除重复的值，并且转换为set集合结构/当我们分别传入相同的基本数据类型和引用数据类型/相同的基本数据类型会被去重，而引用数据类型不会，因为它有不同的地址值类似于其他的构造函数创建实例Array.from方法可以将 Set 结构转为数组set的原型方法 1. Set.protot

2021-09-22 19:02:58 211

原创什么是回调函数，回调函数在javascript中有哪些使用

什么是回调函数，回调函数在javascript中有哪些使用回调函数是一段可执行的代码段，它作为一个参数传递给其他的代码，其作用是在需要的时候方便调用这段（回调函数）代码回调函数的英文解释为：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.翻译过来就是：回调函数是一个作为变量传递给另外一

2021-09-17 15:15:50 436

原创 H5新增浏览器存储

1.1 cookie特点：数据持久型，即数据在浏览器关闭时才删除不需要任何服务器资源，因为cookie是存储在客户端并发送给服务器读取可配置到期，控制cookie的生命周期，使之不会永远有效，偷盗者可能拿到的是过期的cookie存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端。但是我们也可以通过js来产生cookie，可以通过js-cookie这个库来操作cookie//引入cookie<script src="

2021-09-15 19:10:53 189

原创 javascript中数据的存储问题

javascript中数据的存储问题在生活中，我们买东西都会考虑这个东西应该放在哪里，放在哪里是最合适的，同样在JavaScript中我们创建的数据也是需要一个存放的空间，我们应该先知道基本的数据结构有哪些数据结构分为8类有：数组、栈、队列、链表、树、散列表、堆、图。数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成。这里面我们简单了解以下在JavaScript中能用到的三种数据结构基本数据结构栈栈，只允许在一段进行插入或者删除操作的线性表，是一种先进后

2021-09-14 20:18:20 203

原创 html中置换元素与非置换元素

置换元素置换元素是指：浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如：浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。html中的都是置换元素，这些置换元素往往没有实际内容，即是一个空元素。非置换元素浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。例如标签，标签里的内容会被浏览器直接显示给用户。label中的内容标签是一个非置换元素，文字label中的内容”将全

2021-09-14 20:07:56 311

原创 Html5新增的一些内容

H5新增的一些内容1.新增标签H5新增了许多语义化的标签，这些标签大多是块元素，和div完全一致，但是div是无意义的块元素，而Html5新增的这些元素多为有意义的元素，例如header表达了头部的意思，在网页中任意暗含头部的结构都可以使用header标签。 article, section,aside,header,nav,footer,address…此外，Html5还新增了一些功能性标签，但是由于其在各个浏览器中的表现形式不一致，我们很少使用这些元素，取而代之的是组件。这里不多做讨论。

2021-09-14 19:15:21 694

原创 git 个人上传每个步骤讲解，团队

git下载安装 git --version注册gitee账号一个本地仓库对应一个远程仓库,第一次提交的时候需要设置当前用户>git config --global user.name “xiaolongge1”>git config --global user.email “2218977366@qq.com”1.个人使用远程仓库 --gitee 本地仓库--文件夹 1.先有远程仓库，再有本地仓库 1.在gitee上新建仓库 2.

2021-09-14 18:53:54 178

原创 CSS过渡-Transitions

CSS过渡-TransitionsCSS transitions 提供了一种在更改CSS属性时控制动画速度的方法。其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这个过程可以自定义。要实现这一点，必须规定两项内容：1.指定要添加效果的CSS属性2.指定效果的持续时间。CSS transitions 可以决定哪些属性发生动

2021-09-14 15:21:21 195

原创 CSS之定位布局的五种方法

1.定位布局- 定位流分类1.1.静态定位1.2.相对定位1.3.绝对定位1.4.固定定位1.5.粘滞定位1.6.z-index- 1.1.静态定位（ Static positioning）是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。 position: static;- 1.2.什么是相对定位?（ Relative positioning ）相对定位就是相对于自己以前在标准流中的位置来移动 position: relative; 使用to

2021-09-14 15:15:44 600

原创 js如何实现一个对象深拷贝

**方法1：使用JSON， var copy = JSON.parse(JSON.stringify(obj));方法2：第三方库lodash 的cloneDeep方法3：jQuery 自带的 extend 方法可以用来实现对象的复制var a = {v1:1, v2:2};var b = {};$.extend(b,a);方法4：自己封装实现**...

2021-09-14 15:08:45 202

原创 DOM事件处理程序

事件处理程序事件意味着用户或浏览器执行的某种动作。比如，单击(click)、加载(load)、鼠标悬停(mouseover)。为响应事件而调用的函数被称为事件处理程序（或事件监听器）。事件处理程序的名字以"on"开头，因此 click 事件的处理程序叫作 onclick，而 load 事件的处理程序叫作 onload。有很多方式可以指定事件处理程序。1.HTML 事件处理程序特定元素支持的每个事件都可以使用事件处理程序的名字以 HTML 属性的形式来指定。此时属性的值必须是能够执行的 JavaSc

2021-09-09 18:43:09 264

转载 jQuery中使用过哪些插入节点的方法，他们的区别是什么

jQuery中使用过哪些插入节点的方法，他们的区别是什么jQuery中使用过哪些插入节点的方法，他们的区别是什么在元素内部添加 append：向每个匹配的元素内部追加内容 我想说： $("p").append("你好") 我想说：你好 app

2021-09-09 18:39:52 1047

原创 Dom事件流

Dom事件流在第四代 Web 浏览器（IE4 和 Netscape Communicator 4）开始开发时，开发团队碰到了一个有意思的问题：页面哪个部分拥有特定的事件呢？要理解这个问题，可以在一张纸上画几个同心圆。把手指放到圆心上，则手指不仅是在一个圆圈里，而且是在所有的圆圈里。两家浏览器的开发团队都是以同样的方式看待浏览器事件的。当你点击一个按钮时，实际上不光点击了这个按钮，还点击了它的容器以及整个页面。事件流描述了页面接收事件的顺序。结果非常有意思，IE 和 Netscape 开发团队提出了几

2021-09-08 19:01:50 124

原创 AJAX技术的基本实现以及了解

Ajax技术的基本使用1.什么是Ajaxajax是一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互，使用异步数据传输（http请求），这样的好处是可以是网页从服务器请求少量信息，不是整个页面，总结来说，AJAX是异步的JavaScript 和xml ，是一种用于创建更好更快的，交互性更强的Web应用程序的技术，AJAX是一种独立web服务器软件的浏览器技术，它不是一种新的编程语言是一种技术2.XMLHttpRequest浏览器在XMLHttpRequest类上定义了它们的

2021-09-08 19:00:15 148

原创 js数据类型大详细

js数据类型大详细讲解js中的数据类型可以分为基本数据类型和引用类型基本数据类型有：Null、undefined、Boolean、String、Number 还有一个Es6新增的Symbol引用类型有 Object 、Array 、Function众所周知两者的区别就是引用类型有自己内置的方法，也可以自定义一切其他方法来操作数据，而基本类型不可以有自己的内置方法对数据进行更多的操作而事实是部分的基本数据类型是有一些内置的方法来操作数据的这就是我们接下来要说的。ECMAScript

2021-09-02 10:42:49 153

原创 css交集选择器和后代选择器

交集选择器和后代选择器的区别这里让我们先思考每个选择器的概念，有时候尽管使用不同的选择器时，他们产生的效果可能相同，但是我们应该更好的利用每个选择器的特点来简化css代码。1.让我们来看一下交集选择器它的语法是这样的选择器1选择器2 { color：red; } 两个选择器紧紧挨着，中间没有空格可以是任意的选择器组合，表示着同级别之间的关系给所有选择器选中的标签中, 相交的那部分标签设置属性!这里面，我使用交集选择器的效果和后代选择器的效果相同，但是我错

2021-08-06 11:17:05 1314

原创 html功能元素

html功能元素一.列表1.1无序列表给数据添加列表语义，数据没有先后之分无序列表格式蜜雪冰城 COCO 益禾堂无序列表样式蜜雪冰城 COCO 益禾堂 disc 默认值实心圆circle 空心圆squre 实行方块注意点： ul li是一个整体，不会单独时候ul或者li标签无序列表应用场景 : 新闻列表，导航栏1.2有序列表顾名思义，是由顺序之分的数据有序列表格式中国

2021-08-04 10:59:09 203

原创 html的基础了解

1.html是什么？html是超文本标记语言，不是一种编程语言，html后缀名为.html或者htm2.html历史发布html1.0是在1993年6月被IETF（互联网工程工作小组）草案发布html2.0在1995年11月作为RFC1866发布，2000年6yue发布之后宣布过时html3.0在1997年1月14日 w3c推荐标准html4.0在1999年12月24日微小改进，w3c推荐标准html5.0在2014年10月，极大的提升了web在富媒体、富内容和富应用方面的能力，被誉为终将

2021-08-02 19:57:57 160

原创 Axture动态面板之轮播图案例

Axture动态面板之轮播图案例交互动作属于Axture中很重要的部分，而今天我所要说的也是属于交互中的一部分，动态面板在axure里经常被使用到,它是一个多层容器。举例来说,好比一本书有很多页面,每一个页面(层)放不同内容,他可以与其它元件组合使用,实现动态切换改变面板状态。Axure中很多的交互是由动态面板来实现的。动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都是只有一个状态是可见的，或者整个动态面板是被隐藏的接下来我将会使用轮播图来

2021-07-28 19:26:31 327

原创 2021-07-27Axure之单选互斥

**Axure中怎么进行单选操作？**这里一共有三种方法可以实现1.我们可以设置交互事件，设置A按钮选中时，B、C按钮设置不选中；以此类推；2.可以设置为动态面板，设置A选中，B、C不选中为第一种状态，以此类推得三种状态，设置点击选中A时切换为第一种状态、B时切换第二种状态、C时切换第三种状态；3.最简单的一种，就是axure中为我们做好的方法，选择我们的所有单选按钮后点击右键，将他们制定到统一个单选按钮组，并且命名就好啦我们先建立三个单选按钮ctrl按住，鼠标分别点击三个按钮选中全部

2021-07-27 19:32:10 1847

m0_47310515的博客