- 博客(30)
- 收藏
- 关注
RSS订阅原创 H5新特性
H5 新特性语义化标签：header、footer、section、nav、aside、article增强型表单：input 的多个 type新增表单元素：datalist、keygen、output新增表单属性：placehoder、required、min 和 max音频视频：audio、videocanvas地理定位svg拖拽本地存储：localStorage - 没有时间限...
2019-09-17 20:10:47
151
原创 css的position属性absolute和relative比较
**absolute定位：**脱离原来的位置定位。是相对于最近的有定位的父级进行定位；如果没有有定位的父级元素，就相对于文档定位；**relative定位：**保留原来的位置进行定位，相对于自己原来（出生的）位置进行定位；什么时候用relative？什么时候用absolute？如果想定位就要找好参照物；absolute定位：脱离原来的位置定位。是相对于最近的有定位的父级进行定位；如果没有有...
2018-12-25 10:45:53
328
原创 去空，去字符串中间的空格和两端的空格
var te=document.getElementById('id).value.trim();var tel=te.replace(/\s*/g,"");trim（）方法去除的是字符串两端的空格；而replace（）方法去除的是字符串中间的空格；
2018-12-12 16:05:41
385
原创 前端面试需要掌握的lixux简单命令
显示日期的指令： date；显示日历的指令：cal；计算器：bc：他预设仅输出整数，如果要输出小数点下位数，那么就必须要执行 scale=number ，那个number就是小数点位数；[Tab]按键—具有『命令补全』不『档案补齐』的功能；[Ctrl]-c按键—让当前的程序『停掉』；[Ctrl]-d按键—通常代表着：『键盘输入结束(End Of File, EOF 戒 End OfInp...
2018-12-10 11:38:33
241
原创 grunt加密js遇到的小问题（grunt-cachebuster、grunt-contrib-obfuscator）
首先在项目中放入node_modules、package.js、Gruntfile修改完相应的属性以后，输入grunt开始对文件加密，这时候问题就来了，可能会遇到如下问题：这个问题说明有有个包或者插件不存在，所以他加密不成功，解决方案：npm install grunt-cachebuster --save-dev但是又有型的问题出现了但是再运行的时候就是这个结果了：输入npm in...
2018-12-10 10:48:08
294
转载 如何理解A标签href设置为#？
空锚点a link <#>表示跳到锚点abc，a link <#>表示空锚点，不做跳转刷新的超链接。a href="#" 时表示一个空链接，点击时链接停留在当前页面，相当于刷新当前页面，有时使用该方法实现刷新本页面功能。表示一个空链接返回当前页面如果你没有设置特别的链接效果，那么点击效果和默认的点击链接效果一样；一般用于
2018-10-19 09:14:33
1109
原创 js数据属性
数据属性包含一个数据值的位置，在这个位置上可以读取和写入值，数据属性有4个描述其行为的特性：[[Configurable]]:表示能否通过delete删除属性从而重新定义，能否修改属性的特性，或者能否把属性修改为访问器属性，默认为true；[[Enumerable]]:表示能否通过for-in循环返回属性；[[Value]]:包含这个属性的数据值；读取属性的时候从这里读，从这里读；写入属性的...
2018-10-18 16:41:10
278
原创 js舍入方法
Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；Math.roud()执行标准舍入，即它总是将数值四舍五入为最接近的整数；Math.random()方法只返回0到1之间的随机数；...
2018-10-18 16:31:54
585
原创 ECMAScript标准下的三个子字符串创建新字符串的方法
slice（）创建新字符串的时候传入两个参数其中第一个参数是子字符串的开始位置，第二个参数表示子字符串是从哪里结束的，如果没有指定，则默认是字符串的末尾位置；substring（）传入两个参数，其中第一个参数是子字符串的开始位置，第二个参数表示子字符串最后一个字符“后面”的位置；如果没有指定，则默认是字符串的末尾位置；如果substring的末尾是负数则默认是0；substr（）传入两个参数，...
2018-10-18 09:46:09
121
转载 js转型函数
转型函数，就是将一个数据类型按照一定的转换规则转换成与该转型函数对应的数据类型。Boolean( )转化为Boolean。Number() parseInt() parseFloat()转化为Number。String() toString()转化为String。理论上可以作用于任何的数据类型，但toString会例外。这些转型函数大多来自全局对象。JavaScript 代码引用 pa...
2018-10-17 19:52:06
594
原创 如何理解js中的宿主环境？
宿主环境由外壳程序创建与维护，只要能提供js引擎执行的环境都可称之为外壳程序例如，web浏览器等就是宿主环境；宿主对象：为宿主环境提供对象；...
2018-10-16 20:17:01
1280
原创 javascript中object类型介绍
**Constructor:**保存着用于创建当前对象的函数；**hasOwnProperty(propertyName)
2018-10-15 15:19:45
418
原创 js访问器属性
访问器属性不包含数据值：它们是一对儿getter和setter函数但是这两个函数不是必需的；读取访问属性时候会用到getter函数用来返回有效的值，写入访问属性时候会用到setter函数用来传入新的值；访问属性有如下四个特点：1、[[Configurable]]：表示能否通过删除属性的特性来重新定义一个新的属性；而对于直接在对象上定义的属性，这个特性默认为true；2、[[Enumerable]...
2018-10-12 15:54:59
346
原创 js常用设计模式的实现思路，单例，工厂，代理，装饰，观察者模式！
单例：任意对象都会单例，不需要特别处理；（单例模式中的单件确保类有且仅有一个）；工厂：同样形式参数返回不同的实例；代理：新建类调用老类的接口，包一下；观察者：就是事件模式比如按钮事件；发布者，订阅者：发布一个对象/字符串到所有订阅者；观察者模式就是处理对象间一对多的依赖关系的，当一个对象发生变化，其它依赖他的对象都要得到通知并更新。抽象工厂的目的是要提供一个创建一系列相关或相互依赖对象...
2018-10-09 10:11:47
2405
原创 快速了解flex！以及为什么要使用flex而不是flesh？
flex是一种典型的弹性布局；它存在的意义就是为盒状模型提供灵活性；在flex中无法使用float，clear，vertical-align这些属性在flex中不起作用。Flex技术的三大组成部分：UI、数据、服务器技术介绍。。从根本上说，Flex技术是表现层解决方案，像所有其他类似技术一样，表现层技术要解决三个基本问题：表现层界面展示和人机交互，客户端数据操作及服务器端数据交互和整合。为何要使...
2018-10-08 19:53:22
982
转载 canvas与svg的区别
讨论关于canvas和svg的区别。首先canvas是html5提供的新元素，而svg存在的历史要比canvas久远，已经有十几年了。svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。在H5中看似canvas与svg很像，但是，他们有巨大的差别。 首先，从它们的功能上来讲，canvas可以看做是一个画布。，其绘制出来...
2018-10-08 18:48:54
220
原创 css布局时什么时候需要清除浮动以及清除浮动都有哪些方法？
1、在以下情况下需要清除：在对元素设置浮动时，元素就会脱离文档流，在css中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素，float主要流行与页面布局，使用之后没有清除就会后患无穷。2、常用到清除方法：第一种：使用空标签取出浮动；第二种：父级div定义overflow：auto（注意：是父级div也就是这里的div.outer）；第三种:after方法（作用于浮...
2018-10-08 18:19:43
4858
原创 输入使用js原生代码写一个删除table行的功能？
首先在所在行设置onclick事件，使点击以后执行该js函数；然后我给大家展示一下js原生代码，说白了就两行代码：function delRow(num){var table = document.getElementById(“tab”);table.deleteRow(num);}接下来我给大家解释一下各个变量是什么含义num：是获取的到table的行数，可以用parseInt（...
2018-09-26 15:45:24
387
转载 前端Js框架汇总
概述： 有些日子没有正襟危坐写博客了，互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。 Web、无线、物联网、VR、PC从不同...
2018-09-05 09:35:16
316
原创 js 中map（）方法和reduce（）方法
js中的map是映射的意思，即原数组被映射成新的数组，而这个数组是由原数组中的每个元素调用一个特定的方法返回值组成的新数组。比如：首先定义一个方法F，然后map（F），那么执行结果就是所有输入的值执行完F这个方法后产生的新数组。注意： map() 不会对空数组进行检测。 注意： map() 不会改变原始数组。js中的reduce（）方法 把函数执行后的结果再进行累加执行，这个函数必须...
2018-08-30 14:43:20
1488
原创 解决跨域的三种方法？
在学习跨域之前，我们先了解一下同源的概念：所谓同源就是，连个网址对应的协议、和主机对于两个页面是相同的则这两个页面具有相同的源。只要三者之一任意一点有不同，那么就为不同源。出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。接下来我们了解解决跨域的几种方法： 1、JSONP（JSON ...
2018-08-10 16:07:49
2013
原创 线程池是什么？什么情况下使用线程池？使用线程的好处是什么？
线程池：是一种多线程处理形式，处理线程时将任务添加到队列里，等创建好线程再执行队列里任务。线程池的线程都是后台线程。每个线程都使用默认的堆栈大小，以默认的优先级运行，并处于多线程单元中。 什么情况下使用线程池？ 1、单个任务处理时间比较短 2、处理任务数量大 使用线程的好处? 1、避免重复创建线程，减少在创建和销毁线程时所花时间，及系统的整体开销 2、避免系统创建大两线程而消耗系统资源...
2018-08-10 15:17:29
3192
原创 strcpy和memcpy的区别以及AVL，红黑树的介绍
strcpy提供了字符串复制，它不仅复制字符串的内容还复制字符串的开始结束符。 memcpy 提供一般的内存复制，它对于复制的内容没有限制，用途比较广。 AVL：是一种自平衡二差查找树，在AVL中两个儿子子树最大高度差为1（平衡因子balance绝对值不超过1），所以是高度平衡树。通过做左转，右转，同时转来实现树的平衡。 红黑树：父节点和叶子节点始终是红黑交叉，或者叶子节点为null，这个条...
2018-08-07 10:10:06
91
原创 int，char，long，指针等占多少个字节？
首先，各个类型占几个字节和编译器有关，在Java中 int 4字节 float 4字节 short 2字节 char 2字节 long 8字节 double 8字节 16位平台 char 1个字节8位 short 2个字节16位 int 2个字节16位 long 4个字节32位 指针 2个字节 32位...
2018-08-06 21:18:36
6350
原创 如何正确使用vector，list，deque ？
vector：为存储的对象分配一块连续的地址空间，因此vector中的数据随机访问率非常高，在vector中插入或者删除某个元素，需要复制，移动原来的元素；如果vector中存储的对象很大，或者逻辑非常复杂时，复制对现有元素的开销较大，因为拷贝对象时需要调用拷贝构造函数；vector每次扩张容量时，可以将容量扩张2倍，这对于一般的小容量对象来说效率是比较高的；所以对于简单的小对象vector的效率...
2018-08-06 15:30:33
262
翻译 计算机网络的TCP三次握手
网络中的三次握手也叫TCP的握手协议，在TCP/IP协议中，TCP协议提供可靠的连接服务，采用三次握手建立连接。 第一次握手：客户端发送SYN包（同步序列编号）给服务器，并进入syn—send状态，等待服务器确认； 第二次握手：服务器收到SYN包必须确认客户端的SYN包这个包叫ACK包，同时自己也发送一个SYN包，此时服务器进入syn-react状态； 第三次握手：客户端收到服务器发送的SY...
2018-08-06 15:02:23
331
原创 如何快速理解webpack？
webpack是javascript的静态打包器，当webpack处理应用程序时，他会递归的构建依赖关系图，其中包括应用程序的每个模块，然后将所有这些模块打包成一个或多个bundle。 在用的过程中发现webpack另一个比较好用的东西，通过 CommonJS语法把所有浏览器需要的静态资源做相应的准备，比如资源的合并打包。 通过webpack app.js bundle.js 命令可以把app....
2018-08-05 10:26:47
392
原创 如何用jQuery的animate()方法创建动画？
今天，给大家讲讲用JavaScript的jQuery库创建动画，那么创建动画我们用到的是animate（）方法，其实方法比较简单，所以很少有人专门写这个东西，那么我今天就给刚入门的小白同学门讲一讲如何用该方法，看完一定自己动手实现一下哦！ animate（）可以同时操作多个属性，例子如下： (“button”).click(function()$(“div”).animate(left...
2018-08-02 14:06:40
818
原创 如何快速学会前端开发？
致所有小白，如果你已经对于前端知识很熟练了，那么我的这篇文章可能对你没有什么用，你可以洗洗睡了。我刚开始决定要做前端的时候，听周围一些应该是不太懂前端的人说，这个有什么好学的，不就是html加几个样式吗？但是我在做项目的时候发现完全不是这样的，要做前端工程师我想说其实前端的关键是JavaScript，这个才是前端的的核心，如果你准备从事相关工作，那么这个应该是你必须掌握的技能，如果你还没有做项目...
2018-08-01 20:38:53
1017
1
翻译 js框架介绍
1、jquery,它是目前最受欢迎得js框架，基本一些大公司都在用例如谷歌，百度等。jquery利用css选择器来操作网页上得html元素也就是DOM.。 2、prototype，是一种库，提供与web的简单api。通过它可以实现类和继承。实现对js的继承。 3、MooTools 也含有一些轻量级的效果和动画函数。也是一种库，也提供一些简单的api文档。 重点内容这里给大家简单介绍一下...
2018-08-01 09:53:10
2311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人