自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

转载 vue组件

组件的定义组件实质就是dom片段的封装,把dom片段转化为一个对象,在需要的地方引入,实现共享组件的简单定义Vue.component('btn', {template: template:`<button type="button">这是按钮</button>`});定义一个组件名为btn,使用时当作...

2019-05-27 19:58:00 138

转载 publish/subscribe(发布/订阅)模式

这几天看《JavaScript设计模式》看的云里雾里的,设计模式看似是具体的东西,却又抓不住。在想发布/订阅模式的形态时,开启新思路,有所收获。化繁为简分析,倒推分析; 化简为繁,是实际项目。实际场景有一个函数,所传参数不同执行结果不同;另一个函数,所传参数不同执行结果不同... 有很多参数正常情况我们会把代码罗列下来,就像积木一样, ...

2019-05-09 17:51:00 1276

转载 new Function()奇妙之处,以及DOM对象挂载属性和方法的补充

new Function()奇妙之处先看new Function()输出结果new Function() 是实例化一个对象,一个函数对象,即也是匿名函数。 这就很有意思了,想想匿名函数出现的场景,DOM注册事件、定时器等等~~给DOM元素注册事件DOM注册事件,可以看作DOM对象挂载一个属性,基于对象和属性的关系,有两种写法,用点运...

2019-05-06 16:10:00 372

转载 对象属性值设置和获取

为一个对象添加一个属性有三种方式一是 通过点运算符let obj = {};obj.someKey= 'hello world';二是 通过[] 中括号let obj = {};obj['someKey'] = 'hello world';三是 Object对象defineProperty方法设置...

2019-04-26 17:48:00 499

转载 跨域

-----跨域体现的是浏览器自身的一种特性,浏览器一种自我保护的限制,无论是有生命的亦或是无生命的,都有一种自我保护的本能-----什么是跨域问题跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场景。什么是同源策略?同源策略是浏览器最核心也最基...

2019-04-22 10:11:00 79

转载 关于函数

函数声明js里一切功能始于数据终于数据。处理数据的工具就是函数。函数,使用时先声明,在计算机内部分配空间的时候 相当于声明了一个变量,只是函数的形式。在调用的时候才执行,函数内部的变量和参数,在调用时赋值,调用结束则销毁。函数的生命周期是每一次调用开始到结束。函数的分类1.有名函数function fn(){ }...

2019-04-18 12:01:00 192

转载 http协议

http协议对客户端和服务器端之间数据传输的格式规范,格式简称为"超文本传输协议"客户端向服务器发送请求服务器端响应客户端的请求什么是Http协议无状态协议?怎么解决Http协议无状态协议?无状态协议对于事务处理没有记忆能力。缺少状态意味着后面无法使用前面的状态无状态协议解决办法: 通过1、Cookie 2、通过Session会话保存...

2019-04-16 10:47:00 78

转载 this

es5中thisthis的概念this 只有在函数里才有;this是函数的特有的默认值;this在函数执行的时候才产生;this是一个对象,也称指向一个对象,函数执行的环境不同,this这个对象是不一样的。~~~~~~this是一个神奇的对象this常见的指向对象// 对象,包括普通定义的对象、DOM对象、...

2019-04-12 10:01:00 68

转载 git使用整个过程整理

使用gitHub共享代码,一种是把本地仓库推送到远程仓库,一种是克隆远程仓库的项目。 链接远程仓库ssh-keygen.exe -t rsa -C "1468017149@qq.com" 生成密钥.ssh 文件中 中是密钥// 每台电脑只能有一个密钥,不同的电脑添加密钥才能与gitGub仓库链接window系统 .ssh文件存放的...

2019-04-10 11:01:00 87

转载 javaScript事件知识点

提纲event事件event事件中常用属性元素注册事件事件冒泡事件委托事件监听和解绑的兼容封装 事件event对象也就是说有事件的情况下,才存在事件对象;事件对象中存着该事件的相关信息;兼容处理document.onclick = funct...

2018-08-03 14:03:00 132

转载 jade基本常识

jade没有闭合标签,用缩进来区分标签的层级和嵌套,所以要严格注意缩进,不然会出现标签嵌套混乱,甚至显示不出对应的内容。css的写法和我们平常写法相同。只要我们熟练使用html和css,使用jade布局页面也是易如反掌,没有什么难度。jade除了实现基本的页面布局,更受欢迎的或是能在众多类似的语言中占一席之地,必有其突出的优点,那就是jade模板中结合了javaScrip...

2018-07-27 11:18:00 1538

转载 mongoDB之基础

关于mongoDB数据库摘要1.安装mongoDB2.mongo数据库概念3.mongo数据库指令mongo数据库对于实际项目开发中可能不实用,但作为为前端做测试,足以。关闭数据库对于mongo数据库,关闭的时候需要正确的姿势,不然会出错。正确关闭mongodb的方法是db.shutdownServer()http...

2018-07-19 17:48:00 91

转载 移动、ipad、PC端浏览器的判断

在适应移动和PC端的、兼容各种浏览器的网站中,有些事件在PC端没问题,在移动端和ipad上就有问题,于是乎,我做先做设备浏览器判断,再做PC端IE浏览器和非IE浏览器判断~~~~~~~~~~~~~~~~~~做一个前端不容易,做一个全能的前端更不容易,宝宝心里苦!!!!!哈哈哈哈if (/(iPhone|Android|iPod|iOS)/i.test(navigator...

2017-05-22 14:48:00 279

转载 JS和jQuery宽高详解(下篇)

jQuery相关的宽高和JS相比,jQuery就像亲妈一样,JS就是后妈,哈哈哈哈哈~~~~~~总之,jQuery对很多有关兼容的问题进行封装,只有极少一部分属性需要考虑兼容,用起来非常滴方便~~与jQuery相关的宽高:.width()与.height(); .innerWidth()与 .innerHeight(); .outerWidth() 与.outerHe...

2017-04-02 14:13:00 64

转载 JS和jQuery宽高详解(中篇)

JS实例练习首先了解一下document.documentElement与document.body之间的小区别,这两一个元素后者是前者的子集,也就是父子关系。1)可视区域计算实现原理:div元素到窗口顶部的高度小于窗口的可视高度,则执行对div绑定的函数。这里获取div元素到窗口顶部的高度使用getBoundingClientRect()方法。divTo...

2017-04-01 16:15:00 81

转载 JS和jQuery宽高详解(上篇)

一、JS相关的宽高基本概念(window宽高和页面元素div的宽高)实例练习 1)可视区域计算 2)滚动到顶部,底部的实现 3)滚动条的计算二.jQuery相关的宽高 1.基本概念 2.实例实现————————————————————————————————————————...

2017-03-26 15:32:00 100

转载 数值型数据与字符串之间的转化以及浮点数取整

这两天定的的外卖都很失败,导致上火导致口腔溃疡【大哭】!!!!!还好,天气转凉人还是好的,起码思路是清晰的。----------------------------------------------------------------------------------------------------------------------以下是正文【提纲:主要说明几个...

2016-08-17 16:29:00 197

转载 不同浏览器APK文件下载

回顾这几天对js的认识,一直在想着什么是不变的,什么是可变的,把学到的东西按这两类进行划分。除此之外,还应该把解决问题时最纠结的当初最想不通的地方记录下来。这样以后回顾这条路的点点滴滴就有了依据。毕竟记忆的能力有限,一段时间以后绝对会忘记。--------------------------------------------------------------------以下是...

2016-08-16 16:51:00 492

转载 j获取html元素的宽高;设置html元素的宽高

使用jQuery编写效果就像叫外卖;使用js实现就行自己在家里开火。此处有表情,哭脸。。。。。。。。。。。。js获取html元素宽高有两种方法:obj.style.width;obj.offsetWidth;用alert()方法弹出时第一种是获取不到写在样式表里的值也就是(#div{width:200px}),只能获取到写在行内的宽高;使用js为html元素设置宽时使用o...

2016-08-11 13:20:00 123

转载 js的数据类型

《JavaScript宝典》重返江湖。再次阅读这本书真有不一样的体会,一回生二回熟。第一次有些吃力,第二次轻车熟路,更主要的是能体会到其中所说的重点。加油!明天美好的小旗子正在向我招手。————————————————————————————————————————————————————————————————————————————————————————————————————...

2016-08-11 10:16:00 62

转载 js获取html元素? js里"=="和"==="区别?

现在的我的cpu又添加一项进程,那就是javaScript.一、js获取html元素常用的方法:js获取html元素常用的方法有:1)var obj = document.getElementById("#id");非常常用是通过Id来获取页面元素的。2) var obj = document.getElementsByTagName("element");这个是通过h...

2016-08-10 17:43:00 93

转载 $scope作用域【angularJs第三篇】

1. $scope概念$scope是一个对象,也是特别神奇的一个对象。MVC是建助于$scope实现的!!!!!也是angularJs实现的基础。一切的实现与被实现都需要$scope这个对象。下面是在慕课网上angularJs课程中截图,对于神奇$scope特征的描述。angularJs里树型结构。在angularJs中,编译html指的是搜索DOM树,找出与指令相关的h...

2016-07-26 10:12:00 106

转载 ng-model指令【angularJs第二篇】

MVC设计模型是angularJs的特征之一,M指的是模型,V当然是视图,C则是控制器,对于每个的含义相信大家一定都不在陌生。在MVC里模型既是数据和视图无法互通,只有通过控制器实现模型和视图同步问题。这里就有问题了?模型如何与控制器同步?视图又如何与控制器同步?不要怀疑当然是指令。ng-bind和ng-model这另个指令,ng-bind容易理解,控制器里定义的字段同步到视图上就是它。...

2016-07-13 10:52:00 155

转载 ng-app指令【angularJs第一篇】

angularJs共有4大模块构成MVC,模块和依赖注入、指令,双向数据绑定,虽然分为四大块但是我觉得无论使用那一块的知识都离不开指令,也就是说指令贯穿整个angularJs的应用。MVC里的控制器ng-controller是指令,获取、同步数据ng-model是指令;模块和依赖注入ng-app也是指令;双向数据绑定更不用说。所以说指令是angularJs的基础。ng-appng...

2016-07-07 23:04:00 168

转载 再拾

过完年以后一直都很忙。经历了一段996模式的时光,还做了一段兼设计的活儿,总而言之精神和心灵都被洗礼了一遍。在这有限的生命中拓宽时间既是延长生命,能做自己的喜欢的事更是一种幸福。虽然几乎半年没有写博客,并不代表我已经忘记或是放弃,这就是所谓的真爱吧!深深的放在心底的东西。哈哈哈,胡说够啦哈~~~~~~近来一段时间重新学习angularJs,所以接写一些关于angularJs的知识...

2016-07-07 10:17:00 118

转载 小习html5为表单添加的新属性

输入框html5新增属性在学习任何一种语言时都提到“渐进增强”原则,说白了就是兼容性有木有。虽然html5一些新属性在实际使用中受到限制,但是依然阻挡不了伟大的同伴们学习的脚步。近来有点儿忙,这是2016年第一篇文章。内容比较简单只是了解学习。输入框按输入的内容分,也就是单行输入和多行输入,既是<input type="">和<textarea></...

2016-01-18 18:00:00 108

转载 两个移动端使用的WebKit私有属性-webkit-touch-callout和-webkit-tap-highlight-color

在ios系统中,有些默认的样式需要特定的处理,例如具有背景图片的按钮按下时有默认的透明度,看看下面这个解释有没有帮助www.css88.com/webkit/-webkit-tap-highlight-color/转载于:https://www.cnblogs.com/wjh0916/p/5083320.html...

2015-12-28 17:53:00 446

转载 对javascript匿名函数的理解(透彻版)

不积跬步,无以至千里;不积小流,无以成江海。优秀的东西收集多了,自己也会变优秀的哦!!!http://www.cnblogs.com/chenxianbin89/archive/2010/01/28/1658392.html转载于:https://www.cnblogs.com/wjh0916/p/5062916.html...

2015-12-21 11:36:00 101

转载 使用Emmet(前身Zen Coding)加速Web前端开发

这篇文章对Emmet使用说明比较详细,于是就收了~~~转载:Web前端开发-Web前端工程师 » 使用Emmet(前身Zen Coding)加速Web前端开发Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CS...

2015-12-18 17:10:00 81

转载 实现IE6-Ie8媒体查询

停下来,不代表要放弃,只是在自我调整寻找一个最好状态的自我。所以在没对自己说“放弃”就不会放弃。..............................................................以下是正文............................................................css3添加的样式,圆角、渐变、...

2015-12-04 10:33:00 136

转载 bootstrap实现导航自适应对于不同的设备

先说一件小事(嘿嘿,也是吐槽一件事),曾经的曾经面试过一家公司,这家公司说是想用bootsrap做网站,主要是适配从移动端到PC端。当时我所在的公司PC端所做的网站就是用bootstrap做的,但是呢当时公司要求只是适配1024px以上便可。因为当时公司移动端有专门人员负责相关的内容,没必要在网站这块投入人力物力财力在为PC端的页面增强适配性。 但是呢当时面试官拿着手机访问...

2015-11-30 14:18:00 757

转载 jQuery构造函数7种参数

根据个人的基础不同,所以在学习看书、编写代码需要关注的侧重点不同。我写博客目的:一是想把自己在这个行业中成长的点滴记录下来;二是希望能够为和我遇到相同问题的人提供一些参考。~~重点是第一条,莫忘初衷 ­­~~从学渣变成学霸,路漫漫其修远兮唉!!!...................................................以下是正文..............

2015-11-26 14:27:00 178

转载 淡隐淡出幻灯片

历经一天多终于把这个带有控制点击幻灯片完成了,成就感嘛,当然是有的啦啦啦~~~~~~~下面就看看具体的内容:示例图:关于图片找一组大小相同的就可以。需要注意的图片的路径和名称与文档里的相同哦!!!css<style type="text/css"> body { font-family: "Microsoft YaHei",arial,c...

2015-11-25 15:41:00 64

转载 展开折叠控件实现

近来一直在瞎折腾,想找一个靠谱点儿的公司(问我什么公司靠谱,其实俺也不知道),起码能按时发工资吧!不论结果如何,总归能了解一些东西,也让自己更清楚自己的专业水平,以及需要努力的方向......废话就不多说了,看看今天的好东西吧!!!............................................................以下是正文..........

2015-11-23 14:24:00 313

转载 <input>的style的特色,你知道多少?

年年岁岁花相似,岁岁年年人不同,人在变,岁月何尝不是(哈哈,又文艺一把)。每天看似相似,却又有着不同,今天绝对不是昨天的重复,每天都是新的一天,有不同的感受、不同的心情,发生不同的事情。哈哈,每个周一既是精力最充沛的一天、也是最惆怅的一天......干正事、干正事,正事才是正道,好吧,本应该上周五完成的,拖到今天,想想就觉得自己在慢性自杀,此处省略一万字......------...

2015-11-09 13:18:00 349

转载 简说amaze UI框架的栅格

阴天还淅淅沥沥下着秋雨,这样的天气最适合待被窝里睡大觉,但是想想请一天假一星期的生活费就没了,尽管两个月都没发工资,还是强撑着爬起来,跟打仗似的穿衣、洗脸......嘻嘻,其实吾还是很珍惜时间滴(就装吧),回神了言归正转~~-----------------------------------以下是正文--------------------------------------...

2015-11-05 14:53:00 98

转载 前端规范小结

一、目的按照一定规范编写页面,一来提高团队的协作效率,便于后台添加功能及前端后期优化维护,输出高质量的文档;二来是页面的加载速度做到最大化一、文件规范1.文件夹命名文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;2. 文件夹管理文件夹命名以及相对路径 ...

2015-10-30 12:20:00 47

转载 截取文本内容的实现方法

对于信息显示,只需显示一行或是其所在的标签不能超出一定范围,需要做限制(在拿到设计图时应该想到)css实现的方法{white-space:nowrap;text-overflower:ecllipsis;overflower:hidden;}//当然需要设置宽度jquery实现方法var num=$(".text_wrap").html();if(num.length>7){$...

2015-10-14 15:26:00 221

转载 前端开发规范小结

规范目的 为提高团队协作效率,便于后台人员查找及前端后期优化维护,对项目整体的文档进行规范总结。文件夹命名说明:如果对于PC端较少的页面可以*_html, images文件夹可去掉第3层;“*”代表的名称依项目的功能模块而定,只需符合文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符关于*_public.css一部分css样式...

2015-10-13 10:46:00 69

转载 meta 标签里属性值 viewport小结

页面在移动设备中,展现方式,是否能缩放需要设置<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-sca...

2015-10-08 14:01:00 107

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除