![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 51
風缘
前端路上
展开
-
js 将用连接符连接的英文字符串转换成驼峰命名的三种方法
在最近工作中有遇到将连接符连接的英文字符串转换成驼峰命名的需求 例如将register-box-body –> registerBoxBody 总结以下三种方法原创 2017-10-23 11:07:41 · 3671 阅读 · 0 评论 -
jquery批量设置和获取表单数据
大家在提交表单和给表单赋值的时候是像下面这样写的: 要是表单很长的话真是要泪奔。。。 有人说获取数据可以给jquery添加serializeObject方法:** * 表单序列化为json对象 * 用法:var savaData = $('#Form').serializeObject(); */$.fn.serializeObject = function () { ...原创 2018-06-15 18:04:52 · 1701 阅读 · 0 评论 -
百度地图做电子围栏总结
先上图: 需求:在地图上画出围栏,设置围栏信息后保存,生成围栏列表。全选时,地图视野可看到全部的围栏区域,单独勾选会调整地图视野到当前勾选的围栏。围栏区域的中心点要显示围栏名称。 主要的难点(对于我而言)不在于画,而在于设置地图视野和围栏区域的中心点显示围栏名称,其实也不算难,主要是花比较多时间去看百度地图api,还有动手实践。(所以还是那句老话百度找不到答案就去看api文档,答案...原创 2018-06-05 15:28:25 · 18275 阅读 · 11 评论 -
jquery实现表格复杂表头
先上图: 目前在做一个表格插件,表格的表头是根据一个数组生成,如果只是普通的单层表头很容易实现,但是如果是复杂的表头,就要挺麻烦的,主要是我的数组结构是树形数组,实现需要递归,递归过程要考虑到<th> 的 colspan和rowspan 的设置,我自己对递归也不是很懂,只能慢慢摸索。其实自己手写一个复杂的表头也不难,自己就先写一个简单的找规律:<table clas...原创 2018-05-16 10:29:48 · 4643 阅读 · 1 评论 -
JavaScript数组原型方法
本文转自点击打开链接数组原型方法主要有以下这些:join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (...转载 2018-03-14 10:34:02 · 458 阅读 · 0 评论 -
javascript 对象封装的常用方式
常规封装function Person(name, age, sex) { this.name = name; this.age = age; this.sex = sex;}Person.prototype = { constructor: Person, sayHello: function () { console.log('hello'); }}v...原创 2018-03-22 17:38:45 · 187 阅读 · 0 评论 -
jquery后台系统内页链接跳转左侧菜单选中到当前页
该案例主要说的是左侧菜单固定,内容主要通过iframe或者ajax引入的后台系统页面。当内容页面有个链接点击跳到另外一个菜单页,左侧菜单要选中当前跳转页面对应的菜单。我写的后台界面是用iframe实现:在iframe页面中<a href="#" class="btn btn-default btn-block" onclick="jumpUrl('baoxianyujingguanli/ba...原创 2018-03-05 17:43:22 · 2748 阅读 · 0 评论 -
bootstarp后台界面iframe模态框遮罩问题
问题如下图:模态框代码写在子页面中才会出现这种情况,因为iframe中的模态框只显示在iframe区域。其实百度看了一些解决方法感觉挺麻烦的,自己想了下发现其实可以很简单的解决。思路:frame中的模态框只显示在iframe区域 =》让frame区域覆盖整个页面 =》导航和侧边菜单使用定位 =》默认情况下frame区域(position: relative)的z-index值小于导航和侧边菜单的z...原创 2018-03-05 17:03:34 · 1668 阅读 · 0 评论 -
理解JavaScript 闭包
转载地址:点击打开链接1、闭包,一睹为快在接触一个新技术的时候,我首先会做的一件事就是找它的 demo。对于我们来说,看代码比自然语言更能理解一个事物的本质。其实,闭包无处不在,比如:jQuery、zepto的核心代码都包含在一个大的闭包中,所以下面我先写一个最简单最原始的闭包,以便让你在大脑里产生闭包的画面:12345678function A(){ function B(){ ...转载 2018-03-11 14:05:46 · 162 阅读 · 0 评论 -
深入理解 call,apply 和 bind
本文转自:点击打开链接在JavaScript 中,call、apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解,并列出几个经典应用场景。1、call(thisArgs [,args...])该方法可以传递一个thisArgs参数和一个参数列表,thisArgs 指定...转载 2018-03-15 15:14:28 · 184 阅读 · 0 评论 -
undefined 与 null 的区别
本文转自:点击打开链接最近在看《JavaScript高级程序设计》一书,书中讲到相等操作符(==)时说,要比较相等性之前,不能将 null 和 undefined 转换成其他任何值,但要记住 null == undefined 会返回 true 。的确,在ECMAScript规范中也是这样定义的,但我认为这样来理解这件事情,似乎有些浮于表面,网上也有很多关于这个问题的文章,下面我希望从一个全新的角...转载 2018-03-15 11:09:15 · 201 阅读 · 0 评论 -
编写js技巧
一.用&&,||赋值var foo = 10;foo == 10 && doSomething(); // 等价于 if (foo == 10) doSomething();foo == 5 || doSomething(); // 等价于 if (foo != 5) doSomething();在A&&B中,当A为true,则返回B;A为fal...原创 2018-01-25 16:50:18 · 1664 阅读 · 0 评论 -
打造自己的 JavaScript方法工具库
前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到 日期格式化、 url参数转对象、 浏览器类型判断、 节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到 npm,以提高开发效率。常用函数汇总这里先分类整理下,之前项目中多次用到的工具函数。1.Array1.1 a转载 2017-12-27 10:33:07 · 3547 阅读 · 0 评论 -
bootstrap datetimepicker 插件设置开始时间结束时间
在项目中有用到 bootstrap的datetimepicker插件来选择日期。现在要求实现的是选择一段时间范围,有开始时间和结束时间两个表单选择 当先选择开始时间,再选结束时间不能选择小于开始时间的时间。先选择结束时间,开始时间不大于结束时间。以下是实现代码 var dateOptions = { language: 'zh-CN', format: 'yyyy-mm-dd原创 2017-12-25 11:46:06 · 8424 阅读 · 0 评论 -
拖拽的原理
这个问题之前在面试的时候有遇到过,现在整理一下,这样也能更好的理解事件流。原创 2017-10-24 15:17:42 · 1937 阅读 · 1 评论 -
js将有父子关系的数据转换成树形结构数据
接口返回的数据是像allRes这样的数组:let allRes = [ { resourcesId: 4, resName: "删除角色", resParentId: 2 }, { resourcesId: 3, resName: "编辑角色", resParentId: 1 }, { resourcesId: 2,原创 2017-10-25 18:22:12 · 15157 阅读 · 11 评论 -
javascript学习笔记
刚开始学习javascript做的笔记,现在也时不时看看,都是基础的东西原创 2017-10-23 14:07:55 · 330 阅读 · 0 评论 -
图解 event.pageX event.clientX event.offsetX get BoundingClientRect
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。eve...原创 2018-12-12 23:42:16 · 1224 阅读 · 0 评论