- 博客(57)
- 收藏
- 关注
RSS订阅转载 拍摄须知ISO、快门、光圈、曝光概念
ISO（感光度）与图片质量ISO – 感光度，是一个曝光率极高的词，我们在超市买饼干的时候就可能会看见包装袋上写：本公司已通过ISO9001质量体系认证。这个ISO是国际标准组织的缩写，International Organization for Standardization (ISO)。国际标准组织制定饼干管理标准，也制订胶卷的生产标准，所以货架上的胶卷有ISO100，200和400的几种，...
2019-02-25 12:18:51
2637
原创 前端复制功能实现
复制主流实现方式目前copy主流有四种方式：ZeroClipboard.js，Clipboard.js，execCommand各种复制的区别ZeroClipboard：兼容性最好，能全面兼容chrome/firefox/ie/safari,但是插件体积大，为230KB。实现方式是flash法，通过加载一个flash，让其访问系统剪贴板来绕过绝大多数系统的权限限制。 Clipboard...
2018-04-25 17:55:29
3849
2
原创 BFC详解
BFC是什么？BFC（Block formatting contexts） 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。 ...
2018-04-24 15:32:33
438
原创 margin值的特殊性
从2016年10月接触前端，到现在大概1年多了吧，挺长的时间了，本以为自己的布局没有问题，毕竟还是有项目经验的，但是今天却发现自己不是很懂margin，这个前端最常见的属性之一，因此写下这篇作为知识梳理。 借鉴：http://www.planabc.net/2007/03/18/css_attribute_margin/ http://www.hicss.net/do-not-tell-me-...
2018-04-24 12:50:05
514
原创 JS对象深复制和浅复制
有很多文章介绍了JS对象的深复制和浅复制，这篇文章主要是针对JS 的API进行分析，究竟是深复制还是浅复制 ；深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用， 1）深复制在计算机中开辟了一块内存地址用于存放复制的对象， 2）而浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。对象数组的方法splice(),s...
2018-04-23 18:19:07
353
原创 JS在HTML中的加载顺序
HTML页面加载和解析流程 用户在地址栏第一次输入网址需要请求html页面，浏览器发送一个html页面的请求，服务器响应请求，并返回一个html页面 ；浏览器开始下载html页面的代码，发现<head>标签内有一个<link>标签引用外部CSS文件。浏览器又发出CSS文件的请求，服务器返回这个CSS文件。 浏览器继续载入html中<body>部分的代...
2018-04-23 17:53:36
542
原创 ES6的let与var区别
1.let是块级作用域，var不是{ let a = 1; var b = 2; }console.log(a); // ReferenceError: a is not definedconsole.log(b); // 22.let不存在变量提升console.log(foo); // 输出undefinedconsole.log(b...
2018-04-17 16:50:36
326
原创 JS捕获错误
JS的错误捕获一般有下面两种方式： 1. 异常捕获常用方法是 try/catch/ throw /finally 2. 全局捕获window.onerror1. try/catch/throw/finallytry{ //可能捕获到的错误 }catch(e){ //捕获到错误后的处理 }finally{ //完成后执行的语句块 } ...
2018-04-16 18:43:25
2238
原创 前端安全
1.XSS攻击XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意用户的特殊目的。XSS属于被动式的攻击，因为其被动且不好利用，所以许多人常呼略其危害性。例子1：cookie信息被js脚本获取 解决使用cookie的HttpOnly属性，加上了这个
2018-04-16 12:56:10
290
原创 vue+elmentui的踩坑之路 （watch踩坑）
当需要监听对象的某一个属性的时候写法：data:{ toEditForm: { id: null, functionType: null }}, computed: { "toEditFormWfId": function(){ return this.toEditFor...
2018-03-17 16:36:47
3199
3
原创 linux解压压缩包tar.gz命令
用压缩工具解开的压缩包一直有误，程序运行不起来，因此最好采用linux命令解压。如果你需要解压得压缩包名字为：node_modules.tar.gz命令：tar zxvf node_modules.tar.gz
2018-01-31 08:56:48
1768
转载 FreeMarker使用
常用freemarker语法： 1.将时间戳转化成为标准时间：${gmtCreate?string("yyyy/MM/dd HH:mm:ss")} 出来的结果：2018/3/4 12:23:42 2.将分转化为元的形式：￥${(receiptAmt/100) ? string("0.00")} 出来的结果：￥2.00 3.判断数组goodsInfo的角标：goodsInfo_index...
2018-01-22 22:10:37
3579
转载 前端面试必备——跨浏览器的事件处理程序和事件对象
前言JavaScript与HTML交互都是靠事件完成的，而且事件的考察也是笔试和面试的一个重点，所以在笔试或者面试时，都会让面试者编写一个事件，一般都较为简单，但是此时面试官考察的不止是你编写代码能力，更看重你是否能注意到兼容性问题，所以在你编写时候，最好自己手写具有跨浏览器功能的事件处理程序或事件对象，这样能让面试官觉得你考虑问题比较全面。所以前面面试必备系列第二篇，带你来编写具
2018-01-15 19:01:07
664
原创 尾递归优化（es6）
function tco(f) { var value; var active = false; var accumulated = []; return function accumulator() { accumulated.push(arguments); if (!active) { active = true; while (ac...
2017-12-20 18:04:04
575
原创 vueJS组件笔记（针对.vue组件）
data必须是函数详见尤大大： https://cn.vuejs.org/v2/guide/components.html#DOM-%E6%A8%A1%E6%9D%BF%E8%A7%A3%E6%9E%90%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9在data函数中，我们可以通过为每个组件返回全新的数据对象，这样不会污染其他组件。data (){ var da
2017-12-19 16:07:34
661
原创 CSS的三大特性（继承，层叠，优先级）
继承性一、什么是继承作用：继承性(inheeited),子类可以使用父类的属性 text-，font-，line-这些元素开头的都可以继承，以及color属性特殊性：a标签的颜色不能继承，必须对a标签本身进行设置h标签的字体大小不能修改，必须对h标签本身进行修改!important优先级最高，但是没有继承性二、继承的元素1、无继承性的属性1、display：规定元素应该生成的框的类型2
2017-12-15 10:39:07
678
原创 移动端布局
rem 布局 (function(){ var html = document.documentElement; var width = html.getBoundingClientRect().width; html.style.fontSize = width/18+'px'; //1rem = 60px; 以iPhone6s 为准 })();...
2017-12-11 14:11:17
537
转载 javascript中对象的属性的特性
1.ES5的属性特性包括下面六个：configurable: 表示能否通过delete来删除属性从而重新定义属性，能够修改属性的特性,默认为true enumberable: 表示是否能通过for-in循环返回属性。默认为true writable: 是否可以修改属性, 默认为true value: 包含这个属性的数据值。读取属性值时3,从这个属性读，写入属性时，把新值保存到这个位置。默认值为
2017-12-06 17:07:55
449
原创 vue-router浏览器跳转
问题一：vue-router单页跳转为什么不刷新？我们知道通过vue-router进行页面跳转时，组件会被重新执行，由于变量存在内存中，所以页面不会刷新。但，使用href、window.location进行跳转，产生的history变化，将使得页面重新刷新。问题二：vue router 和 window.location、href 下产生的跳转行为表现，那么这些跳转背后的实质是什么呢？1.跳转基础知
2017-11-30 17:47:45
2785
转载 vue watch监听对象及对应值的变化
类型：string | Function | Objectvue官网解释: 一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。也就是说watch可以监听对象的变化,规则是键值对方式。export default { props: { fat...
2017-11-30 17:16:01
9868
转载 vue-resource交互写法
单来说，vue-resource就像jQuery里的$.ajax，用来和后端交互数据的。可以放在created或者ready里面运行来获取或者更新数据…vue-resource文档： https://github.com/vuejs/vue-resource/blob/master/docs/http.md结合vue-routerdata(){ return{
2017-11-21 09:04:28
454
转载 ASCII、Unicode和UTF-8编码的区别
详见：http://www.cnblogs.com/kingstarspe/p/ASCII.html归纳： 编码 大小 支持语言 ASCII 1个字节 英文 Unicode 2个字节（生僻字4个） 所有语言 UTF-8 1-6个字节，英文字母1个字节，汉字3个字节，生僻字4-6个字节 所有语言具体解释：AS...
2017-08-10 16:56:04
347
转载 屏幕尺寸，分辨率，像素，PPI之间到底什么关系？
详见： http://www.chinaz.com/manage/2015/0902/441624.shtml
2017-07-28 17:22:03
538
转载 如何用jquery实现点击后跳到页面指定位置
很多网站都有这种功能，主要为了让用户在长篇大论中比较迅速的跳到自己想要看的内容处，比如bootstrap就有相应的功能。介绍一种非常简便可以实现这种功能的方式。思路：1.这里要用到点击事件，因为点击处可能数量较多，因此最好用事件代理来处理，可以提高性能。2.当点击一个按钮时，能够获取到与他相对应的元素的ID。3.通过jquery的offset方法返回top和left两个属性后获取他的top属性。4.
2017-07-24 16:04:51
4543
转载 e.target与e.currentTarget区别
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css" rel="stylesheet"> #fa{ width: 100%; hei
2017-07-24 16:02:20
660
转载 GB2312、GBK与UTF-8的区别
首先，我们要明白，GB2312、GBK和UTF-8都是一种字符编码，除此之外，还有好多字符编码。只是对于我们中国人的网站来说，用这三种编码 比较多。简单的说一下，为什么要用编码，在计算机内，储存文本信息用ASC II码，每一个字符对应着唯一的ASCII码。最初计算机是由美国发明的，他们也用的是键盘和上面的字母，所以他们的字符ASCII好解决。但是我们中国 的就不同了，每个汉字要对应唯一的ASCII...
2017-07-18 11:15:40
35305
1
转载 Unicode(UTF-8, UTF-16)令人混淆的概念
为啥需要Unicode我们知道计算机其实挺笨的,它只认识0101这样的字符串,当然了我们看这样的01串时肯定会比较头晕的,所以很多时候为了描述简单都用十进制,十六进制,八进制表示.实际上都是等价的,没啥太多不一样.其他啥文字图片之类的其他东东计算机不认识.那为了在计算机上表示这些信息就必须转换成一些数字.你肯定不能想怎么转换就怎么转,必须得有定些规则.于是刚开始的时候就有ASCII字符集(Am...
2017-07-18 11:08:11
363
原创 移动端问题解决
1。单位之谜 今天做了适配移动端的项目，发现了很多问题，自己并不是很了解css的单位，平时做的项目也是pc端偏多，如今做了移动端的项目，才发现很多问题的出现，比如：在pc明明是好好的单位在移动端却乱了，在移动端一定要设置 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,
2017-07-12 14:46:53
456
原创 前端面试题（二）
html5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？ 简述一下你对HTML语义化的理解？ JSON 的了解？ HTTP状态码知道哪些？ 你有哪些性能优化的方法？ 哪些常见操作会造成内存泄漏？ 介绍一下css的盒模型 谈谈你对闭包的理解 你对前端界面工程师这个职位是怎么样理解的? 请说出三种减少页面加载时间的方法。 如何解决跨域问题? javascript里面...
2017-06-05 21:21:31
586
原创 jq
1、text（）与html（）的区别 2、bind（）和unbind（）的evel下的currentTargtet与target的区别，现在一般用on（） target是事件的调用对象(event dispatcher)，currentTarget是事件的处理对象(event processor)。 target：触发事件的元素。 currentTarget：事件绑定的元素。 两者在
2017-06-02 12:04:18
295
原创 面试总结一
1、说说三列布局实现方案（左、右边固定，中间自适应）？ 2、说说xml与xhtml、html的区别？ 3、说说xcc？ 4、说说变量？js的基本內型？ 5、说说函数？（函数的概念、作用、创建、调用） 6、说说闭包？ 7、说说你是怎么理解this的？ 8、说说你是怎么理解对象的？ 9、说说ajax原理、你是如何使用ajax的？ 10、说说跨域解决？ 11、说说typeof与ins...
2017-05-26 16:29:06
452
转载 鼠标点击页面中的任意标签，alert该标签的名称和 js实现点击<li>标签弹出其索引值
方法一 : 在这里我们可以利用冒泡解决该问题 document.onclick = function(e){ var e=(e||event); var o=e["target"]||e["srcElement"]; alert(a.tagName.toLowerCase()); }方法二： 进行遍历 <!doctype html><html l
2017-05-20 20:17:36
3705
转载 JavaScript的预解析
一、变量和函数在内存中的展示JavaScript中的变量类型和其他语言一样，有基本数据类型和引用数据类型。基本数据类型包括：undefined、null、boolean、String、Number；引用数据类型主要是对象（包括{}、[]、/^$/、Date、Function等）。var num = 24;var obj = {name:'iceman' , age:24};function fu
2017-05-20 19:35:26
426
原创 字符串相关
字符串去重：思路： 1.创建一个新的数组存放结果 2.创建一个空对象 3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。 说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。代码实现：Array.prototype.
2017-05-16 20:58:18
328
原创 css垂直水平居中对齐的实现方式
这里的demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。1.使用绝对定位和负外边距对块级元素进行垂直居中<div id="box"> <div id="child">我是测试DIV</div></div>#box { width: 300px; height: 300px; ...
2017-05-14 17:24:45
843
转载 浏览器兼容性问题
CSS+DIV 兼容性问题浏览器兼容代码： 浏览器 符号 IE6 IE7 IE8 FF * √ √ × × !important × √ × √ _ √ × × × \9 × × √ × *html √ × × × *+html × √ × × 说明：”√”代表能识别；” ×”代表不识别 关于css部份技巧,div/IE6/IE7/IE8/FF1.div的垂直居中
2017-05-12 20:42:32
377
原创 美化文件按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>美化input中的文件按钮</title> <style type="text/css"></style></head><body><div id="imgdisplay"><img src="000/images/food2.pn
2017-04-22 14:59:16
438
原创 当文字太长，3行空间都显示不下，解决办法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字太长，让其后的文字都以...显示</title> <style type="text/css"> .show{ overflow: hidden; text-overflow:ellip
2017-04-22 10:05:57
632
转载 JS闭包被利用的常见场景
场景一：采用函数引用方式的setTimeout调用闭包的一个通常的用法是为一个在某一函数执行前先执行的函数提供参数。例如，在web环境中，一个函数作为setTimeout函数调用的第一个参数，是一种很常见的应用。setTimeout将要执行的函数(或者一段JavaScript代码，但这不是我们要讨论的情况)作为它的第一个参数，下一个参数是需要延迟执行的时间。 如果一段代码想通过setTimeout
2017-04-19 17:55:30
371
转载 在js中基本类型与引用类型的详解
基本类型和引用类型 ECMAScript包含两个不同类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段；引用类型值指由多个值构成的对象。当我们把变量赋值给一个变量时，解析器首先要做的就是确认这个值是基本类型值还是引用类型值。常见的五种基本数据类型是： Undifined、Null、Boolean、Number和String。这五种基本数据类型可以直接操作保存在变量中的实际值。var
2017-04-12 22:09:53
939
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人