- 博客(35)
- 收藏
- 关注
RSS订阅原创 模块化和webpack
常见的模块化规范CommonJS、AMD、CMD、ES6的Modules等如果不使用模块化，会导致全局变量同名等问题，ES5之前通过在js文件中，将所有js代码写入立即自执行函数中，最后把需要返回的变量封装进函数返回。webpackwebpack从本质上讲，是一个现代的JavaScript应用的静态模块打包工具。其正常运行依赖于node环境npm工具可以帮助我们管理node环境下的众多包...
2020-05-02 09:17:34
246
1
原创 条件判断遍历循环v-model
v-if v-else用户输入类型切换小案例中，如果有输入内容，发现切换仍保留之前内容。因为vue在进行dom渲染时，出于性能考虑，会尽可能复用已经存在的元素，而不会创建新的元素。如果不希望进行复用，，则给对应的元素加上key属性，且key的值要不同。v-show和v-if的区别当v-if条件为false时，会删除对应的dom元素 （不停的删除创建）而v-show条件为false时，仅仅...
2020-04-26 11:35:41
3876
原创 认识vuejs
vuejsvue是一个渐进式的框架三种安装方式：1、CDN引入2、npm3、直接下载引入可以不用直接操作DOM元素实现响应式，创建vue实例，传递一个对象作为参数。el属性绑定需要管理的元素，值可以是string或者html元素data用来存放数据（对象或者函数），组件中data必须为函数，可以是服务器上的，也可以是自定义。methods表示定义的方法vue的MVVMmode...
2020-04-22 13:44:47
203
原创 ajax简介
ajax应用场景1、页面上拉加载更多2、列表数据无刷新分页3、表单项离开焦点数据验证4、搜索框提示文字下拉列表网站分类1、静态网站提前写好的html页面（包括图片、媒体文件等静态资源文件）弊端：随着网站不断变大，可维护性越来越差;没有交互性，用户体验较差。2、动态网站动态指html页面是不是动态生成的，这里的动态生成的不一定是一个完整的页面，有可能仅仅是页面的一部分，或者仅仅...
2020-04-18 22:26:01
144
原创 斐波那契数列
1、第一次尝试最简单的递归调用，排除掉n=0，1的特殊情况，剩下的情况根据f(n)=f(n-1)+f(n-2)递归调用。虽然语法正确，但是当n较大时很快产生栈溢出function Fibonacci(n){ if(n == 0){ return 0; }else{ return n > 1 ? Fibonacci(n-1)+Fibonacci(n-2):1; }}2、循环版...
2020-04-16 11:11:12
209
原创 数据库
数据库基本概念表：用来保存数据的最小集合字段：用来代表用户的属性主键（primary key）：用来唯一标识表中的记录1、代理主键 ：如自动递增2、业务主键：如订单编号->20190413123456，具有一定实际意义表间关系1、一对多：如果两张表有一对多的关系，那么在多表中添加一个字段，该字段的值引用一表中主键的值，这个字段就被称为外键（foreign key）2、一对一：...
2020-04-16 10:54:11
127
原创 web开发 服务器环境配置
xampp集成开发环境相当于安装了apache（web服务器）、MySQL、PHP、PERL,根据自己的操作系统安装不同的版本，下载地址： https://www.apachefriends.org/download.htmlmysql默认端口号：3306 apache默认端口号：80 本机localhost：127.0.0.1PHP：运行在服务器的脚本语言；一门弱类型语言，...
2020-04-16 10:39:16
531
原创 栈内存与堆内存
栈内存JS中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中保存,值与值之间是独立存在的，修改一个变量不会影响其他变量var a =123；var b = a;a++;变量值––b123––a124堆内存对象是保存到堆内存中的，每创建一个对象，就会在堆内存中开辟一个新的空间，而变量保存的是对象的内存地...
2020-04-16 10:23:11
123
原创 移动端和媒体查询
像素在前端开发中，一般分成两种像素：CSS像素、物理像素浏览器在显示网页时，需要将CSS像素转换成物理像素再呈现，一个css像素由几个物理像素显示，由浏览器决定。默认情况下在pc端，一个css像素等于一个物理像素视口viewport：屏幕中用来显示网页的区域，默认情况下，视口的宽度 1920px（CSS像素）可以通过改变视口的大小来改变css像素的物理像素的比值；当视口放大200%时，一...
2020-04-16 10:22:46
364
原创 动画
过渡通过过渡（transition）可以指定一个属性发生变化的切换方式，以此带来更好的视觉效果，提升用户体验。1、transition-property指定过渡属性，多个属性间用逗号隔开。如果所有属性都要过渡，则给定关键字all。大部分属性都支持过渡效果，如可计算的数值类型；过渡必须是从一个有效数值向另一个有效数值过渡2、transition-duration指定过渡效果持续时间，单位...
2020-04-16 10:22:09
139
原创 less和flex
less是一门css的预处理语言，less是css的增强版，通过less可以编写更少的代码实现更强大的功能。在less中增添了许多新的特性，如对变量的支持、对mixin的支持；less语法大体上和css语法一致，但less增添了许多新的扩展，所以浏览器无法直接执行less代码，必须将less转化为css代码才可以执行。注意：less的单行注释//，注释的内容不会被解析到css中；css中的注释...
2020-04-16 10:21:43
364
原创 背景
1、背景颜色background-color2、背景图片background-image可以同时设置背景颜色和背景图片，这样背景颜色就成了图片的背景色。如果背景图片小于元素，则背景图片将会自动在元素中平铺。如果背景图片大于元素，将有一部分图片不会被完全显示。如果一样大，则正常显示。3、背景重复方式background-repeat可选值：repeat 默认值，背景会沿着x轴y轴双...
2020-04-16 10:21:31
148
原创 字体
字体font-family：字体族（字体格式）可选值：serif 衬线字体、sans-serif 非衬线字体、monospace 等宽字体指定字体的类别，浏览器会自动使用该类别下的字体。font-family可以同时指定多个字体，多个字体间使用逗号隔开，字体生效时优先使用第一个，第一个无法使用则使用第二个，以此类推。有空格的字体需要加引号font-face可以将服务器中的字体直接提供给用户...
2020-04-16 10:20:53
233
原创 浮动定位
CSS定位CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。通过使用 position 属性，我们可以选择 4 种不同类型的定位。static元素框正常生成。块级元素（div、p、h1等）生成一个矩形框，作为文档流的一部分，行内元素（span、strong等）则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍...
2020-04-16 10:20:32
443
原创 伪类伪元素
CSS伪类用于向某些选择器添加特殊的效果。语法：selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用。selector.class : pseudo-class {property: value}1、锚伪类在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示。a:link {color: #FF0000} /* 未...
2020-04-16 09:58:39
475
原创 css选择器2
CSS选择器元素选择器选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身。通配符选择器显示为一个星号（*）。该选择器可以与任何元素匹配。* {color:red;}#该规则使文本每个元素显示为红色CSS类选择器*.important {color:red;} 和 .important {color:red;}效果完全相同。1、结合元素选择器...
2020-04-16 09:58:04
216
原创 盒子模型
CSS链接链接有四种状态：a:link - 普通的、未被访问的链接a:visited - 用户已访问的链接a:hover - 鼠标指针位于链接的上方a:active - 链接被点击的时刻color属性用来颜色修饰；text-decoration 属性大多用于去掉链接中的下划线；还可以添加更多的属性来修饰CSS列表修改用于列表项的标志类型，可以使用属性 list-style-type...
2020-04-16 09:57:09
317
原创 背景文本字体
CSS背景p {background-color: gray;}#把元素的背景设置为灰色body {background-image: url(/i/eg_bg_04.gif);}# 为body设置背景图片body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; }#背景重复...
2020-04-16 09:56:37
170
原创 DOM对象操作
DOMDOM:文档对象模型 Document Object Model，JS可以通过DOM来操作HTML网页。节点：构成HTML文档最基本的单元。常用节点分成四类：文档节点：整个HTML文档；元素节点：HTML文档中的HTML标签；属性节点：元素的属性；文本节点：HTML标签中的文本内容。<body> <button id="btn">我是一个按钮</but...
2020-04-16 09:52:22
212
原创 数组 arguments
数组数组也是对象，和普通对象区别是，普通对象的属性名是字符串，而数组则是索引//创建数组var arr = new Array(10,20,30);//添加元素arr[索引] = 值;//读取元素arr[索引]//对于连续添加的数组，获取数组长度；非连续数组，会获取最大索引加1arr.length//向数组最后一个位置添加元素arr[arr.length]=值;修改leng...
2020-04-16 09:51:55
442
原创 BOM 延时调用 JSON
BOM浏览器对象模型，BOM可以使我们通过JS来操作浏览器，而DOM使我们通过JS操纵网页。在BOM中为我们提供了一组对象，用来完成对浏览器的操作。Window、Navigater、Location、History、Screen1、windowwindow代表的是整个浏览器的窗口，同时window也是网页中的全局对象2、navigator代表的当前浏览器的信息，通过该对象可以来识别不同...
2020-04-16 09:50:50
190
原创 拖拽 滚轮 键盘
拖拽1、当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown2、当鼠标开始移动，被拖拽元素跟着一起移动 onmousemove3、当鼠标松开时，被拖拽元素固定在当前位置 onmouseup若想取消默认行为，return false...
2020-04-16 09:50:05
288
原创 dom操作css事件
DOM操作CSS通过JS去修改元素的样式，语法：元素.style.样式名 = 样式值，样式值是一个字符串如果样式名中含有-，这种名称在JS中是不合法的，需要将这种样式名修改为驼峰命名法。注意：1、通过style属性设置的样式都是内联样式，而内联样式具有较高的优先级，修改后立即执行。2、但是如果在样式中写了 ！important，则此时样式会有最高的优先级，即时通过JS也不能覆盖该样式，此...
2020-04-16 09:49:52
193
原创 正则表达式
正则表达式正则表达式用来定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来创建正则表达式对象var reg = new RegExp("正则表达式","匹配模式");//匹配模式 ：i 忽略大小写 g 全局匹配模式使用字面量创建：var reg = /正则表达式/匹配模式使用test方法可以检查一个字符串是否符合正则表达式...
2020-04-16 09:48:13
277
原创 date math 包装类 string
Date在JS中使用Date对象表示一个时间。如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间。若要创建指定时间的对象，需要在构造函数中传递一个表示时间的字符串作为参数，日期格式：月/日/年 时:分:秒 如：12/03/2016 11:10:30–getDate() 获取当前日期对象是几日 如13号返回13(1-31)–getDay() 获取当前日期对象是星期几（0...
2020-04-16 09:47:32
370
原创 this创建对象原型
this注意：1、解析器在调用函数每次会向函数内部传递进一个隐含的参数，即this2、this指向一个对象，称为函数执行的上下文对象3、根据函数的调用方式不同，this会指向不同的对象。以函数的形式调用，this永远指向window；以方法的形式调用，this就是调用方法的那个对象工厂方法...
2020-04-16 09:46:49
391
原创 对象函数作用域
对象1、内建对象由ES标准定义的对象，在任何的ES的实现中都可以使用，比如：Math、String、Boolean等。2、宿主对象由JSd运行环境提供的对象，目前讲主要指由浏览器提供的对象，比如：BOM DOM3、自建对象创建对象使用new关键字调用的函数，是构造函数。构造函数是专门来创建对象的函数var obj = new Object();向对象中添加属性 对象.属性名 ...
2020-04-16 09:46:16
284
原创 条件及循环
1、if语句：if语句只能控制紧随其后的那个语句，若代码块则大括号语法一: if(条件表达式) {语句}语法二：if(条件表达式){语句} else{语句}语法三：if(条件表达式){语句} else if(条件表达式){语句} else{语句}prompt函数会弹出一个提示框，该提示框会带一个文本框...
2020-04-16 09:43:07
145
原创 运算2
1、逻辑运算符！ 非运算 对布尔值取反操作对非布尔值进行运算，先转换为布尔值，然后取反为任意的数据类型做两次非运算，即可将其转换为布尔值&& 与运算 || 或运算对非布尔值进行运算，先转换为布尔值，再运算，并且返回原值。与运算：如果两个都是true，则返回后面的；如果两个都是false，则返回前面的，如0&&NaN返回0；一个false一个true...
2020-04-16 09:42:20
126
原创 数据类型及运算
JavaScript1、基本输出语句alert（）:页面弹出一个警告框document.write()：在页面中body元素书写内容console.log()：向控制台输出内容2、编写位置（1）可以将js代码编写到onclick、href属性中<button onclick="alert('点我');">点我</button><a href="jav...
2020-04-16 09:40:13
346
原创 css选择器
CSS 概述层叠样式表 (Cascading Style Sheets)，样式定义如何显示 HTML 元素，样式通常存储在样式表中。语法： CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。每个属性有一个值。属性和值被冒号分开。selector {declaration1; declaration2; ...
2020-01-08 21:37:18
125
原创 算法小白自学转前端（3）
HTML响应式web设计先跳过HTML框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。先跳过HTML内框架iframe 用于在网页内显示网页。语法：< iframe src=“URL”>< /iframe>URL 指向隔离页面的位置。height 和 width 属性用于规定 if...
2020-01-07 21:34:18
182
原创 算法小白转自学前端（2）
HTML引用< q>用于定义短引用< blockquote>用于定义长引用< abbr>用于缩略词< dfn>定义项目或缩写的定义< address>用于联系信息< cite>用于定义著作标题< bdo>用于双向重写<p>WWF的目标是<q>建立和谐美好的家园</q&g...
2020-01-07 21:33:52
209
原创 算法小白自学转前端（1）
学习计划：三天（2019.1.4-2019.1.6）学习目标：HTML、CSS基础学习平台：w3school+MDN1、HTML（超文本标记语言）HTML不是编程语言，而是一套标记标签，其被用来描述网页。HTML标签由尖括号包围，例如< html >，通常标签是成对出现的，< b >、< /b >,前一个是开始标签，后一个是结束标签，也称开放标签和闭...
2020-01-07 21:33:15
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人