03 2020 档案

vue之过滤器的用法
摘要：一、概念 Vue.js 允许自定义过滤器，可被用作一些常见的文本格式化。 过滤器可以用在两个地方： 插值表达式和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道符“ ‘ | ’ 指示 二、定义全局过滤器 这里使用文本替换对过滤器做一个基础的分析。 <body> 阅读全文
posted @ 2020-03-31 21:51 苏小妞吖 阅读(603) 评论(0) 推荐(0)
数组方法
摘要：一、arr.push() 从数组尾部添加元素，返回值为添加完后的数组的长度。 var arr = [1,2,3,4,5] console.log(arr.push(6)) // 6 console.log(arr) // [1,2,3,4,5,6] 二、arr.unshift() 从数组前面添加元素 阅读全文
posted @ 2020-03-25 21:13 苏小妞吖 阅读(174) 评论(0) 推荐(0)
vue指令之 v-fo循环和 v-show 以及key值的用法
摘要：一、v-for指令 下文用四个案例来分别解析，包括循环普通数组，循环对象数组、循环对象以及 数字迭代。 <body> <div id="add"> <!-- v-for 循环普通数组 (num,int) 其中的第一个值表示内容，第二个值为索引。如果只填写内容，则修改v-for循环的内容为 num i 阅读全文
posted @ 2020-03-25 15:11 苏小妞吖 阅读(2088) 评论(0) 推荐(0)
清除浮动的几种方式
摘要：一、添加新的标签 给最后一个浮动元素添加新的标签，设置一个属性为 clear：both 。（缺点：添加无意义标签，结构较差） 二、通过给父级添加overflow属性 添加 overflow：hidden。（缺点：内容增多的时候容易造成不会自动换行导致内容被隐藏掉，无法显示要溢出的元素） 三、通过添加 阅读全文
posted @ 2020-03-24 23:38 苏小妞吖 阅读(175) 评论(0) 推荐(0)
cookie和session的区别
摘要：一、cookie和session的概念 Cookie指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。 Session在计算机专业术语中，Session是指一个终端用户与交互系统进行通信的时间间隔，通常指从注册进入系统到注销退出系统之间所经过的时间。具体 阅读全文
posted @ 2020-03-23 22:04 苏小妞吖 阅读(132) 评论(0) 推荐(0)
layui添加新增弹出框
摘要：一、在官网下载luyui文档，并且在项目中引用layui.css和layui.js 二、 阅读全文
posted @ 2020-03-18 00:16 苏小妞吖 阅读(1352) 评论(0) 推荐(0)
layui如何实现图片上传功能
摘要：一、前往官网下载layui的框架 打开html文件，引用其中的 layui.css 和 layui.js 二、调用前端的html代码，设置id值。 <div class="layui-upload upload"> <button type="button" class="layui-form-la 阅读全文
posted @ 2020-03-15 23:59 苏小妞吖 阅读(3349) 评论(0) 推荐(0)
css中设置背景图片平铺整个页面
摘要：body{ background: url(img/bgcolor.jpg); background-size: 100% 100%; background-position: center center; overflow: auto; } 阅读全文
posted @ 2020-03-15 00:15 苏小妞吖 阅读(3464) 评论(0) 推荐(1)
在vue中使用样式的方法
摘要：一、vue属性绑定 在vue中，是通过v-bind 属性绑定来实现给元素绑定style样式。 其中有两种方式，一种是通过绑定class类绑定样式，另一种是通过内联样式来实现样式的绑定。 二、绑定class样式 1. 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1< 阅读全文
posted @ 2020-03-13 17:46 苏小妞吖 阅读(3164) 评论(0) 推荐(0)
vue事件修饰符
摘要：一、阻止冒泡事件修饰符 什么是冒泡事件？在div嵌套的条件下，给所有div同时绑定click事件，点击最里面的div事件会一层一层由内向外触发父div的事件。事件从最里层的后代div逐层传出，这部分我们叫冒泡过程。 如何阻止事件冒泡，在vue修饰符中有一个指令为“ .stop” ,为内层的div绑定 阅读全文
posted @ 2020-03-13 12:38 苏小妞吖 阅读(179) 评论(0) 推荐(0)
jquery中的几种请求方式
摘要：一、$.ajax() 返回其创建的对象 $.ajax({ url:"index.json", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步，默认为异步true，这也是ajax重要特性 data:{"id":"value","u 阅读全文
posted @ 2020-03-13 10:00 苏小妞吖 阅读(859) 评论(0) 推荐(0)
vue指令
摘要：一、指令基本分析 1、v-cloak 解决 插值表达式闪烁的问题 2、v-text=“变量名” 替换文本 3、v-html=“变量名” 解析html代码 4、v-model =“变量名” 实现双向数据绑定 二、案例详解 在 VM 实例中，如果要访问 data 上的数据，或者要访问 methods 中 阅读全文
posted @ 2020-03-12 14:24 苏小妞吖 阅读(192) 评论(0) 推荐(0)
mvc和mvvm的区别
摘要：mvc是基于后端开发的思想。 而mvvm是基于前端开发的思维，主要关注于 视图层 分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel，用一张图来说明 阅读全文
posted @ 2020-03-12 12:39 苏小妞吖 阅读(293) 评论(0) 推荐(0)
vue基础
摘要：一、vue是什么？ vue.js与react.js和angular.js并称为前端三大主流框架（能够减少不必要的dom操作，提高渲染效率；双向数据绑定的概念） ）。 Vue.js 是一套构建用户界面的框架，**只关注视图层**，它不仅易于上手，还便于与第三方库或既有项目整合。 前端的主要工作就是负责 阅读全文
posted @ 2020-03-12 11:17 苏小妞吖 阅读(180) 评论(0) 推荐(0)
js循环语句和跳出循环的方法
摘要：一、while循环 只需要一个条件。缺点：很容易陷入死循环 var i = 1; // // 当循环的条件永远是true的时候。我们叫做死循环 // while ( i <= 100 ) { // // 循环体 // console.log(i); 案例如下： //打印1-100之间所有的数字 // 阅读全文
posted @ 2020-03-11 17:09 苏小妞吖 阅读(3490) 评论(0) 推荐(0)
js数据类型的转换
摘要：一、判断该变量的数据类型 typeof() 其中有两种判断方法，可以添加括号，也可以不添加括号，直接判断声明变量。 // var age = 18; // var name = 'zs'; // //1、 number // console.log(typeof age); // // string 阅读全文
posted @ 2020-03-11 14:42 苏小妞吖 阅读(188) 评论(0) 推荐(0)
null和undenfind的区别
摘要：1.Undefined Undefined 表示声明了一个没有赋值的变量，变量只声明的时候值默认是undefined。 表示此处应该有值，但是没有定义 如：var a； var a = 123； 返回值都是undefined. （1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调 阅读全文
posted @ 2020-03-11 00:55 苏小妞吖 阅读(477) 评论(0) 推荐(0)
Jquery获取已经值的方法 checkbox和input输入框
摘要：一、Jquery获取已经选中的checkbox的几种方式 1.先看看原生js怎么获取的，首先获取name为某一对象的checkbox对象，此时接收到的是一个数组，里面存储的是所有的数组，再对所有数组进行遍历，如果当前为点击的对象，就添加就定义的空数组中。 var objetct = document 阅读全文
posted @ 2020-03-11 00:28 苏小妞吖 阅读(1544) 评论(0) 推荐(0)
实现没有宽高的盒子水平垂直居中
摘要：实现一个不设置宽高的盒子水平垂直居中的效果的方法 方法一、CSS+定位 让其父元素相对定位，内部元素绝对定位，这里的父元素为body。 原理：让未定义宽高的图片上下左右距离都为0.然后给一个margin自适应。可以想象成一个盒子，给了四个方向的相同的力，这样就会形成一种相对的均衡力量让其停留在中间位 阅读全文
posted @ 2020-03-10 23:31 苏小妞吖 阅读(2556) 评论(0) 推荐(0)
ajax与jquery
摘要：一、ajax的请求过程 ajax的请求参数 ajax过程 (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用 阅读全文
posted @ 2020-03-08 23:27 苏小妞吖 阅读(155) 评论(0) 推荐(0)
HTTP协议
摘要：一、HTTP协议介绍 1. HTTP--Hyper Text Transfer Protocol，简称超文本传输协议，是一种建立在TCP上的无状态连接，整个基本的工作流程是客户端发送一个HTTP请求，说明客户端想要访问的资源和请求的动作，服务端收到请求之后，服务端开始处理请求，并根据请求做出相应的动 阅读全文
posted @ 2020-03-08 19:36 苏小妞吖 阅读(154) 评论(0) 推荐(0)
JQuery基础知识和方法
摘要：一、jquery基础知识 什么是jquery，jquery是javascript框架库的一种，而javascript框架库又是什么呢？javascript框架库就是一个javascript文件，里面封装了大量的函数，或者说封装了很多兼容性的代码，可以执行和应用。 而jquery就是一种常见的java 阅读全文
posted @ 2020-03-07 23:42 苏小妞吖 阅读(172) 评论(0) 推荐(0)
layui前端框架基础介绍（一）
摘要：一、layui的使用步骤 使用layui的第一步就是需要进入到layui官网https://www.layui.com/里面找到自己将要用到的模块的组件。 点击下方的下载按钮将会下载出layui相关的css以及js文件，并且里面会有对应的demo可以用来参考和学习。 layui的使用一般分为两部分， 阅读全文
posted @ 2020-03-07 17:40 苏小妞吖 阅读(2181) 评论(0) 推荐(0)
定时器之倒计时效果
摘要：一、倒计时所对应的前段代码和样式 代码中所用到的前端样式css：nth-last-of-type(n) //选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素，从最后一个子元素开始计数。 :nth-last-child() 选择器，该选择器选取父元素的第 N 个子元素，与类型无关，从最后一个 阅读全文
posted @ 2020-03-06 23:12 苏小妞吖 阅读(390) 评论(0) 推荐(0)
移动端web
摘要：一、 移动web开发基础总结 1、如何让一个页面适配不同的屏幕大小 如何让页面兼容不同的手机系统版本 2.移动端页面主要特征：屏幕尺寸、分辨率 屏幕尺寸，是指手机屏幕对角线的长度 3.分辨率的大小 手机分辨率表示为1980*1500，表示垂直方向有1980个像素点，水平方向有1500个像素点。 4. 阅读全文
posted @ 2020-03-05 23:53 苏小妞吖 阅读(198) 评论(0) 推荐(0)