自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 问答 (2)
  • 收藏
  • 关注

原创 CSS 实现水平居垂直居中

2020-09-22 21:50:43 137

原创 八大算法的原理及实现(JS版本待更新)

https://blog.csdn.net/a3192048/article/details/80269862当n较大,则应采用时间复杂度为O(nlog2n)的排序方法:快速排序或并归排序。快速排序:是目前基于比较的内部排序中被认为是最好的方法,当待排序的关键字是随机分布时,快速排序的时间最短。1. 插入排序—直接插入排序基本思想:将一个记录插入到已排序好的有序表中,从而得到一个新,记录数增1的有序表。即:先将序列的第1个记录看成是一个有序的子序列,然后从第2个记录逐个进行插入,直至整个.

2020-09-17 17:45:02 221

原创 JS:变量、作用域和内存问题

标注:向参数传递基本类型时:把值从一个变量赋值到另一个变量传递引用类型时:把这个值在内存中的地址赋值给局部变量函数中基本类型的参数传递 function addTen(num) { num += 10; return num; } var count = 20; var result = addTen(count); console.log(count); //20,没有变化 .

2020-09-13 16:30:41 106

原创 Vue基础知识整理

补充:1. 生命周期图示(来自VUE官方文档)2. 样式绑定:1)class的对象绑定以对象的形式绑定类与data中的布尔值,通过点击实现修改该布尔值来判断元素是否添加该类 .isRed{ color: red; font-size: 200px; } var vm = new Vue({ el:'#app', data:{ .

2020-07-09 20:08:19 176

原创 JS创建对象知识点总结

补充说明: function Person() { } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "SoftWare Engineer"; Person.prototype.sayName = function() { alert(this.name) } .

2020-07-09 16:27:13 79

原创 用VUE实现TodoList1.0

实现功能:显示今日时间;可以添加待办事件;可以对已完成事件进行勾选删除并加入到已完成区域代码实现:DOM: <div id="app"> <p style="color: rgb(103, 78, 173);font-size: 18px;text-align: end;width: 220px;">{{date}}</p> <input type="text" v-model="inputVa

2020-07-08 21:59:15 264

原创 【Vue基础】自动获取焦点功能

方法一:用特殊字符ref操作DOM解决的问题: 在vue中操作DOM元素步骤:给DOM元素设置ref属性的值在Vue中的mounted选项下通过this.$refs.属性 获取到要操作的DOM通过在控制台输出 this.$refs.ref属性值可以查看到要操作的dom元素的标签通过如下代码可实现页面自动聚焦功能: <div id='app'&...

2020-03-30 17:24:03 845

原创 【Vue 基础】过滤器小结

过滤器filter作用: 处理数据格式使用位置: 双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。分类: 局部注册和全局注册用过滤器实现首字母大写的格式化处理全局注册在创建 Vue 实例之前定义全局过滤器Vue.filter()【此处的filter为单数形式】Vue.filter(‘该过滤器的名字’,(要过滤的数据)=>{return 对数据的处...

2020-03-29 17:26:34 84

原创 【Vue案例实现1.0】页面渲染

效果一、 实现列表渲染功能初始代码在这里插入代码片``<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>静态页面</title> <style> #app { width: 600px; mar...

2020-03-28 14:04:09 167

原创 【整理】Vue基础指令小结1

指令每个指令都是为了取代相应的DOM操作;指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM;扩展了html标签的功能、大部分的指令的值是js的表达式。v-text和v-htmlv-text:更新标签中的内容v-text和插值表达式的区别v-text 更新整个标签中的内容插值表达式: 更新标签中局部的内容v-html:更新标签中的内容/标签...

2020-03-28 09:10:24 91

原创 【刷题篇】html+css+js 4/10

牛客网题目分析解析:1.大多数HTML元素被定义为块级元素或内联元素HTML < div > 元素HTML < div > 元素是块级元素,它是可用于组合其他 HTML 元素的容器。< div >元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与 CSS 一同使用,< div >元素可用于对大...

2020-03-12 17:56:07 320 1

原创 Vue.js 第十三节:组件注册 复现

组件注册局部注册<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script type='text/javascript' src='vue.js'></script> <title></title> </head&g...

2020-03-09 21:05:01 90

原创 Vue.js 第十二节:组件基础 复现

组件基础基本事例组件是一个可以重复利用的vue事例,可以封装一个组件达到快捷开发的目的。用Vue.component("",{})函数来创建一个函数,函数的第一个参数为该组件的名称,{}里描述了整个组件的数据和模版。在试图中我们可以使用组件的名称作为标签,对组件进行调用。可以对组件进行敷用。每个组件的数据是封闭在组件的内部,相互独立的。<!DOCTYPE html>...

2020-03-09 18:20:24 128

原创 Vue.js 第十一节:表单输入绑定 复现

表单输入绑定基础语法可以用v-model指令在表单〈input〉、〈Textarea〉及〈select〉元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素,尽管有些神奇,但v-model本质上不过是语法糖。它负责监听用户用户的输入事件以及更新数据,并对一些极端场景进行特殊处理。text和textarea元素使用value属性和input事件双向绑定:<!DOCT...

2020-03-09 12:36:52 362 3

原创 Vue.js 第十节:事件处理 复现

事件处理监听事件可以用v-on监听DOM事件,并在触发时运行一些Javascript代码。<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script...

2020-03-08 21:09:51 122

原创 Vue.js 第九节:列表渲染 复现

列表渲染用v-for把一个数组对于为一组元素我们可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法,其中items是源数据数组,而item则是被迭代的数组元素的别名。...

2020-03-08 20:11:18 157

原创 Vue.js 第八节:条件渲染 复现

条件渲染v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候才会被渲染。<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> ...

2020-03-05 23:46:01 100

原创 Vue.js 第七节:Class与Style绑定 复现

Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求,因为他们都是属性,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在讲...

2020-03-05 23:09:03 97

原创 Vue.js 第六节:模板语法-指令 复现

指令指令(Directive)是带有v-前缀的特殊特性。指令特性的预期值是单个javascript的表达式。当表达式的值发生改变是,将其产生的连带影响。响应式作用于DOM。<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/ht...

2020-03-05 16:47:03 95

原创 VUE.js 第五节:模板语法 复现

模板语法Vue.js使用了基于HTML的模板语法,允许开发者申明式地将DOM绑定至底层Vue实例的数据,所有的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数,结合响应系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM的操作次数减到最少。从一定层面上提高了DOM的操作效率。插值#文本数据绑定最常用的形式就是...

2020-03-05 12:22:18 124

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除