软哈哈-CSDN博客

原创 web学习网站及工具集合

Bootstrap : https://v3.bootcss.com/css/Koala(css预处理器less):http://www.openkoala.org/阿里巴巴矢量图:https://www.iconfont.cn/IETester(测试IE各版本兼容):https://www.my-debugbar.com/wiki/IETester/HomePageGitHub: ht...

2020-01-03 21:34:22 653

MVC模型与MVVM模型的区别MVC模型:MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在...

2020-03-23 13:02:43 878

原创怎么配置node环境?

win7(win10类似)1.安装之前可以先安装一下淘宝镜像(可选)淘宝 NPM 镜像:http://npm.taobao.org/npm install -g cnpm --registry=https://registry.npm.taobao.org安装完淘宝镜像就可以cnpm来进行下载2.安装node: node官网:https://nodejs.org/en/download/...

2020-01-10 20:29:21 568 1

原创使用Vue怎么解决跨域请求问题?

在使用vue前先看原生js解决跨域使用的接口:http://suggestion.baidu.com/su?cb=qq&wd=哈哈body内容: <input type="text"> <button>提交</button> <ul></ul> <script> //查找对应的表单...

2019-12-30 19:53:11 423

原创 Vue中修饰符分几种?各有什么功能?

1.事件修饰符事件修饰符就是对具体某个事件进行修饰，用来处理某个DOM事件,常用的事件修饰符有以下几个：(prevent,stop,self,capture,once).prevent 阻止默认事件(在指定的事件后进行默认事件的阻止)<body> <div id="app"> <div class="box" @contextmenu...

2019-12-28 09:43:27 3047

原创 ES6 promise对象

promise对象promise含义:所谓的promise对象,中文意思为"承诺",也就是再未来你要做的事情,而在ES6中就是指在将来要执行的代码,是一种异步编程的解决方法。什么是同步和异步?同步:同步操作就是在执行过程中只能做一件事情,必须等到上一件事情完成后,才能继续执行下一件操作。异步: 程序员会将需要花费长时间或者等待一段时间的操作,来提高用户的体验效果,不用让用户等待很长一段...

2019-12-26 19:45:51 114

原创 ES6中深拷贝/浅拷贝

ES6中深拷贝/浅拷贝的问题浅拷贝实现深浅拷贝的时候涉及到js中的数据类型数据类型分为两种:基本数据类型:存放在栈中(null,Number,String,undefined,Boolean)引用数据类型:在栈中存放这个数据的地址,然后这个地址指向堆中的对象 object(object,function,array)浅拷贝：浅拷贝的时候,他创建一个新的对象,这个对象中存放着原对象精准的...

2019-12-19 13:20:34 1110

原创 ECMAScript6中箭头函数

箭头函数基本用法ES6 允许使用“箭头”（=>）定义函数,箭头函数虽然可以使代码更加简洁明了,但是箭头函数不能乱使用,因为其中的this指向是与普通函数不同的。function Dog(){}//普通函数let Dog = ()=>{}//箭头函数箭头左边()中的内容是箭头函数的参数当没有参数的时候,()不可以省略当只有一个参数的时候,()可以省略如果有多个参数,不可...

2019-12-16 11:22:17 165

原创 new构造函数时做了几件事?

new构造函数时都做了什么?创建一个空对象var obj = {};链接到原型,将obj的proto指向构造函数的prototypeobj._proto = 类名._prototype;绑定this值,让function函数的this指向obj,并执行函数体类名.call(obj);返回这个对象...

2019-12-12 19:38:44 455

原创 js原生代码实现滚动条

js代码实现滚动条实现滚动条首先考虑需要设计到的逻辑思路,如图是滚动条的基本要求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ ...

2019-12-11 19:48:51 286

原创 js代码以及js对象实现行走的小女该

基本思路:小女孩从左边开始走,走到指定位置停下,这里终点设置为1000,实现这个动画先考虑简要的思路,初始化位置设置好后,关键作用在于当页面打开时,这个存放小女好图片的div要不停的向左移动,这里我们可以用一个定时器来按照固定时间执行,还需要在这个div移动过程中,边移动图片边改变,这里的图片用到的是精灵图,通过改变背景图片的位置来得到不同行走姿势的小女孩.css代码: <style...

2019-12-09 20:47:50 909

原创 ES6中let和conat的使用区别

letlet在ES6中是用来声明变量的使用let声明变量的时候不可以重复声明当使用var声明的时候可以重复声明同一个变量,但是后声明的变量就会覆盖前面的,但是使用let的时候会报错会出现暂时性死区的问题什么是暂时性死区? 所谓的暂时性死区就是指使用let的时候在一个代码块中或是在一个函数内部声明,也就是块级作用域,在这个作用域以外的场景下去使用声明的这个变量是取不到值的,就像是形...

2019-12-05 20:59:59 586

原创 CSS中选择器class和id的区别

在CSS中选择器的方法有三种:直接使用标签进行选择 div{}class选择器（类选择器）,使用标签的class名选择<div class="box"></div> css中选中这个标签使用.box{}id选择器<div id="box"></div>css中选中这个标签使用#box{}class和id是什么?class:表示类,...

2019-12-04 11:23:17 212

原创 HTML+CSS中常见的面试题

1.简述<!doctype html>的作用//声明文档，这是html5的声明方式,告诉浏览器的解析器使用哪种规范来解析该文档<!DOCTYPE html>决定浏览器渲染方式<!DOCTYPE>：告知浏览器当前的 HTML 或 XML 文档是哪一个版本. Doctype 是一条声明, 而不是一个标签; 也可以把它叫做 "文档类型声明", 或简称为 "...

2019-11-30 15:47:58 206

原创 CSS实现各种三角形图案

CSS实现各种三角形css构造三角形问题实际上就是给一个盒子设置上下左右的边框,然后这个盒子宽高都为0,想要实现什么样的三角形就给对应拼凑出来的边框颜色设置为透明就好了,先来看一个普通的宽高10px的div加上下左右边框的效果只需要把中间的宽高10px给设置为0,就变成了右边图片的样子css代码:.box{ width: 0px; border-top: 100p...

2019-11-25 21:01:35 279

原创 HTML5 IE浏览器各版本兼容处理办法

兼容相关问题在使用HTML5时,低版本的浏览器会出现兼容问题(一般是ie5.6 ,8)小高度问题(在ie6及以下版本，会有小高度问题)当页面中有一个div时,给这个份div设置高度1px,背景颜色,在ie6及以下版本会出现1px高度失效,页面div高度变高(前面效果在谷歌浏览器,后面的是ie6以及以下)<style> .box{ height...

2019-11-15 10:52:34 771

原创 html+css经典布局(等高、圣杯、双飞翼)

等高布局方法一以三栏等高布局为例：第一栏宽度30%,第二栏宽度40%,第三栏宽度30%几栏就写几个容器，这里需要3个容器，分别是爷爷爸爸和儿子，宽度是100%使用相对定位把爸爸向左侧移动30%，漏出爷爷的30%使用相对定位把儿子向左侧移动40%，漏出爸爸的40%在儿子里面写左中右三栏，给这三栏设置浮动，让他们在同一行显示使用相对定位，把第三栏定位到和爷爷漏出的部分重叠到一起使用相...

2019-11-14 08:30:19 261

原创 html+css图片下面小空白、图片间的间隙问题

图片下面小空白的解决办法

2019-11-12 10:19:28 1120

原创 web前端——html+css知识点总结(下)

圆角border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;一个值：水平和垂直半径两个值：水平半径垂直半径border-radius:20px一个值：四个角的水平和垂直半径两个值：左上右下 ...

2019-11-11 19:06:35 375

原创 web前端——html+css知识点总结(中)

背景background-color: 背景颜色background-image: url(img/pic.gif); 背景图片background-repeat: 背景是否平铺no-repeat; 不平铺repeat-x; 沿x轴平铺repeat-y; 沿y轴平铺background-position:x y ；背景图片的位置单位 px % left right top...

2019-11-09 10:26:42 486

原创 web前端——html+css知识点总结(上)

html+css阶段总结笔记前端开发语言介绍HTML页面的最基本结构插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA ...

2019-11-06 10:52:40 1156

夂丶丶