孟玉磊-CSDN博客

原创移动端前端适配

什么是前端适配从ui展示层面上：我们期望不同尺寸的设备，页面可以自适应的展示或者进行等比缩放，从而在不同的尺寸的设备下看起来协调或者差不多。从代码实现层面上：我们希望前端适配可以用用尽可能简洁的代码来实现，最好一套代码实现兼容所有设备，而不是对每个或者每种设备都写一套方案，不是次次都选用最无奈的方案（android和ios分开便编写）2.关键字2.1 viewport...

2019-01-06 16:33:23 3184 2

原创数组去重

数组去重数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。一、利用ES6 Set去重（ES6中最常用）function uni...

2018-09-18 21:51:45 366

转载 Bootstrap Table API 中文版（完整翻译文档）

/***$('#table').bootstrapTable({});*看网上有中文版的，但有些就是字面直接译过来了，而且有的就没有翻译，那就打算自己再翻译一遍，每一条会尽*最大可能结合尽可能多资料翻译，如果发现译的内容比英文多，是添加了更详细的说明，表的名称，属性，类型，*默认值不翻译，例如："class"、"id"等不翻译。*有错请提出，会及时改正，谢谢。*Bootstrap t

2017-12-22 15:11:24 25070 5

转载文章标题

JS模块化写法##一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。　　function m1(){ 　　　　//… 　　} 　　function m2(){ 　　　　//… 　　} 上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显：”污染”了全局变量，无法保证不与

2017-12-13 15:28:22 385

转载轻松学习RSA加密算法原理

http://blog.csdn.net/q376420785/article/details/8557266http://www.ruanyifeng.com/blog/2013/07/rsa_algorithm_part_two.html以前也接触过RSA加密算法，感觉这个东西太神秘了，是数学家的事，和我无关。但是，看了很多关于RSA加密算法原理的资料之

2017-10-29 10:55:16 1621

原创 dos命令

最常用的命令　　cd　　　　　改变当前目录　　　　　　　sys 　　制作DOS系统盘　　copy　　　　拷贝文件　　　　　　　　　del 　　删除文件　　deltree　　删除目录树　　　　　　　　dir 　　列文件名　　diskcopy　　制磁盘　　　　　　　　　　edit　　文本编辑　　format 　　格式化

2017-10-16 11:34:10 1535

原创 vue

vue介绍 1.1读音。1.2vue是什么Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。通过vue框架，

2017-10-15 20:42:13 2428

原创 mui介绍

mui介绍mui是什么，解决了什么问题性能和体验的差距，一直mobile app开发者放弃HTML5的的首要原因。浏览器天上的切换白屏。不忍直视的专页动画、浮动元素的抖动、无法流畅下拉刷新等问题，这些都让html5开发者倍感挫败，尤其拿到安卓低端手机运行，摔手机的心都有；（如果开发者需要解决这个问题的haul需要处理很多的兼容性问题，需要大量的时间和精力）另一方面，浏览器默认控件样式又少又丑，

2017-10-15 19:59:42 4700

转载 2017年前端面试题整理汇总100题

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素，相对于最近一级的定位

2017-10-13 14:40:52 1450

转载 JSON与XML的区别比较

1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。XML

2017-10-08 10:41:33 2036

转载招聘面试的套路与原则

进入八月，开启了夏季的社招季。近期集中的招聘、面试，形成了一些心得体会，或者说叫套路，而隐藏在这些套路背后的其实是一些更通用的原则。所以，这一篇其实是写给招聘者的，不过，所有的应聘者也有可能有成为招聘者的一天，也可以参考。套路一次集中的扩招需求，有点像每年一度的晋升评审，都需要对大量的候选人进行定级评审，因为每一个新招聘的人员都会对其有一个定级的过程。在我们内部的晋

2017-10-06 12:10:01 2487

转载技术与技术人员的价值

在我工作到第四年出头时，总是感觉自己的价值被低估了，换个说法就是感觉工资低了。当时，总觉得技术不如管理，但又听闻有人一直做技术也有到年薪百万的，虽不在身边，但江湖总有这样的传说。再环顾周身环境，似乎除了去伊拉克做技术能让收入立刻飙升（补贴超过工资），让我不禁怀疑江湖的百万传说是不是被高估了。再加上工作几年后，技术提升感觉明显变慢，第一个天花板已近在眼前。分类又过了七、八年后

2017-10-06 12:03:04 1835

转载编程，更多？更好？更快？

这是个哲学问题最近，读到一个故事，是下面这样的。在一次陶艺课上，老师在第一堂课时说，他会把班上同学们分成两组。教室左边这组，他们这门课的成绩将会以最终完成的陶器作品数量来评定，而右边那组，则会以最终完成的陶器品质来评定。进一步说明，其评定过程是这样的：这门课的最后一天，老师会带来一杆天平称，用来称量 “数量” 组的成果。如果 50 磅及以上，得 A，40 磅

2017-10-06 11:48:19 1974

转载编程开发流程

需求设计实现测试交付需求写程序的原因是因为有需求，而需求对应于写作就是确定主题。如果把每一篇文字想成一件产品，那么定义写作的主题，就像定义产品的灵魂。写作的主题有很多来源，有时是来自身边的工作和生活中的事件引发的感触。有时是阅读过程中突然产生的启发与领悟。这些都属于灵感乍现的时刻，但为了持续写作，等到写的时候去灵光一现是很难保障持续写作的主题供应的。所以，通常很多时候在大脑

2017-10-06 11:40:30 1895

原创 swiper 轮播

var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween: 30, centeredSlides: true, loopedSlides: 8, autoplay: 4

2017-10-06 11:32:05 2470

原创 MD5

密文，明文，是密码学的术语。明文，是指没有加密的文字（或者字符串），一般人都能看懂的意思。密文，是指经过某个加密算法，把一个明文，变成另一些文字。从密文本身，一般不能看出明文本身的意思。不然就失去加密的意义。要想得到明文，就能通过对应的解密算法，才能得到明文，从而知道本来的意思。MD5：Message Digest Algorithm MD5为计算机安全领域广泛使用的

2017-10-06 11:29:42 2139

原创 webApp开发

1 webApp介绍 App（native原生态的）：指的是原生态app直接运行在操作系统上运行。主流的移动端操作系统：Andriod：Java eclipseiOS：object-c（oc）、swift：xcode：苹果电脑webApp：用HTML5编写的移动web运用，依赖于浏览器（微信浏览器、qq浏览器），可以不加修改，直接运行在Android、iOS、pc端。

2017-10-06 11:26:36 3825

原创 CSS3 美化

CSS3圆角优点: 一、减少网站的维护量二、提高网站的性能，少了对图片的HTTP请求，网页载入速度加快三、增加视觉美观性属性：（1）border-radiusstyle> #div1{ width: 200px; height: 50px; border: 2px sol

2017-10-06 11:22:28 1627

转载 HTML5触摸事件(touchstart、touchmove和touchend)

HTML5触摸事件(touchstart、touchmove和touchend)　HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事件tou

2017-10-06 11:19:28 1872

原创 CSS3过渡

CSS3过渡特点：（1）本质上是一帧动画，一帧结束后，就没有然后了….. （2）过渡的效果的实现，必须要通过用户的行为，可能触发行为：hover，focus，click，JS代码。1、transition的属性transition-property:指定元素的过渡属性 transition-duration: 规定了过渡的时间 transition-ti

2017-10-06 11:17:44 1381

原创块级元素与内联元素总结

块级元素与内联元素的区别块级元素：（1）独占一行。（2）宽和高能够起作用内联元素（行内元素）：与块级元素相反。块级元素常见的有： div、p、tr、th、h、ol、 ul、li、dl、table等内联元素常见的有： a、td、span、input、button等块级元素与内联元素的嵌套一般所有的块级元素内可以放内联元素。块级元素中嵌套块级

2017-10-06 11:14:53 1374

转载延迟hover事件

延迟hover事件最近在写导航栏的时候遇到一个问题，就是我给一个导航列表加了一个动画，更换的时候会触发这个动画。实际效果如图这个是要达到的效果，但是在实现的时候，随着鼠标在导航栏上移动会产生卡顿的现象。如图背景图会在鼠标经过的每一个导航中卡顿一下，解决的办法就是延迟hover的触发事件。代码如下var timer; $('.navigation

2017-10-06 11:01:47 1173

原创 jQueryEasyUI

jQueryEasyUI是什么：jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。eastUI的特点：jQuery EasyUI为提供了大多数UI控件

2017-10-05 18:26:14 1290

原创 bootstrap 框架

bootstrap是什么：是目前很受欢迎的前端框架。bootstrap 史基于html、css、JavaScript的，它简洁灵活使得web开发。是一个css和html框架，规范了html和css。bootstrap 的特点：Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。Bo

2017-10-05 18:07:42 1643

原创常用的技术点和坑点

1.在使用浮动布局的时候，如果多行li使用不同的左右浮动会出现奇数会在一起偶数在一起，解决方法设置一样的浮动》2.在sass里面“&”表示当前的意思。&:hover （用css实现鼠标移入和移除事件的效果） 3.不建议设置input的高度，input的高度一般会随着字体的变大自动变大。 4.对于页面上一些没有交互的小图片，尽可能用css去解决他，一般用背景、伪类。5.先设置

2017-10-05 13:43:53 1519

原创用元素属性存储数据 html5 data

所有的元素都有一些默认的属性，这些属性包含属性名和属性值；我们可以对元素添加自定义的属性，属性名随意取，但是不和系统的属性名一样；所有的属性值，只能是字符串，不管是系统属性，还是自定义的；HTML5规定，给元素设置自定义数据属性时，属性名称data开头，但是真正的属性名不包括data-Eg:data-student属性名称：student使用jQuery设置数据：$(ele).

2017-10-05 13:36:05 2698

原创 box-sizing 的使用

box-sizing 的使用(1)border-box：如果设置padding，内容往里面挤内容的宽度：width减去（padding-left加padding-right）元素的宽度：width(2)content-box：如果设置了padding，往外面撑内容的宽度：width元素的宽度：width加上（padding-left加padding-right

2017-10-05 13:28:44 1249

原创 base.css文件

1. 基本样式-base.scss：直接去大型网站里面copy一块代码，直接用：1. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, 2. textarea, th, td { ma

2017-10-05 13:17:24 2358

原创 overflow 属性的使用

浏览器支持所有主流浏览器都支持 overflow 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。定义和用法overflow 属性规定当内容溢出元素框时发生的事情。说明这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动

2017-10-05 13:14:00 1394

转载 jQuery与Zepto的异同

一,同：　　Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分

2017-10-04 16:50:08 1172

原创 web 存储

var saveLocalKey = "stuentList"; //创建HTML标签 function createHtml() { //拿本地数据 var list = read(); var allhtml = ""; for (var i in list) { var student = li

2017-10-04 14:55:09 1035

原创页面之前跳转和页面之间传递参数

问题描述，有两个页面A，B：如何把A页面的数据专递到B页面；解决方法：1）利用超链接a标签，这个大家都会了，在这不解释了2）利用url地址栏转递参数用法：2，1这是跳转到B页面和url和参数的拼接$("#departA").on("click",function(){ var $this= $(this).html(); var dat

2017-10-04 14:45:06 1392

原创 z-index的用法和注意点

z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。引用方法z-index : auto | numberauto:默认值。number: 无单位的整数值，可为负数。

2017-10-04 14:40:52 1849

转载 js 实时监听input中值变化

html] view plain copy print?> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>RunJStitle> script id="jquery_

2017-09-30 22:51:57 1070

转载百度搜狗等搜索引擎智能提示（JSONP跨域实现自动补全搜索建议）

转自:http://www.cnblogs.com/woider/p/5805248.html---------------------------------------搜索引擎JSONP接口---------------------------------------------提示：URL中的 #content# 为搜索的关键字谷歌（Google

2017-09-21 18:30:48 5431

转载 jQuery使用之（二）设置元素的样式

css是页面不能分隔的部分，jQuery中也提供了一些css相关的实用的办法。前面章节中有使用过 addClass()为元素添加css样式风格。本节主要介绍jQuery如何设置页面的样式风格。包括添加、删除、动态切换等。1. 添加、删除css类别。$(function() { //同时添加多个CSS类别

2017-09-19 08:29:13 1512

转载 jQuery实现单击和鼠标感应事件。

1.实现单击事件动态交替http://www.cnblogs.com/ahthw/p/4232837.html讲到了toggleClass()，对于单击事件而言，jQuery同样提供了动态交替的toggle()方法，这个方法接受两个参数，两个参数均为监听函数，在click事件中交替使用。例子：点击事件的动态交互。script type="text/javascript">

2017-09-19 08:28:22 1239

原创 HTML5地理定位

HTML5 geolocation API(地理定位)允许对我们喜欢的网站分享我们的位置信息在开发中使用js获取我们当前位置坐标（经纬度） Geolocation 是基于nabigator的一个新属性，是创建一个定位的方式navigator.geolocation getCurrentPosition（）是基于地理定位的一个方法，获取当前的位置 window.onload

2017-08-23 08:19:00 1402

原创 HTML5

HTML51.1 HTML5推出的理由目前web端存在的问题（兼容性同样的问题再不同的浏览器上显示的不一样那么开发人员需要做很多的额外的工作去解决这样的问题），一些特殊的权限没有开发给开发人员，比如：定位权限、动画、绘画，那么H5的推出就是为了解决这一序列的问题。H5解决了什么文题：1）开发了一些特殊的权限给开发者；有了这些权限，开发可以很轻易的获取用户的定位的信息、拍照功能

2017-08-22 21:10:17 1102

转载常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

2017-08-21 20:22:42 1938

空空如也

空空如也