- 博客(39)
- 收藏
- 关注
RSS订阅原创 函数节流与函数防抖（以及它们的使用场景）
概念函数节流: 频繁触发,但只在特定的时间内才执行一次代码函数防抖: 频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码两者区别在于函数节流是固定时间做某一件事，比如每隔1秒发一次请求。而函数防抖是在频繁触发后，只执行一次（两者的前提都是频繁触发）函数节流函数节流的应用场景一般是onrize，onscroll等这些频繁触发的函数，比如你想获取滚动条的位置，然后执行下一步动作...
2019-02-27 21:11:35
9763
1
原创 Jquery之选择器和过滤器
基本选择器基本选择器功能返回值示例$("#id")根据给定的id匹配一个元素单个元素$(“xdl”):选取id值为xdl的元素$(".class")根据给定的类匹配元素元素集合$(".xdl"):选择所有class值为xdl的元素$(“element”)根据给定的元素名匹配元素元素集合$(“p”):选择所有< p >元素$(...
2018-10-10 15:36:01
929
1
原创 跨域问题
引言跨域，顾名思义，就是一个域发送请求访问另一个域。什么是域？域就是协议名（如http）+主机名（如www.baidu.com）+端口号（如80）。只有这三部分一样，才能算是同一个域跨域的方法常用的有四种：分别是JSONP、iframe标签跨域、代理服务器跨域、CORS跨域JSONP跨域众所周知，在HTML页面中的&lt; img &gt;、&lt; link &gt;、&lt; ...
2018-10-08 10:00:40
345
原创 AJAX
XMLHttpRequest对象AJAX的原理就是通过XMLHttpRequest对象向服务器发起异步请求。现在一般主流的浏览器都支持该对象，不过早期的IE5、6只支持ActiveXObject。所以，我们需要做出兼容var xmlhttp = null;if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest();}else{...
2018-10-07 15:54:23
204
原创 vuex入门（二）之辅助api
vuex的辅助技能modules上篇讲解的vuex举的例子都是只有一个或者几个状态。但是如果我们有很多个组件，他们都要有很多个状态怎么办？挤在一个store.js未免太过臃肿。所以vuex提供了modules的辅助技能。 modules用法假如我们有三个组件，分别是human，cat，dog。那么我们分别创建三个js文件用来存放三个组件所需要的state状态等 首先，创...
2018-08-17 23:52:20
301
原创 vuex入门（一）之API
什么是vuex？vuex是个状态(也可以说公共值)管理器。简单概括就是，它相当于一个公共仓库，任何组件都可以使用(包括里面的状态值)它。 vuex作用：因为他相当于一个公共仓库，那么我们不管父组件与子组件间还是同胞组件间，他们之间传递信息就方便很多了。vuex例子大家可以根据下面的讲解在这进行印证。 首先，下载vuex npm install vuex –save...
2018-08-17 16:48:40
1549
原创 ES6之Promise
什么是promise？总所周知，JS是单线程的。但是我们又要让它实现多线程的效果，最大众的方法就是用异步。而promise就是更简洁方便的异步编程方案。 // 平常我们所使用的异步，如AJAX... xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 &amp;&amp;...
2018-08-14 11:38:20
215
原创 css之Flex布局(二)
flex布局之flex-item的属性 前言：这里的flex-item的属性是指Flex容器中项目div的属性继上篇讲了flex布局的容器的六大css属性，这次来说说容器中的项目（flex-item）的六大css属性orderflex-growflex-shrinkflex-basisflexalign-self在下面的代码实例中，为了更直观的看属性的解析。不会...
2018-08-09 23:10:37
2342
原创 css之Flex布局（一）
flexBox布局使用flexBox布局前需要给容器添加样式display:flex;...&amp;amp;lt;style&amp;amp;gt; .contain{ display:flex; }&amp;amp;lt;/style&amp;amp;gt;&amp;amp;lt;div class=&amp;quot;contain&amp;
2018-08-09 18:51:49
705
原创 express框架入门必须要了解的三个基础知识点！
1、app.use()和app.METHOD()两者都有接收req的路径，然后做出下一步 的作用。 当然，use()还有调用中间件等其他的作用，但原理还是接收路径的原理。想详细了解可看官方文档。app.METHOD()是app.post(),app.get(),app.put()等方法的统称① app.use(path,callback) ② app.METHOD(path,c...
2018-08-08 00:15:02
1028
原创 mongoose使用之创建连接数据库
mongoose用法下载首先你需要有个MongoDB数据库，然后进入MongoDB的文件夹中的bin文件启动它(使用cmd) mongod.exe -dbpath xxxxxxx(自己指定路径，mongoDB数据文件存放的地方)启动好后，下载mongoose插件 npm install mongoosemongoose的使用mongoose的引用...
2018-08-03 17:27:17
14704
原创 正则表达式
正则表达式语法：/正则表达式主体/修饰符(可选) var patt = /John/i;解析： /runoob/i 是一个正则表达式。 runoob 是一个正则表达式主体 (用于检索,这里可以是要搜索的字符串也可是正则表达式)。 i 是一个修饰符 (搜索不区分大小写)。正则表达式的常用函数和正则表达式配合使用的函数常用的有四种： 1. search(...
2018-07-26 18:00:21
263
原创 vue之简单的js、css等静态文件的引入
一、css外部文件引入引入的前提是，你的loader中有css-loader和style-loader！ ①上面的前提满足了，我们可以直接在组件中引入 <style> @import '../../xxx.css' </style>二、js外部文件引入方法①：在组件中， <script src="....
2018-07-25 16:22:06
6461
1
原创 vue之观察者watch
前言：computed和watch区别computed：监听多个数据或者一个数据来维护返回一个状态值，只要其中一个或多个数据发生了变化，则会重新计算整个函数体，重新返回状态值。(computed中监听的值可以不再data中设置，而watch要)watch：只能一个一个监听数据，只要这个数据发生变化，就会返回两个参数，第一个是当前的值，第二个是变化前的值。每当变化的时候，则会触发函数体的逻辑...
2018-07-25 16:12:40
784
原创 JS的封装与继承
前述：什么是原型链？ 由proto连起来的链条叫做原型链。当我们在对象中访问proto时，只有当原型链全部访问完毕，才会终止这一次的proto访问。如下图： 什么是_proto_？ 基于js中的“万物皆对象”，proto是任何对象都有的属性，当然函数也会有(当函数做对象用时，比如new xxx);proto用来作指针，指向原型链的 下一个 prototype，是原型链的基本构成部分！...
2018-07-25 15:36:01
1397
原创 改变this作用域的常用方法
继上文我们知道this作用域的作用范围，现在我们了解下如何改变this作用域。 改变this作用域常用的有三种方法。如下： 1、通过call()和apply()改变（两种方法）这两种方法达到的效果都一样，只是用法不一样。 call()方法传入的参数需要一个一个的，而apply传入的参数是以数组的形式进行传参。如下call(this作用域，参数1，参数2，参数3……)appl...
2018-07-25 14:56:22
1533
原创 关于this指针的指向
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 this指针一般常用的有一下几种情况： 情况一：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，而是underfin...
2018-07-25 00:13:45
2588
原创 前端的浅拷贝和深拷贝
一、浅拷贝和深拷贝的区别 数据都是存储在内存当中，而我们调用数据的时候都是通过地址来调用数据。对于浅拷贝来说，比如一个数组，只要我们修改了一个拷贝数组，那么原数组也会改变！ var a = [0,1,2,3,4]; var b = a; console.log(b); //[0,1,2,3,4] console.log(a); //[0,1,...
2018-04-19 00:19:04
12774
2
原创 教你数组去重的思路以及方法~
①不产生新数组的方法 思路：将该数组的某个元素（这里命名为变量x）与该素组所有元素比对，若有重复，则获取该元素在数组中的地址，然后删除该元素！ 如何获取该元素的地址？ 变量x的地址就是重复的元素的地址！例如，a[4]与数组a所有元素对比，若a[4]前面已经出现过相同的元素，那么a[4]，就是一个重复的元素，他的地址就是4！为什么呢？别忘了，他们是一个数组！ let a ...
2018-04-06 15:44:14
1272
原创 解决div相互覆盖层叠问题！
当我们看到div相互层叠覆盖的时候，首先我们想到的是否有div脱离了文档流？其次我们在分析他们是通过什么方法脱离文档流的？ 目前，常见的脱离文档流的方法有position定位和float浮动两种！ 如果不知道什么是文档流的童鞋可以看看这个。 1、如果这个div是通过float导致的脱离文档流的话，可以通过上面的div和下面的div之间插入清除浮动。 ...
2018-03-25 16:14:17
15796
原创 清晰解析什么是文档流？
所谓的文档流，就好比如一块块的正方形组成的一个整体，而这些正方形就代表着每个div。当某个div脱离了这个整体，也就代表他脱离了文档流。然后下一个div就会来填补脱离的div的位置。下面是流程图。 有四个小朋友在买小卖部排队买糖吃~ 第一个买完了糖的小朋友脱离了排队的队伍开心的吃糖去。 后面的小朋友看前面的小朋友走了，连忙补...
2018-03-25 15:52:23
16095
6
原创 切换页面导致计时器停止，JS暂停！
引：现在浏览器，除了ie8及以下的浏览器，当你切换标签页面时，浏览器会自动清除本页面的js缓存。1、为什么？ 因为现在的浏览器为了性能考虑，在你切换完选项卡之后会清除掉这里的缓存数据。这属于浏览器层面的逻辑，通过代码无法解决。2、导致什么？ 比如我们在做倒计时计时器时，当你切换页面时，原来倒计时是30秒的，回来后，还是30秒。这就起不到了倒计时的功效了。3、怎么解决？ ①放入后台...
2018-03-25 13:47:49
14714
3
原创 JS中如何循环for循环
我们需要执行的for循环，for(let i = 0,len = 5;i < len;i++){... //需要执行的事件}当我们需要循环这个for循环时，可以将这个for循环封装成一个函数。function for_test(){ for(let i = 0,len = 5;i < len;i++){ ... //需要执...
2018-03-24 14:55:26
9627
2
原创 JS中如何正确的使用有变量的calc()？
在说JS中的calc()方法前，我们先说说使用calc()的一定要注意（无论在js中还是css中）。 ①使用calc()动态运算时,要注意加减运算时，符号前后要加空格。乘除运算则不需要。例如： width:calc(100% - 200px); width:calc(50%*200px); 在写js中，我们可能会碰到需要某个...
2018-03-19 21:59:46
27945
原创 css选择器之好用的attribute选择器
相信很多小伙伴在看别人文档的时候会看到一种这样的选择器，[class^=”test”] { background:#ffff00; }这种[attribute^=value]形式是什么意思呢？这种选择器有几种表达方式，分别代表着不同的意思。 1、[attribute~=value] 选取属性值中包含指定词汇的元素 2、[attribute|=value] 选取带有以指定值开头的属...
2018-03-08 21:45:51
614
原创 如何实现图片缩放效果？
实现图片缩放效果我们有两种办法，方法一：使用css3的transition的过渡效果 代码： html <div></div> css div{ background-image:url(1.jpg); ...
2018-02-24 15:40:08
2387
原创 纯css制作三角形
1、在通过css弄出三角形前，我们需要了解一下border的我们平常忽视的小秘密。 如果给一个div的css样式上给他四个边分别以不同的颜色渲染，那么它每个边是怎么样的呢？如果只给一条边予以颜色，那么它的形状是这样的。 代码： html<div></div> cssdiv{width:100px;height:100px;border-top:10...
2018-02-24 14:36:19
1054
原创 关于icon小图标的实现
1、使用CSS Sprite即需要用到background-image和background-position这两个属性。一般图片应该保存为png-24格式通过background-image引入图片后，再根据background-position定位图片中小图标的位置，从而得到自己想要的图标2、引用字体图标优点：推荐使用
2018-02-23 14:36:10
2596
原创 如何使table中的背景色不会被隔开？
通常情况下，我们设置table的背景颜色会变成这样。 会有间隙。如果我们想要去除这些间隙，我们可以在table上设置cellspacing=”0”;<table cellspacing="0"></table>，效果图如下 在这里我只对头部设置背景，其他部位做法一样。 方法一： 设置border的颜色为透明即可。 本质上，虽然看起来是一个，但是这七个单...
2018-02-23 13:11:43
1521
原创 css之10种隐藏元素的方法
1、通过设置width:0;或height:0;div{width:0;}或div{height:0;} 但是这种方法隐藏不了文字。如果还想把文字隐藏可以，div{font-size:0;}2、将元素的opacity设置为0。元素本身还在，只是透明了，所以该元素所占的位置将不会改变。div{opacity:0;}3、用定位或者margin将元素移除屏幕范围。div{ p...
2018-02-21 10:09:09
1352
原创 续上篇之vue的静态文件路径
大部分框架，或者说是已经做好的软件等，他们都已经把路由等配置弄好了，我们只需把它更改为我们想要的就行。1、先打开build/webpack.base.conf.js文件，然后找到module开头的代码， 2、你会看到这些代码。 相信聪明的你肯定猜到了，没错！这些就是webpack的自动寻找静态文件的地址的代码，他们根据判断这些文件夹中...
2018-02-13 21:14:12
890
原创 vue之js、css等静态文件的引入(vue路径篇)
1、如何引入如js，css等文件？ 比如我们想引入jQuery文件或者依赖 若是已下载好的jQuery文件，则这样引入。 打开webpack.base.conf.js，在relove加入这段代码 // 在开头引入webpack，后面的plugins那里需要var webpack = require('webpack')// resolvemodule.export...
2018-02-13 21:07:51
25310
原创 html小知识之使页面内容整体居中（水平居中或垂直居中）
1、页面内容水平居中的办法, 方法一： ①最外层的div设定它最大的宽度为1200px（可根据情况调整） ②最外层div样式设置为，margin-left:auto;margin-right:auto; 如： &lt;div style:"max-width:1200px;margin:0 auto"&gt; .... &lt;/div&gt; ...
2018-02-13 21:00:26
55825
3
原创 如何使div占满屏幕~
我们暂且认为这个html里面只有三个元素。分别为<html>、<head>、<body>、<div>首先要设置这个div的height为100%。其次因为这个height的100%是相对父元素的，而其父元素为body，那么我们要将body的height也设置为100%。最后，同理，body 的100 %也是相对其父元素的，而它的父元素是根...
2018-02-13 20:56:12
1089
原创 关于Django的响应式网页
前言：如果还不会如何在Django中创建APP并进行一系列配置步骤的，请参考上一篇博客：http://blog.csdn.net/qq_40421277/article/details/79322903关于Django的响应式的方法有两种： 1. 使用boostrap等已做好的响应式组件（以下就只举例boostrap） 2. 使用js和jquery来实现响应式 3. 使用css3的媒体查...
2018-02-13 20:48:38
1953
原创 Django中如何进行网页设计
首先先创建一个project：输入命令行：python manage.py startproject 名字然后进入创建的project的文件夹中，执行下面的步骤1、使用django写响应式页面前端有三步骤：①创建django的APP：命令行输入：python manage.py startapp 名字 这个命令行在执行创建项目project后使用，这样就可以进行网页的设计②将创建的APP名字添加...
2018-02-13 19:30:02
1869
原创 数据库概念笔记
数据库概念笔记1.数据库系统的主要特点：数据结构化、数据的共享性高，冗余度低，易扩充、数据独立性高、数据由DBMS（数据库管理系统）统一管理和控制ps：DB（Database）->数据库 DBS(Database System)->数据库系统 DBMS->(Database Manage System)数据库管理系统DBS的最大特点是数据的三级抽象和二级独立性，由DBMS、数据库管理员
2018-01-06 16:11:05
540
原创 数据库SQL Server语句用法
一、insert into:方法1：inset table_name(col_name1,col_name2) into value(value1,value2)（sql server中不支持value，只支持下面的values关键字）方法1.1：inset table_name(col_name1,col_name2) into values (val1,val2),(val3,va
2018-01-06 16:08:15
807
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人