I_Bling-CSDN博客

原创什么是vue.js？为什么学习流行框架？框架和库的区别？什么是MVC？

前端三大主流框架vue.js、Angular.js、React.js什么是vue.js？vue.js是一套构建用户界面的渐进式框架 vue采用自底向上增量开发设计，vue的核心库只关注视图层将原生JS逐步转换为vuevue.js是前端的主流框架之一。为什么学习流行框架？a）企业为了提高开发效率b)企业中，使用框架，能够提高开发效率c)提高开发效率的发展历程：原生js->jquery之类的类库->前端模板引擎-> vue.jsd)能够帮...

2021-09-13 20:09:21 250

原创 v-if与v-show区别

v-if与v-show区别1)区别:i. v- if删除dom元素ii. v-show设置display:none2)应用场景:i. v-if只修改-次的时候可以使用v-ifii. v- show频繁切换的时候可以使用v-show --> <button @click=' change ' >切换</button>  <p v-if='flag'>{{ msg ...

2021-09-13 20:08:17 72

原创 V-for和key属性

V-for和key属性1)遍历数组，参数(item, index) in list2) 遍历对象，参数(value, key, index) in list3)遍历数字，num in 10 (1~10)4)key在使用v-for的时候都需要去设置key i.让界面元素和数组里的每个记录进行绑定 ii. key只能是字符串或者数字 iii. key必须是唯一的--> <ul> . &lt...

2021-09-13 20:07:47 232

原创事件修饰符

<!-- <div class="outer" @click=' click0uter'> <div class=" inner" @click=" clickInner"> <button @click . stop= ' clickBtn' >点我</button> </div> ...

2021-09-13 20:07:27 100

原创双向数据绑定

<input type="text" v-model :value= 'value1'> <button>+</button> <input type="text" v-model :value= 'value2'> ...

2021-09-13 20:06:38 96

原创数组去重 set方法、foreach进行遍历，再用indexOf去重

//set方法letarr1=[1,2,3,3,2,1]functionobj(arr){ returnArray.from(newSet(arr))}console.log(obj(arr1));//foreach进行遍历，再用indexOf去重letarr2=[];arr1.forEach(function(value,index){...

2021-08-27 22:57:14 247

原创 git常用命令、add、commit、branch、merge、rebase、reset、push、其他命令

git常用命令1、add git add . 添加当前目录的所有文件到暂存区 git add 文件名添加当前文件到暂存区 git add 文档名添加当前文档到暂存区2、commit git commit -m "注释"· 提交暂存区到本地仓库 git commit 文档名 -m “注释”提交暂存区文档到本地仓库3、branch ...

2021-08-27 20:19:23 358

原创 git 是什么、git的优势、git能做什么、git四个区域、git小结

git 是什么git是目前世界上最先进的分布式版本控制系统git的优势适合分布式开发，强调个体公共服务器压力和数量都不会太大速度快，灵活离线工作任意两个开发者之间可以很容易的解决冲突git能做什么克隆版本库项目版本控制项目分支管理git四个区域workspace：工作区index/stage：暂存区repository：本地仓库remote：远程仓库git小结任何对象都是在工作去中诞生和修改的任何修改都是从进入inde.

2021-08-27 20:18:03 184

原创 node初识

Node.js不是一门语言，不是库或者框架。可以在浏览器外执行js代码，js的运行环境node.js中的JavaScript没有dom(文档对象模型)和bom（浏览器对象模型），只有Ecmascript特性：事件驱动、非阻塞I/O模型（就是异步操作）、轻量高效模块化就是将不同功能的函数封装起来，并提供使用接口，他们彼此之间互不影响。在node中，采用EcmaScript进行编码，没有BOM、DOM。读写文件引入fs核心模块 var fs = require(‘fs’)

2021-08-23 21:38:05 70

原创 http核心模块

1、引入httplet http=require("http")2、创建服务let serve=http.createServer()3、事件监听serve.on("request",function(request,response){})4、监听端口（端口号的范围是0-65536之间）serve.listen(3333,function(){console.log("runing")})http模块注意点response对象有个方法：write可以用来给客

2021-08-23 21:37:03 73

原创响应式布局

超小屏幕手机 (<768px) 小屏幕平板 (≥768px）中等屏幕桌面显示器 (≥992px 大屏幕大桌面显示器 (≥1200px) 类前缀 .col-xs- .col-sm- .col-md- .col-lg- 超小屏幕手机 (<768px) ...

2021-08-18 22:02:46 35

原创 BS一些类名

版心<divclass="container"></div>响应式布局类前缀超小屏 <768px 类前缀 .col-xs-小屏 >=768px 类前缀 .col-sm-中屏 >=992px 类前缀 .col-md-大屏>=1200px 类前缀 .col-lg-吸顶实现原理给window绑定scroll事件，当浏览器卷去指定的高度时，给对应的盒子添加固定定位，将该盒子固定在指定位置模...

2021-08-18 22:00:46 102

原创 BS的介绍

Bootstrap是什么Bootstrap是当下最流行的前端框架（界面工具集）Bootstrap的特点特点就是灵活简洁，代码优雅，美观大方Bootstrap的目的其目的是为了让Web开发更敏捷为什么使用Bootstrap生态圈火，不断地更新迭代提供一套美观大方地界面组件提供一套优雅的HTML+CSS编码规范让我们的 Web 开发更简单，更快捷...

2021-08-18 21:59:30 363

原创响应式布局部分知识点

超小屏幕手机 (<768px) 类前缀 .col-xs-小屏幕平板 (≥768px）类前缀 .col-sm-中等屏幕桌面显示器 (≥992px）类前缀 .col-md-大屏幕大桌面显示器 (≥1200px) 类前缀 .col-lg- 超小屏幕小屏幕中等屏幕大屏幕 .visible-xs-* 可见隐藏隐藏 ...

2021-08-16 21:43:25 94

原创 jQuery 事件机制

jQuery 事件机制1、注册事件bind() 、on() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数bind("事件类型"，时间的处理方式)$("#header1").bind({mouseover() {$(this).css("background-color", "blue");},mouseout() {$(this).css("background-color", "black");...

2021-08-16 18:20:39 110

原创 jQuery 对HTML的页面尺寸操作

jQuery 对HTML的页面尺寸操作 1、width() 和 height() 方法width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。 2、innerWidth() 和 innerHeight() 方法innerWidth() 方法返回元素的宽度（包括内边距）。 ---clientWidthinnerHeight() 方法返回元素的高度（包括内边距）。...

2021-08-16 18:20:05 178

原创 jQuery动画

jQuery动画 (单击隐藏)1、隐藏 hide() $("#btn").click(()=>{ $("#box").hide(); })2、显示 show（） (单击显示) $("#btn").click(()=>{ $("#box").show(); })3、淡出 fadeOut（） $("#btn").c...

2021-08-16 18:18:47 36

原创 jQuery

什么是jQuery1、jQuery是一个JavaScript函数库。2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和HTML DOM 遍历和修改。jQuery安装1、从jquery.com下载 jQuery 库 jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <sc...

2021-08-16 18:14:29 62

I_Bling的博客