- 博客(80)
- 资源 (20)
- 收藏
- 关注
RSS订阅原创 js常用笔试代码
1 promisepromise 是什么?异步回调解决方案promise 如何保证异步执行完了再去执行后面的代码?使用 then 关键字 then， 接受两个参数 第一个参数（函数）会在 promise resolve 之后执行 第二个参数（函数）会在 promise reject之后执行为什么能在异步事件执行完成的回调之后再去触发 then 中的函数?引入事件注册机制(将 then 中的代码注册事件，当异步执行完了之后再去触发事件)怎么保证 promise 链式调用 形如 promise.
2020-05-25 19:20:22
271
原创 vue开发不同代理方式设置cookies
vue开发不同代理方式设置cookies1，使用vue-cli 2.x脚手架开发配置找到项目中的config文件夹下的index.js文件，dev对象内有一个proxyTable的配置项。 dev: { env: require('./dev.env'), port: 8888, host: '0.0.0.0', autoOpenBrowser: false...
2019-05-23 15:09:48
7498
原创 jQuery实现用户输入自动完成功能
jQuery实现用户输入自动完成功能利用jQuery UI中Auto-complete插件实现输入自动完成功能，大家在使用诸如淘宝、京东等电商平台搜索商品时，往往只要输入商品的一些特殊字符，就可以显示出和该字符相近的列表菜单，用户使用鼠标或者键盘方向键就可以快速选择，实现了很好的用户体验。1.最简单的用户输入自动完成<!doctype html><html lang="en"><head>
2017-02-26 15:31:34
557
原创 项目中Angularjs遇到的问题和优化总结
项目中Angularjs遇到的问题和优化总结由于本项目最低需要兼容ie8浏览器，所以在版本选择上选择Angularjs1.2版本。1.ng-if/ng-switch与ng-show/ng-hide区别选择ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中，本质是CSS属性操作display:none；display:block，而ng-
2017-02-26 15:30:16
3927
原创 jQuery实现自由拖动DIV插件
实现简单Div的拖动效果，主要分为三步。 1，需要拖动的Div拖动绑定，mousedown事件，鼠标mousedown的时候记录此时的鼠标相对浏览器的x轴和y轴，以及需要拖动Div的相对浏览器的left，top值，并且给拖曳标记赋值为true,代表拖动动作就绪。 2，绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用实现拖动区域的Div上绑定事件，而不用DIV元素的事件 ，mou
2017-01-12 14:10:02
7247
转载 Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript:IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Fire
2017-01-10 11:09:52
9388
翻译 jQuery插件开发二
jquery插件一开发一种介绍了如何写一个 简单的jquery插件，本篇进一步讲一下插件开发中的方法定义。下面，我们有了一个插件的基本层次：// Shawn Khameneh// ExtraordinaryThoughts.com(function($) { var privateFunction = function() { // 代码在这里运行 } va
2016-12-29 11:32:18
1730
翻译 jQuery插件开发一
jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建通常我们使用第二种方法来进行简单插件开发，说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的，而第一种方式又太简单，仅仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法
2016-12-29 11:22:12
527
原创 项目中Angularjs遇到的问题和优化总结
（1）ng-if 与ng-show ng-hide区别ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中，本质是CSS属性操作display:none；display:block，而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false，那么这个元素就会从页面中删除，否则会添加一个元素。ng-
2016-12-29 11:09:14
1764
原创 sublime text2 自动生成头部注释
1、在tool->new snippet…创建一个新的snippet sublime text2 用snippet 创建文件头部信息 Snippets are smart templates that will insert text for you and adapt it to their context. Snippet 是插入到文本中的智能模板并使这段文本适当当前代码环境. 程序员总是
2016-12-13 15:15:11
6685
原创 前端路由的不同方法实现
在讲前端路由之前，先说下后端路由，以及为什么出现了前端路由。 后端路由： 浏览器在地址栏中切换不同的url时，每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给前端显示，java web中的jsp就是如此实现的。常用的后台MVC模式的基本路由处理流程：浏览器输入一个url请求，从中找到Controller和Action的值，将请求传递给Controller处理，Controll
2016-12-08 10:49:29
7608
原创 javascript编程笔记
1. 快速排序算法方法一function quicksort(n,left,right){ var p; if(left<right){ p = position(n,left,right); quicksort(n,left,p-1); quicksort(n,p+1,right); }}function position(n,left,right){
2016-11-28 16:27:55
498
原创 使用Angularjs和Vue.js对比
使用Angularjs和Vue.js对比之前项目都是使用Angularjs，在初步使用Vue.js后做一个简答的对比笔记#首先当然是Hello World了~vue.js<div id="app"> {{ message }}</div>new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }}) ~Angul
2016-10-25 19:46:38
6366
原创 学习promise编写和使用
promise实现Promise是Javascript中的一种异步编程实现方式，js中异步编程主要是指浏览器DOM事件处理，setTimeout/setInterval,ajax等，通过传入回调函数来实现控制反转。Promsie对象符合CommonJS编程规范，目的是为异步编程提供统一接口，它最大的优点就是避免了回调金字塔。 假设要实现一个用户展示的任务，任务分为三步：获取用户信息获取用户图片
2016-03-31 10:51:40
721
原创 web文件上传大小限制
最近在项目中遇到上传文件，对上传文件的大小需要进行限制，这里学习和整理了一下一些常规的文件大小限制的方法。一般分为两种方式，一种是服务器端判断文件大小进行限制，这种方法的存在明显的缺陷，当用户过多后，数据上传到服务器之后，在对其进行监测，大大增加了宽带和服务器的压力。另一种是放在前端进行大小监测， 这种方式提前进行监测，可以有效减小服务器的压力。当上传的文件过大之后，可以使用百度开发的文件上传插
2016-03-28 21:33:53
4013
翻译 学习使用React一步步搭建普通博客应用
当我们考虑一些单页应用的时候（SPAs），一般考虑浏览器，JavaScript和速度，对搜索引擎是不可见的。由于单页应用使用JavaScript来渲染页面中的内容，同时web网络爬虫不通过浏览器来查看整个网页，这样就不能看到和索引页面中所有的内容。或者，更好的说，其中大部分是不能。一些开发人员试图以各种方式来解决这个问题。在服务器端使用Node.js在客户端使用React，我们可以构建通用的Java
2016-03-18 16:11:52
1070
原创 javascript创建构造函数时作用域安全，即怎样保证一直都是构造函数
在使用javascript利用面向对象的思想创建类和对象时，通常是使用构造函数，工厂方式，原型方式，原型构造函数方式等。 构造函数其实就是使用一个使用new操作符调用函数，当使用new调用时，构造函数内用到的this对象会指向新创建的对象实例，例如：function Person(name, age){ this.name = name; this.age = age;}var
2016-03-08 22:40:25
757
转载 js清空数组的三种方法
方法1，splice方法splice() 方法用于插入、删除或替换数组的元素。 例如：var arr = [1, 2, 3, 4];arr.splice(2,1,"Lemon","Kiwi");//第一个参数为删除和添加数组的起始位置，//第二个参数为删除多少个元素，//第三个参数为添加新的元素console.log(arr)//输出1,2,Lemon,Kiwi,4所以清空数组相当于删
2016-01-12 21:44:22
19362
原创 实现侧边栏工具（2）使用图标字体方式
前面讲了一下使用背景图片来实现侧边工具栏的一个实现效果，实现侧边栏工具（1）使用背景图片方式，可以看出这种方式的优缺点是 - HTML结构简单，容易阅读和理解 - 使用图片浏览器兼容性好，可以兼容ie6等低版本浏览器 - 缺点就是使用了大量的图片，对性能有一定的影响，并且不利于修改。 - 下面介绍一种使用图标字体来实现侧边栏工具条HTML结构html结构外层写一个toolbar类di
2015-12-24 11:00:33
1112
原创 实现侧边栏工具（1）使用背景图片方式
需要开发类似于优快云文章浏览右侧显示的工具条，如下所示 需要实现的效果如下： 1 HTML格式主要原理利用a标签和图片的sprite来实现 创建一个toolbat类的工具条div 点击a标签不产生任何效果<div class="toolbar"> a[href="javascript:;"].toolbar-item.toolbat-item-app*4</div>完整代码，公共
2015-12-23 22:37:37
1663
原创 sass和compass学习笔记2(compass)
在学习compass之前先看一下compass对compass是如何定义的。compass是一个开源的CSS自动化处理框架，而之前讲的sass是一种css预处理器，类似于less,stylus等。compass包含了各种用于样式的模块，它与sass关系类似于jquery与js一样，使用compass中封装的模块能够更加方便快速的编写css样式文件。关于compass的安装之前已经介绍过了，compa
2015-12-23 10:02:15
714
原创 Sass和Compass学习笔记（1）
为什么要学习Sass和Compass简单来说主要目标那么到底哪些人需要来学习sass和compass呢Sass的工作流程sass语法分类Sass语法Scss语法Sass和compass安装Ruby的安装安装Sass和文件创建compass安装和文件创建sass语法使用变量操作为什么要学习Sass和Compass简单来说，主要目标：使用Sass和compass可以写出更加优秀
2015-12-21 08:46:16
977
转载 欢迎使用优快云-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-12-17 18:51:36
351
原创 银行笔记
1，排序算法的时间复杂度，哪个小于nlogn2,Truncate table 和delete区别3，同步机制原则4，银行密码器的工作原理5，android四大组件6，html5特性，vedio实现7，unix进程间如何通信8，Linux结束后台进程命令9，Ipv4 ：205.3.127.13属于哪类一类10，java线程的实现方式，线程间同步的方式11，设计
2015-10-11 17:54:01
410
转载 javascript 笔试 做一个图片轮播的脚本
方法一： autoChangeImages --> #contain{ float:left; width: 900px; height: 240px; border: 1px dotted red;}.imageShow{
2015-10-08 21:30:27
693
转载 通用domReady方法，类似于jquery
function myReady(fn){ //对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式 if ( document.addEventListener ) { document.addEventListener("DOMContentLoaded", fn, false); } else {
2015-10-04 21:02:47
790
原创 如何让DIV水平和垂直居中三种方法
方法1 CSS实现水平和垂直居中要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。.mydiv{ width:300px; height:200px; position:ab
2015-09-27 20:14:46
9129
原创 javascript事件处理封装
var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);
2015-09-16 21:32:54
454
翻译 OpenLayers Labeled Features Example
1 DOCTYPE HTML> 2 3 head> 4 meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1
2015-09-16 14:50:30
547
原创 Javascript常用前台表单验证
1，前台界面<form action=""> <div class="mail"> <label for="mail"><span class="red">*</span>邮箱地址</label> <input type="email" id="mail" name="info[mail]" onblur="onblurFunc(this);" value=
2015-09-14 18:42:22
648
原创 javascript事件处理的三种方式
问题描述：如何实现如下功能单击输入框时，提示信息消失，输入框背景变黄色，但在浏览器其他地方后输入框显示提示消息 提交第一种：最为普遍，之间在标签加入事件监听 提交事件处理代码：var a = document.getElementById("name");function fun (x)
2015-08-25 14:30:06
1062
原创 3.5发布Web地图服务（WMS）
6.3.5发布Web地图服务（WMS）1. 发布地图图层在上一节中介绍了基于工作空间的数据存储器管理的地图图层，还提到可在图层列表中发布地图图层为WMS服务，对于已经发布过的地图数据还可以进行修改发布，如图6.3-46所示。图6.3-46地图图层发布预览从上图上可以看到每个图层有“Published”属性，表示当前图层是否发布，其后还有操作连接“Publishaga
2015-08-25 13:55:38
2065
原创 6.3.4部署地图数据
6.3.4部署地图数据本篇文章正式介绍基于GeoServer的地图数据部署实现，前提条件为成功搭建有GeoServer环境。实际上基于GeoServer部署shp格式的地图数据非常简单，对于GeoServer对应的磁盘物理层主要就是一个地图数据目录的概念，对于GeoServer应用系统来说则有三大重要知识点，分别为：工作空间（workspace）、存储器（store）和地图图层（layer），
2015-08-25 13:44:46
749
转载 WebSocket在java Tomcat中实现
现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客服端的浏览器。这种传统的HTTP request 的模式带来很明显的缺点 – 浏览器需要不断的向服务器发出请求，然而HTTP request 的header是非常长的，里面包含的数据可能只是一个很小的值，这样会占用很多的
2015-08-11 15:03:17
762
原创 java笔试
1，简单描述数组（vector）与链表（list）的区别以及应用场景。 (java)java中vetcor和ArrayList的区别 首先看这两类都实现List接口，而List接口一共有三个实现类，分别是ArrayList、Vector和LinkedList。List用于存放多个元素，能够维护元素的次序，并且允许元素的重复。 3个具体实现类的相关区别如下：1.ArrayList是最常用的Lis
2015-05-21 18:37:49
1035
转载 解决jQuery $.getJSON() 传递参数中文乱码问题
解决jQuery $.getJSON() 传递参数中文乱码问题前台js脚本：var submitDir=$("#submitDir"); submitDir.click(function(){ var dirName=$("#dirName").attr("value"); dirName=encodeURI(encodeURI(dirName));//两次使用
2015-04-15 13:50:02
915
原创 udig地图数据处理
7.2.2地图数据处理由于GeoServer只支持发布ArcGIS格式的地图数据，既.shp格式的地图数据。如果是别的厂商提供的地图数据则需要进行一次地图数据格式转化。本篇主要介绍如何查看、编辑地图数据的应用。这里我们的地图文件选用uDig管网所提供的地图数据文件，下载地址为http://udig.refractions.net/ ，下载压缩包地图文件名为udigdata_1_3.zi
2014-07-21 14:25:39
5818
原创 地图服务器Geoserver
7.2地图服务器GeoserverGeoServer定义：Geoserver是 OpenGIS Web 服务器规范的 J2EE 实现，利用 GeoServer 可以方便的发布地图数据，允许用户对特征数据进行更新、删除、插入操作，通过GeoServer 可以比较容易的在用户之间迅速共享空间地理信息。GeoServer主要特性：兼容 WMS 和 WFS 特性；支持 PostgreSQL
2014-07-21 13:47:03
1382
原创 搭建OpenGIS平台
第七章.搭建OpenGIS平台基于OpenGIS的地图服务就可以供网上任何能够发现它们的应用程序调用，甚至可以被其他的Web服务调用。利用Web服务技术，可以很好地实现服务在Internet层次上的互操作。OpenGIS作为访问地理信息和地理数据处理服务开放的标准接口，是解决数据共享与互操作问题的关键，本章基于OpenGIS利用开源地图服务器以及WebGIS客户端开发包Openlayers
2014-07-21 13:44:37
2973
chromeFOR.COM_allow-cors-access-control_v0.1.1.crx
2020-02-07
antvG2思维导图.xmind
2019-08-04
TortoiseSVN-1.8.0.24401-win32-svn-1.8.0.msi
2014-07-11
ARM7基础实验
2012-02-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人