- 博客(10)
- 收藏
- 关注
RSS订阅原创 jQuery(一)
一.jQuery核心函数参数为函数：当dom加载完毕后执行此回调函数。(即jQuery的入口函数) $(function(){ })参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象。 $('#div') $('.div') $('div')参数为DOM对象：将DOM对象封装为jQuery对象。 let div=document.getElementById('#div') //将DOM对象转换为jQuery对象
2021-01-24 12:31:06
85
原创 ES6笔记（一）
一.let和const命令1.var存在缺陷var可以重复用同一个变量名申明变量var没有块级作用域块级作用域：{}，if(){},for(){},要在其用var只能用闭包形式（自执行函数）但只有在function(){}中有作用域。var存在变量提升。（刚开始只申明了变量 var a,在中间过程中使用了a;但a是在最后才赋值的 a=10,但a在中间过程中还是可以使用）所以在不存在兼容性问题的时候一般都选用Let。2.const 用来解决var限定修改的缺点，用来申明常量。用法与let 基本
2021-01-20 13:06:22
73
原创 Node.js初识（第一部分）
Node.js初识1.命令行窗口（小黑屏），CMD窗口，终端，shell开始菜单---->运行---->CMD---->回车常用命令：dir列出当前目录下的所有文件cd 目录名 进入指定的目录md 目录名 创建一个文件夹rd 目录名 删除一个文件夹目录.表示当前目录…(两个点） 表示上一级目录环境变量（windows系统中变量）----path当我们在命令窗口中打开一个文件，或者调用一个程序时，系统会首先在当前目录下寻找文件程序，如果找到则直接打
2020-10-12 20:52:48
108
原创 自定义指令，计算属性，过滤器
一.自定义指令（directive)directive方法接收两个参数，第一个参数：指令的名称，第二个参数：对象。注意点：1.在自定义指令的时候，在指定指令名称的时候，不需要写v-。2.指令可以在不同的生命周期阶段执行。bind:指令被绑定到元素上的时候执行。inserted：绑定指令的元素被添加到父元素上的时候执行。//定义一个全局指令（在Vue实例对象外定义） Vue.directive("color",{ //这里的el就是被指定的绑定的元素 bind:function(el,o
2020-10-12 20:50:58
95
原创 CSS------盒子居中4种方式
CSS------盒子居中4种方式（1）已知宽高的情况.box{ position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-150px; }(2)未知宽高的情况.box{ position:absolute; top:50%; left:50%； transform:translate(-50%,-50%); }
2020-09-26 22:29:26
145
原创 Javascript高阶---------this指向问题，工厂模式，构造函数模式，原型模式
一.this指向问题解析器在调用函数时，每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，这个对象我们称它为函数执行的上下文，this的指向与调用的方式有关，谁调用它，它的执行主体就是谁（即this就指向谁）。注意：简单模式下的this指向：1. 以普通函数调用时，this永远指向window对象（严格模式下指向undefined) 。 2. 以方法的形式调用时，this指向调用方法的那个对象（即看前面是否有".",其前面是谁，this就指向谁）。3. 给
2020-08-18 14:20:11
165
原创 vue中的样式与事件修饰符
一. vue中的样式(基于v-bind指令）使用class样式（分为以下4种形式）数组<h1 :class="['red','thin']">我是h1标签</h1>数组中使用三元表达式<h1 :class="['red','thin',isactive?'active':'']">我是h1标签</h1>*数组中嵌套对象<h1 :class="['red','thin', {'active':isactive}]">
2020-08-17 16:49:56
170
原创 vue基本指令（二）
vue基本指令（二）v-if与v-show:vue中的切换指令。v-if特点：每次都会删除或者重新创建元素。并且有较高的切换性能消耗，如果元素涉及频繁的切换，推荐使用v-show。v-show特点：每次不会重新进行删除与创建操作，只是切换了元素的 display:none 的样式。并且用较高的初始渲染消耗，如果元素永远也不会被显示出来，被用户看到，推荐使用v-if。 <!--切换效果代码如下：--> <div id="app"> <input
2020-08-17 14:02:48
81
原创 MVVM简介
MVVM简介MVVM:为前端视图层的分层开发思想，主要把每个页面分成M, V 和VM。MVVM的思想主要是为了让我们开发更加方便，因为MVVM提供了数据的双向绑定，注意：数据的双向绑定是由VM提供的。M：保存每个页面中单独的数据。VM：它是一个调用者，分隔了M和每当V层想要获取后保存数据的时候，都要由VM做中间处理。V: 每个页面中的HTML结构，即视图。MVC与MVVM之间的联系，如图：模板代码引包<script type="text/javascript" src="v
2020-08-16 13:03:00
544
1
原创 vue基本指令（一）
vue基本指令（一）v-cloak:解决插值表达式的闪烁问题。注意：需要写css样式，即:display:none;<p v-cloak> {{mgs}} </p>v-text:插入文本命令。(没有闪烁问题，即相当于javascriptDOM中的innertext）注意：v-text会覆盖元素中的原本内容，但插值表达式只会替换自己的占位符，不会把整个元素内容清空。<p v-text="mgs"> </p>v-html:插入标签文本内
2020-08-16 12:40:01
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人