- 博客(27)
- 收藏
- 关注
原创 不使用vue-cli,webpack搭建vue环境踩踩踩过的坑
初始化项目,生成一个package.json文件npm init使用webpack构建,先安装webpack,但是webpack4.x版本需要安装webpack-cli,由于只在开发环境下使用webpack构建npm install webpack webpack-cli --save-dev安装vue vue-loadernpm install vue vue-loader --s...
2019-03-28 19:26:34
1540
1
原创 z-index的层叠规则--学习张鑫旭的css世界笔记
首先,强调一个知识点,z-index只有在和定位一起使用时才有用(非static的定位属性值)。在css3中的flex中也可以使用z-index这个属性。 这里有一个层叠水平和层叠上下文的概念。层叠上下文是HTML中的一个三维概念。就感觉和“块格式化上下文”类似,他就是一个概念。我自己觉得他就是像是因为一些特殊的属性触发他形成了一个新的环境的那种感觉。。这个概念比较抽象,先这么理...
2018-05-30 20:20:13
739
原创 Canvas画心❤~
520那天做的,有丢丢丑~~~跟着一个人的博客做的,忘了是谁了,这不算侵权把!//这里的c这个参数和上一篇博文中一样是获取canvas这个对象,x,y是控制画心的位置的,r为控制心得大小~~function drawingHeart(c,x,y,r){ //开始画心 //保存所有的xy坐标 //var arr=[]; var r=r;//这个是控制❤的大小...
2018-05-26 18:37:34
2244
原创 Canvas画雪花图~
<canvas id="myCanvas">你的浏览器不支持canvas</canvas>额….记得给body设置个颜色,你才能看到效果,还有给canvas画布设置一个大小。var canvas=document.querySelector("#myCanvas");snow(canvas);//canvas这个参数是获取的dom元素,function sno...
2018-05-26 18:09:09
986
原创 CSS实现有尾巴的loading加载动画
这次动画和上一篇那个实现loading动画差不多,但是多了一个尾巴,看起来比较好看 效果图为 首先HTML代码和上一个一样<div id="loader"> Loading...</div>然后一个一个说style: 在没有加伪元素之前的效果为: 代码为: body{ background...
2018-05-26 17:54:59
604
原创 用CSS实现Loading加载动画效果
加载动画用了伪元素来写。 这是HTML内容:<div id="loader"> Loading...</div>Style的内容: //body设置颜色为了看清效果 body{ background-color: green; } #loader{ ...
2018-05-26 17:16:47
1051
原创 forEach和map和JQuery中的each区别
首先:forEach和map都是ES5的数组的方法,而each是jQuery中的方法。(JQuery中他的对于一些方法,他还有对应的函数。下一篇在细写方法和函数问题。)/** forEach函数列子,以下特性总结:* 1.不改变原数组* 2.forEach不返回原数组* 注意:他的函数里面参数的顺序*/var arr=[1,3,5,7,9];//测试之后forEach...
2018-05-26 16:33:22
300
原创 关于tooltips的demo
tooltips的demo 这是我demo的截图 先说一下功能: 第一: 当输入tips时,给这个小麦色的块的所有提示添加文字,虽然隐藏了,但是还是会添加进去。 第二: 点击上下左右就可以看到tip的效果。 第三: 点击取消,tip自动设置会清空,且,所有tips会隐藏。中间遇到的问题: 第一个是span不知道为什么遇到中文会自动换行,自己再去想做个demo的时候又不行了...
2018-04-17 13:22:16
457
原创 关于数组字符串下标问题
哇咔咔,今天做了金山WPS的笔试题,到了现场懵逼了,好熟的一道题,但是写错了。var arr=[]; arr['a']=1; console.log(arr.length);//0 console.log(arr); arr['2']=2; console.log(arr.length);//3 arr.length=0; conso...
2018-04-11 21:19:14
2107
原创 关于vue路由问题!!!难受的问题!!!
首先,这是我自己文件目录的结构 此时是我刚解决完路由问题,好气,让我改了那么久。。。 我刚开始是把所有的组件写在了app那个组件里面,但后面要配置路由,我就重写了一遍,然后把index页面作为我的首页,我把首页的所有组件都放在了index里面, 这个是index的script标签里面内容,引进别的组件,并注册组件。 然后再是弄那个路由js文件 呃呃呃,这里面你一定要注意拼写,当时我输...
2018-04-09 09:52:13
3292
原创 函数防抖---
面试的时候出了一道关于函数防抖的题,写的差不多,但是那个this指向一支不对。<input type="text" id="n"/><script> var n1=document.querySelector("#n"); n1.addEventListener("keyup",de(function(){ console.log(this
2018-03-20 23:32:37
346
原创 js链式计算器----构造器方法
function Calutor(num){ this.num=num; this.add=function(a){ this.num+=a; return this; } this.denuce=function(a){ this.num-=a; return this; } //.....
2018-03-19 23:28:12
308
原创 人生第一次面试还是霸面----cvte
3.19啊啊啊,第一次和真正的面试官面试还是霸面,由于笔试没有过,听了学姐学长说可以试试霸面,然后就计划去霸面,真的是辛苦,霸面!!(所以很后悔笔试的时候有事,就胡乱选)然后挂了笔试,没了面试机会,回正题。一进去,做了个自我介绍,然后问了下然后问了下项目,我说我做了无限加载,然后他就让我讲了下无限加载。然后说了一嘴函数防抖和函数节流。。为之后造成了也不算尴尬的尴尬。然后开始现场敲代码:看了下我的简...
2018-03-19 22:36:10
1804
1
原创 setTimeOut和setInterval的执行机制
摘自高程:js是一个单线程的解释器,因此一定时间内只能执行一段代码,为了控制要执行代码,就有一个js任务队列,这些任务会按照他们添加到队列的顺序执行,延时器的第二个参数告诉了js在过多长时间把当前任务添加到队列中,如果队列是空的,则添加代码立即执行,不是空的,那就让她等前面的执行完在执行。调用延时器该方法会返回一个数值Id, 表示超时调用这个超时调用Id是计划执行代码的唯一标识符,可以通过他来取消...
2018-03-15 00:16:03
622
原创 函数声明和变量声明存在优先级吗?
上几张图:第一个:声明了变量a,当预解析时,它的值为undefined,再声明了函数a,然后输出一下,发现a 输出为整个函数,所以暂且认为函数声明会高级一点,声明了a变量和a函数,弹出a的值为4,但是,调用时却为not a function,当你输出a的时候,他才赋值为4,覆盖了函数a,是声明顺序不同吗?变量声明优先级高于函数声明?再看这个,换了个顺序,还是一样的,说明如果a变量赋值了话就会覆盖...
2018-03-14 23:32:18
3859
4
原创 url的总结
1.URL组成,各个部分功能,location,host,hash。基本URL(统一资源定位符)格式为:协议://IP地址/[:port]/路径和文件名/查询字符串(?的内容)/#片段IDprotocal://hostname[:port]/port/path/[:parameters][?query]#fragment协议部分:指定使用的传输协议,最常用的是HTTP协议,www中最广泛的协议。主...
2018-02-27 18:08:07
240
原创 gulp总结
gulp自动化构建工具,它主要有四个API,gulp.src() gulp.task() gulp.dest() gulp.watch() 使用gulp的插件,首先得用require来把插件加载进来src 来获取流的task 用来定义任务,dest 写文件的watch 监视文件的变化,当文件发生变化后,我们可以利用它来执行相应的任务pipe()相当于管道,每一个管道,你可...
2018-02-27 18:04:39
95
原创 移动端自适应布局
网易的适配:通过js去设置html的font-size,假设你的设计稿是640px,为了计算方便去用一个100 px做参考,看一下的他的js写法document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';这个6.4怎么来的,用640/100=6.4rem;也就相当于1rem...
2018-02-27 17:56:23
229
原创 tcp三次握手四次挥手
三次握手:第一次:客户端给服务器发请求说,我要和你建立连接 SYN=1第二次:服务器给客户端说,我知道了,那咱两建立连接把 ACK=1 SYN=1第三次:客户端对服务器说,好的,我知道你知道 我要和你建立连接了 ACK=1为什么不是两次握手呢?第一次:客户端给服务器发请求说,我要和你建立连接第二次:服务器给客户端说,我知道了,那咱两建立连接把客户端给服务发消息,服务器...
2018-02-27 02:36:33
610
原创 js数组去重
1.for循环,while循环去重 var arr1=[];// var arr=[1,1,2,2,3,4,5,5];// var j=0;// arr1[0]=arr[0];//// while( i<arr.length){//// if(arr[i]!==arr1[j]){//// ...
2018-02-27 02:02:45
103
原创 css水平居中方法
1.居中方法:内联元素:text-align:center;line-height=height;块级元素:a. margin:0 auto;b .定位c .inline-blockd.flex
2018-02-25 21:15:26
193
原创 深入浅出---基数排序
作为一个没有学过算法的小白,说一下自己对基数排序的了解(可能理解不到位,以后深入理解的话再来更改)首先呢说一下,基数排序的思想是啥。基数排序呢有两种方法,一种是低位优先,一种是高位优先,看书上的例子:有一副扑克牌:(先随意规定一个优先级)花色:梅花<方块<红桃<黑桃面值:A<2<3<.......<J<Q<K高位优先:先把所有的排按照花色优先级...
2018-02-24 10:11:50
338
1
原创 无限加载(前端分页)
function insertContent(num){ var flag="flag="+num;//flag 是我给后台传的数据,不重要 //无限加载 var page=0;//当前页数 var timer=setInterval(function() { var documentHeight = document.documentElemen...
2018-02-24 00:14:46
711
原创 vue+webpack配置过程
过程建立在你已经配置好node第一步:打开终端,首先全局配置webpack -g第二步:配置vue脚手架npm install vue-cli -g第三步:进入你放项目的文件夹,cd vue+webpack3,然后建一个文件(eee,不能有大写)vue init webpack-simple takeout 然后一路回车直到完成第四步:进入拟新建的文件夹cd takeout 然后npm ...
2018-02-24 00:04:21
424
原创 cookie获取遇到的BUG
首先先谈一谈cookie和webstoragecookie:在性质上是绑定在特定域名下的,当设定了一个cookie后,再给创建他的域名发送请求时,都会包含这个cookie,这个限制确保了存储在cookie中的信息只能让被批准了的接受者访问,而无法被别的域访问。每个域的cookie总数是有限的吗(这也是webstorage出现的一个原因)IE6以及 更低版本每个域名最多20个cookie、IE7以后...
2018-02-10 00:35:14
1019
原创 高程js第四章总结
1.基本类型和引用类型基本类型:按值访问,引用类型:按引用访问,但是操作添加属性时,确实是为对象添加属性2.复制变量值从一个变量向另一个变量复制基本类型时,会在变量对象上创建一个新值,然后把该值付给新变量分配的位置。复制引用类型的值时,这个值其实是一个指针,而这个指针指向存储堆中的对象。3传递参数函数内部声明的变量在执行完之后就会被销毁。4.检测类型typeof 检测函数的时候,操作符会返回“fu...
2018-02-08 02:33:07
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人