孙霸天的专栏

服务请求模式原生Ajax原生Ajax即XMLHtpRequest (XHR),使用XMLHtpRequest对象异步请求数据，实现前端异步地与服务器交换数据，通过Ajax可以很容易地获取个URL上的数据，XMLHtpRequest最初由微软设计，随后Mila、Apple和Google都支持了(XMLHtpRequs).并被纳入W3C标准中。function ajax(url, fnSucc, fnFaild) {//创建Ajax对象 if (window.XMLHttpRequest) {

从后台获取数据后我遇到一个bug：（无法获取键值带引号的值）有的json数据的键值是没有引号的：{pk: "0000c972-ff4c-11e8-aa32-08002782624e", name: "乐陵市云红街道五里田", longitude: 0, latitude: 0, ph: 5.8,…}有的返回值的键值是由引号的：{"type":"Feature","proper...

1.const定义的变量不可以修改，而且必须初始化。（与Java的static相似）。const b=6;//定义后便是常量，无法修改2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。var 在外部定义就是全局变量，在函数内部定义就是局部变量；如果局部变量和全局变量重名后者会在函数域中覆盖全局变量，也就是说你无法在该域中正常调用重名的全局变量。va...

bootsrarp为表单验证提供了插件：BootstrapValidator，可以在官网和GitHub上查看1.引入头文件：<script src="${pageContext.request.contextPath}/lib/jQuery/jquery-3.3.1.min.js"></script><link rel="stylesheet" href=...

一、什么是css盒子模型css框模型(Box Model)规定了元素框处理元素内容(content)、内边距(padding)、边框(border)、外边距(margin)的方式。查看盒子模型请按F12通过控制台(或着使用查看器)去看。 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因...

准备：1.json字符串var jsonString="{”name“:"张三","value":"13"}";2.json对象var jsonObject={”name“:"张三","value":"13"};3.json数组var jsonArray=[{”name“:"张三","value":&quo

昨天，我在开发web地图功能的时候遇到了一些问题，我使用的json数据数据量太大了，在线传输的话客户端反应会很慢。说明一下，该json数据是村的边界数据，数量很多因此数据量达到了10兆，这是已经格式化好的数据。为此我立马想到了压缩数据，但压缩的时候遇到了无法解决的问题，我格式化好的数据有30万行，这个数据量太大让很多的在线压缩json的网页直接崩溃了，很尴尬。。。。。。换了好多的在线工具和...

这两天在学习使用json进行数据的存储和传输，特地总结一下，供以后复习。参考-菜鸟jiao教程JSON: JavaScript Object Notation(JavaScript对象表示法)。JSON是存储和交换文本信息的语法。类似XML。JSON比XML更小、更快，更易解析。{"sites": [{ "name":"one" , "url":"www.baidu.co...

1.保持div左右上下居中的方法：可以设置 div的 position属性为absolute 让后设置margin属性为auto，然后top:0,bottom:0;left:0;right:0,这样就可以保持为上下左右居中了。2.文本首行缩进的属性：text-indent 50px  允许为负值3.overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的...

在开发前端的时候我们经常需要使用弹窗功能，在一个界面上我们可能会使用到许多个弹窗，如果我点击弹窗多了，就会感觉很碍事，为了保证界面上只有一个div弹窗，我们必须给它一个判断，让它不共存。思路：使用ID选择器（也可以使用类class）进行控制，在一个div出现时让其余的div隐藏起来，用jQuery的选择器进行判断，其实很简单，下面看代码js：$("#anniu").click(fun...

今天我要实现的按钮的动态选中，就是说在一排按钮中选中某个按钮，这个按钮就会变色，其他按钮恢复原来颜色，目的是为了让人知道自己选中了哪个按钮，知道自己做了什么。功能其实不是很难，只需要使用jQuery的功能就能实现：分析一下思路，使用this进行判断当前是哪个按钮被选中了，然后用$().css改变当前按钮的颜色，在进行修改前需要进进行一个判断，首先把所有未被选中的按钮的颜色改变为默认颜色，这...

上一次讲了表单和地图联动的效果，这一次老板要求做一个侧边的导航栏，要看上去高大上！！！OK咱们继续，毕竟老板的要求是最高的指令。首先分析一下怎么做：1.侧边的导航栏需要可伸缩、隐藏（用Jquery实现是最快的）2.需要在导航栏里面添加按钮实现onclick事件（编写相关方法）3.标题需要在侧边栏里这么一想其实还是比较简单的，前端学习就我现在的感受是，必须要有扎实的基础和还不错的...

上一次我实现了表单数据的模糊查询，紧接着公司老总又有新的指示给我，要求我在table界面上实现表单数据和地图的联动跳转，也就是在table数据中加入onclick事件，当用户点击某行数据时跳转到map的特定点位置。听到上司的要求我有些紧张，因为我对该地图API的使用还没有一个概念，不确定用什么方法可行，不过我一个新手总不能老是怕东怕西，那我就没必要去学开发了，不会就是干！！！先过一遍思路：...

今天要做一个表格的搜索功能，于是开始了一段研究。数据是Ajax方法接收后台数据，我用一个表单 for循环展现它。先将前端页面写好: <div id="bg" style ="width:800px;height:400px;z-index:999;left:20%;top:100px;position:fixed;overflow:auto;filter:alpha(Op...

现在我在某家公司实习，项目总监兼技术总监让我们几个开发者，对他之前的项目进行修改和美化UI，我们主要负责前端的界面优化。由于我个人的专业关系(GIS)，特地给我加了一个任务对首页的map地图进行完善。本人的前端基础很差，在进行前端修改的时候内心慌的一笔，还好有两个前辈帮忙，我在旁边学习了不少的东西，总结一下这几天所学所悟。一、html:功能是用来搭建页面框架的，主要元素分为两种：内联和块...

jQuery是一个JavaScript函数库（就像Java的类，对有些功能进行封装，简化我们的代码重复工作）。jQuery是一个轻量级的“写得少，做的多”的JavaScript库。jQuery库包含以下功能：HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX utilities除此之外，jQue...