- 博客(20)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue过滤器的基本使用
Vue过滤器的基本使用(filter)vue中的过滤器分为两种:局部过滤器和全局过滤器1、定义无参全局过滤器 <div id="app"> <p>{{ msg | msgFormat}}</p> </div> <script> // 定义一个 Vue 全局的过滤器,名字叫做 msgFormat Vue.filter('msgForm
2021-07-21 14:17:44
144
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vuex使用
Vuexvue概念:vuex 是 Vue 配套的 公共数据管理工具,它可以把一些共享的数据,保存到 vuex 中,方便 整个程序中的任何组件直接获取或修改我们的公共数据;配置vuex的步骤:1、运行cnpm i vuex -S2、导包import Vuex from 'vuex'3、将vuex注册到vue中Vue.use(Vuex)4、new Vuex.Store() 实例,得到一个 数据仓储对象<script> var store = new Vuex.Store({
2021-07-21 14:12:28
96
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VUE基础
一、创建一个Vue构造函数let app = new Vue({el: ’ ', //管辖范围data:{}, //数据methods: {}, //方法computed:{}, //计算属性【减少运算次数 缓存运算结果】filters:{}, //过滤器components: {test:test} //注册组件});二、插值符号 {{ }}三、指令【directive】 指令本质上就是自定义属性 都是v-开头①v-text =》 dom操作中的innerText
2020-08-22 22:56:31
81
原创 js数组方法
js数组方法不会改变原来数组的有:concat()—连接两个或更多的数组,并返回结果。every()—检测数组元素的每个元素是否都符合条件。some()—检测数组元素中是否有元素符合指定条件。filter()—检测数组元素,并返回符合条件所有元素的数组。indexOf()—搜索数组中的元素,并返回它所在的位置。join()—把数组的所有元素放入一个字符串。toString()—把数组转换为字符串,并返回结果。lastIndexOf()—返回一个指定的字符串值最后出现的位置,在一个字符串中的
2021-07-05 14:12:24
89
原创 vue和jquery的区别
Vue和Jquery的区别是1.首先我们来聊一聊Jquery吧!Jquery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是"write Less,Do More",即提倡写更少的代码,做更多的功能。2.在近两年的Web以及项目开发中,vue技术使用越来越普遍,vue说简单一点就是一套构建用户界面的渐进式框架,采用自上而下的增量开发设计,易于上手。3.那么jQuery和Vue的区别到底在哪里呢?先从DOM操作上说
2020-12-07 17:48:04
1065
原创 JS倒计时
JS倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <p
2020-10-22 16:15:29
85
原创 URL页面跳转传参
URL页面跳转传参<a href="index.html?age=18&sex=男">url传参、接参</a> function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) {
2020-10-19 15:44:01
343
原创 JavaScript 字符串方法
字符串长度length 属性返回字符串的长度:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";var sln = txt.length;//26查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置):var str = "The full name of China is the People's Republic of China.";var pos = str.indexOf("China");//17JavaScript
2020-09-01 16:44:53
100
原创 Bootstrap类名
字体.lead 用于一个段落的文字,使其显示效果显著。.display-1 6倍根元素字体大小.display-2 5.5倍根元素字体大小.display-3 4.5倍根元素字体大小.display-4 3.5倍根元素字体大小.samll 小号字体,同samll标签.mark 带有记号的文本,同mark标签.initialism 字体大小为90%,字母大写列表.list-unstyled 无样式,无左内边距.list-inl
2020-08-22 23:06:08
1369
2
转载 正则表达式元字符
将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如,“\n”匹配\n。“\n”匹配换行符。序列“\”匹配“\”而“(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。^匹配输入字行首。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。$匹配输入行尾。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。匹配前面的子表达式任意次。例如,zo*能匹配“z”,也能匹配“zo”以及“zoo”。*等价.
2020-08-22 23:03:06
67
原创 CSS3入门
一、定义是css最新版本,用于美化网页 推荐书目:张鑫旭 《css世界》二、历史有CSS2 发展而来,按模块化开发,发布是一个时间段三、浏览器按照是否有自己的内核,分为主浏览器和壳子浏览器主浏览器: IE (-ms-) 火狐(firefox -moz-) 谷歌(Chrome -webkit-) 苹果(Safari -webkit-) Opera(-o-)四、边框圆角 border-radius取值: 可以是长度值如10px 20em这种,也可以是百分比%1.取1个值,4个角都一样
2020-08-22 23:01:52
88
原创 JS进阶之原型,原型链,继承
(一)原型1.原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先,通过构造函数实例化的对象可以继承该原型的属性和方法,原型也是对象2.实例对象可以访问自己的属性和方法,也可以访问原型对象的属性和方法,实例对象和原型对象都有的属性和方法,访问的是实例对象的3.利用原型的特点,将共有的属性和方法放到原型中,实例对象可以继承原型中的属性和方法,但不能修改/删除原型上的方法和属性,可以修改自己的属性和方法 // 增 peo.age = '18' // 删
2020-08-22 22:44:24
131
原创 JS闭包
1.定义:闭包是在另一个函数(称为父函数)中定义的函数,并且可以访问在父函数作用域中声明和定义的变量。2.缺点:污染全局变量3.作用:实现公有变量(闭包读取的局部变量一直保存在内存中)//实现公有变量(闭包读取的局部变量一直保存在内存中) function add(){ var num = 0; function fn(){ num++; console.log(num); } return fn; } var suan = add
2020-08-22 22:42:31
87
原创 JS预编译
1.预编译前奏global 表示全局 未声明直接赋值的变量本质上是全局的属性,不是变量 例如a = 100;声明的全局变量都是window的属性 +,window.b2.预编译。发生在函数执行的前一刻(定义)步骤:①创建Ao对象(Activation Object)执行期上下文②找形参和变量声明,将变量声明和形参作为AO对象的属性名(key),属性值为undefined③将实参值和形参统一(传参) (如果有参数就有这一步,没有参数就没有这一步)④在函数体内找函数声明,值为函数体3
2020-08-22 22:40:57
76
原创 JS进阶之浏览器组成(主流浏览器及其内核)
1.分为shell(外壳)部分和内核部分①外壳:用户界面:用户可操作的部分 比如前进后退刷新,右键菜单等等②渲染引擎:即绘制,主要负责HTML+CSS的语法识别和绘制③js引擎:负责读取和执行js④浏览器引擎:查询操作渲染引擎的接口⑤网络:Network 如http的请求⑥UI后端:绘制类似于组合选择框或对话框之类的组件⑦数据存储:cookie和页面存储2.js引擎 1996 2001年IE6首次实现对js引擎的优化和分离,js引擎专门处理js 2008 Chrome
2020-08-22 22:39:47
96
原创 前端存储的方式
一、本地存储和cookie的区别本地存储的特点:存储量限制(5M)客户端完成,不会请求服务器处理sessionStorage数据是不共享localStorage共享cookie特性:同一个网站中所有页面共享一套cookie数量、大小有限(大小4KB)过期时间cookie是随HTTP事务一起被发送给服务器二、本地存储的分类HTML本地存储提供了两个在客户端存储数据的对象①. window.localStorage – 存储没有截止日期的数据②. window.sessionSt
2020-08-22 22:31:09
310
原创 Bootstrap4的网格系统
Bootstrap4的网格系统Bootstrap4 网格系统Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。Bootstrap 4 的网格系统是响应式的,列会根据屏幕大小自动重新排列。网格类Bootstrap 4 网格系统有以下 5 个类:.col- 针对所有设备.col-sm- 平板 - 屏幕宽度等于或大于 576px.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px).col-l
2020-08-09 16:42:25
466
原创 js操作DOM树
一丶DOM树DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的:HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树.如下图二、节点查找(直接查找和间接查找)直接查找:DOM节点的获取方式其实就是获取事件源的方式 操作元素节点,必须首先找到该节点。有三种方式可以获取DOM节点://方式一:通过id获取单个标签 var div1 = docum
2020-08-07 19:57:56
593
原创 js获取DOM节点三种方法
js获取标签的三种方法// 1.通过id获取单个节点对象var box = document.getElementById('box');2.通过标签名来获取节点对象var box2 = document.getElementsByTagName('div');// 3.通过类名获取 var lis2 = document.getElementsByClassName('active');...
2020-08-07 19:21:11
307
原创 7.27面试题
一. position属性值有哪些?分别有什么区别?Static 元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。Relative元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。absolute元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
2020-08-05 18:59:49
1412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人