2018年09月_QQ帝国

原创封装简单的jquery插件

接下来我们一起来写个高亮的jqury插件1.定一个闭包区域，防止插件"污染"//闭包限定命名空间(function ($) { })(window.jQuery);2.jQuery.fn.extend(object)扩展jquery 方法，制作插件//闭包限定命名空间(function ($) { $.fn.extend({ "highLi...

2018-09-28 16:50:22 302

原创 base64、md5 、sha1 简单用法

base64var jiami= window.btoa(str) 加密var jiemi= window.atob(jiami) 解密 md5 var jiami=md5(str) 加密不可逆 sha1var jiami1=sha1(str) 加密不可逆更安全就是解析慢点<!DOCTYPE html>&...

2018-09-28 15:35:20 725

原创 SHA-1与MD5的比较

SHA-1与MD5的比较因为二者均由MD4导出，SHA-1和MD5彼此很相似。相应的，他们的强度和其他特性也是相似，但还有以下几点不同：l 对强行攻击的安全性：最显著和最重要的区别是SHA-1摘要比MD5摘要长32 位。使用强行技术，产生任何一个报文使其摘要等于给定报摘要的难度对MD5是2^128数量级的操作，而对SHA-1则是2^160数量级的操作。这样，SHA-1对强行攻击有更大的强度...

2018-09-28 15:23:57 2847

原创 sha1加密

效果图 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>shal加密</title> <meta name="viewport" content="width=device

2018-09-28 15:08:43 580

原创 md5加密

用处：1.密码可以当做密码验证，为了保证密码不在cmd5网站上破译，最好加盐及乱序，也可以只取一半md5的长度。md5是不可逆算法，只要保证算法不变，就能和数据库中的md5相匹配。2.搜索以搜索为例，你输入“csdn 博客” 和输入“博客 csdn”的结果是不一样的，因为你搜索的时候他们对应的md5是不一样的，他们可以根据这个md5去查询内容。3.版权当一个视频或者音频...

2018-09-28 14:55:51 310

转载面向对象----面向过程

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。1．什么是面向对象技术？面向对象技术是一种以对象为基础，以事件或消息来驱动对象执行处理的程序设计技术。它具有抽象性、封...

2018-09-27 21:04:17 244

原创 AMD与CMD区别

AMD与CMD区别关于这两个的区别网上可以搜出一堆文章，简单总结一下最明显的区别就是在模块定义时对依赖的处理不同1、AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块2、CMD推崇就近依赖，只有在用到某个模块的时候再去require这种区别各有优劣，只是语法上的差距，而且requireJS和SeaJS都支持对方的写法AMD和CMD最大的区别是对依赖模块的执行时机处理不同，注...

2018-09-27 17:16:46 366

转载 MVC和MVVM模式的区别

1，MVC （Model-View-Controller）M - Model ：数据保存V - View : 用户界面C - Controller ：业务逻辑MVC ，用户操作> View (负责接受用户的输入操作)>Controller（业务逻辑处理）>Model（数据持久化）>View（将结果通过View反馈给用户）MVC是最经典的开发模式之一，最...

2018-09-27 15:36:07 258

原创伪数组转化为数组的方法

伪数组(类数组)：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。方法：在js中，数组是特殊的对象，凡是对象有的性质，数组都有，数组表示有序数据的集合，而对象表示无序数据的集合。那伪数组是什么呢，当然它也是对象，伪数组一般具有以下特点：1、按索引方式存储数据；2、具有length属性；3、没有数组的push、shift、pop等...

2018-09-27 15:33:50 270

原创 react常见面试题

1、redux中间件中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。常见的中间件：redux-logger：提供日志输出redux-thunk：处理异步操作...

2018-09-26 21:34:15 6429

翻译 mocha测试

作为一个项目而言，单元测试应该是必备的一部分，也是最容易被大家忽略的一部分，这篇文章就介绍一下mocha这个测试框架的用法。DEMO地址 https://github.com/TimLiu1/study-mocha.git一、环境搭建首先先全局安装mochanpm i mocha -g二、简单测试脚本书写1、新建 calcu.js//addexports.ad...

2018-09-26 17:56:10 274

原创 Flex 弹性布局

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}一、flex-direction属性决定主轴的方向（即项目的排列方向）。.box { f...

2018-09-26 10:03:57 249 1

原创选项卡js和jQ写法

一、原生js写法：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2018-09-25 21:34:19 254

原创页面重构和前端性能优化

网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说重构通常是：表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重构应该考虑的方面减...

2018-09-24 21:33:32 1345

原创 Ajax 是什么? 如何创建一个Ajax？

ajax的全称：Asynchronous Javascript And XML。异步传输+js+xml。所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验。(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象(2)创建一个新的H...

2018-09-24 21:32:04 491

原创 JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小如：{"age":"12", "name":"back"}JSON字符串转换为JSON对象:var obj =eval('('+ str +')');var obj = str.parseJSON();...

2018-09-24 21:25:16 246

原创 javascript创建对象的几种方式？

javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用JSON；但写法有很多种，也能混合使用。1、对象字面量的方式 person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};2、用function来模拟无参的构造函数 function Person(){}...

2018-09-24 21:13:12 119

原创 Javascript如何实现继承？

1、构造继承2、原型继承3、实例继承4、拷贝继承原型prototype机制或apply和call方法去实现较简单，建议使用构造函数与原型混合方式。 function Parent(){ this.name = 'wang'; } function Child(){ this.age = 28; } Chi...

2018-09-24 21:10:45 510

原创 JavaScript有几种类型的值？，画一下他们的内存图吗？

栈：原始数据类型（Undefined，Null，Boolean，Number、String）堆：引用数据类型（对象、数组和函数）两种类型的区别是：存储位置不同；原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中，将会影响程序运行的性能；引用数...

2018-09-24 21:08:56 707

原创 JavaScript原型，原型链 ? 有什么特点？

JavaScript原型，原型链 ? 有什么特点？每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念。关系：instance.constructor.prot...

2018-09-24 21:00:55 1303

原创 css知识点总结

https://blog.csdn.net/liujie19901217/article/details/513940461、实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。<div style="height:1px;overflow:hidden;background:red"></div>2、居中一个浮动...

2018-09-24 20:54:46 210

原创 base64加密与解密

Base64其实是一种简单的置换加密方式，但是BASE64的用处往往并不是为了防止信息泄露，而且为了方便传输。 1.加密解密方法使用：//1.加密 var str = '124中文内容'; var base = new Base64(); var result = base.encode(str); document.write(result); //2.解密 va...

2018-09-24 20:10:26 367

原创 js闭包的理解及例子

闭包概念：1、闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。2、不必纠结到底怎样才算闭包，其实你写的每一个函数都算作闭包，即使是全局函数，你访问函数外部的全局变量时，就...

2018-09-24 19:36:54 501

原创美团mpvue框架开发小程序

步骤一：生成你的mpvue工程1、通过vue-cli命令，我们先生成一个全新的mpvue工程代码：vue init mpvue/mpvue-quickstart my-project 2、然后进入该工程目录，通过npm安装依赖：cd my-projectnpm install 3、安装完后，npm run dev 运行项目把项目放编辑器，即可用vue语...

2018-09-22 21:43:20 405

原创微信小程序todolist传参

简单的todolistbind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。Eg:bindtap="handleTap1”catchtap="handleTap2”Tip：获取表单元素的valuegetval:function(e){ e.detail.value==表单元素的value}sel:function(e){ e....

2018-09-22 20:01:54 596

原创 token验证登录

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>token</title>  <script src="https://c

2018-09-21 20:53:56 849

原创 cookies，sessionStorage 和 localStorage 的区别

区别：cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。存储大小： cookie数据大小不能超过4k。 sessionStor...

2018-09-21 19:32:47 228

原创常见浏览器兼容问题

总结的比较详细的博文：https://blog.csdn.net/zfangls/article/details/53908063

2018-09-21 17:23:12 207

原创 JQ--百度新闻导航滑块

<!doctype html><html><head><meta charset="utf-8"><title>头部导航滑块内容切换（原创）-jq22.com</title><script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"&gt...

2018-09-21 16:12:50 376 3

原创三元表达式的嵌套

三元表达式的嵌套:https://blog.csdn.net/u012316120/article/details/52122556

2018-09-21 16:09:17 691

原创项目引入高德地图

https://blog.csdn.net/qq_16479139/article/details/80018670https://blog.csdn.net/qq_22945185/article/details/81257403https://blog.csdn.net/qq_39588818/article/details/79421025在vue项目中引入高德地图及其UI组件h...

2018-09-21 15:38:25 1443

原创原生js实现文字轮播

<!doctype html><html><head><meta charset="utf-8"><title>简单的滚文字动-jq22.com</title><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js&q

2018-09-20 20:56:11 2237

原创原生js实现前后轮播

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> body{backgr

2018-09-20 20:52:51 272

原创 cropper.js 裁剪图片并上传

官网http://fengyuanchen.github.io/cropper/ 文档https://github.com/fengyuanchen/cropper/blob/master/README.md –v3.x版本https://blog.csdn.net/weixin_38023551/article/details/78792400

2018-09-20 09:57:10 666

原创 Vue路由实现原理

前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。通过改变浏览器地址URL，在不重新请求页面的情况下，更新页面视图有两种方式:1.一种是# hash , 在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航 2.一种是h5的history , 使用URL的Hash来模拟一个完整的URL 当打包构建应用时，Javascript 包会变...

2018-09-19 13:07:39 4489

原创前端开发面试题

2018面试题 https://blog.csdn.net/Mike_chen2stockings/article/details/79614514 本文收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的...

2018-09-18 16:04:43 206

原创 JQ总结

JQ入门1、在jQuery库中，$ 就是jQuery的一个简写形式例如： $(“#nan”)==jQuery(“#nan”)2、当浏览器解析完document后，执行ready小括号内的函数3、JQ优点：轻量级、强大的选择器、出色的DOM操作、可靠的事件处理机制、完善的Ajax、出色的浏览器兼容性、链式操作方式、丰富的插件支持、完善的文档、开源4、 jQuery选择器...

2018-09-17 21:48:19 423

原创 redux与flux

flux 简介：2013和react一同诞生，flux和react的出现，代替了老一辈的backbone.js和ember.js等mvc框架，但是flux并不是mvc框架，并推翻了传统的mvc；之前的前端mvc和服务端的mvc有一定的区别，并不是每次的页面改变都经历一次闭环的，而是出现了很多的v和m直接交互的场景，这样就造成了数据的比较难维护；而flux的出现让前端的应用更像服务端mv...

2018-09-17 21:43:12 1408

原创 react生命周期

1：construct 类似 Vue 中的 beforeCreated 和 Created；操作：（1）当前组件的检测； 2：componentWillMount 介绍：类似Vue 中 beforemount ；在render函数调用之前进行调用；： 3：render 纯函数；操作（1）不能调用setstate进行数据的改变，否则会陷入死循环...

2018-09-17 21:40:55 206

原创 react插件篇

在react中进行数据请求： fetch：检验浏览器是否支持：if(self.fetch) { // run my fetch request here} else { // do something with XMLHttpRequest?}发起请求： fetch('flowers.jpg').then(function(response) {...

2018-09-17 21:28:08 1095

vue或uniapp项目使用pdf.js预览PDF文件

H5页面PDF文件预览 （案例资源）

vue-excel.zip

vue前端模糊搜索封装.html

空空如也

H5页面PDF文件预览（案例资源）