- 博客(20)
- 收藏
- 关注
RSS订阅
原创 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
原创 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
原创 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关注的人