自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(170)
  • 资源 (34)
  • 论坛 (20)
  • 收藏
  • 关注

原创 收集关于angular与JS的一些常见问题 总结

1:angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!这个是因为异步返回之后,指令的编译已经...

2017-02-19 14:10:59 671

原创 那些奇葩而又常见的前端问题(遇到就更新)

textarea 用disabled在ie下没有滚动条,改用readonly即可防止在ie下输入特殊字符导致生成 邮件link document.execCommand("AutoUrlDetect", false, false);//防止在ie下输入特殊字符导致生成 邮件link异步提交表单,总是走进error函数而不走success函数,后台已经保存...

2016-10-24 16:17:45 573 1

原创 ipad 下面的jQuery UI 实例 - 缩放(Resizable)没有效果

下载jquery.ui.touch-punch.min.js 引用到页面中即可,不需要写其它额外编码。简单介绍jQueryUITouchPunch类库它通过模拟事件来将鼠标事件匹配touch事件.作用是只需要按照jQueryUI的方法调用,就会自动在移动设备上支持触摸事件...

2019-07-29 17:15:39 194

原创 js 扫基础

setTimeout延时0毫秒的作用console.log(1);setTimeout(function() { console.log(2);}, 0);console.log(3);打印出的结果应该依次是: 1 3 2. why?js是单线程的,是基于事件循环的。setTimeout函数是异步的,异步的事件会加入一个队列,当同步的任务执行完之后,才会执行。对数组...

2019-05-29 16:18:32 60

原创 通过addEventListener 绑定的事件会出现多次调用方法的情况

原代码window.addEventListener("message", function( event ) {alert(1)});修改方案window.onmessage=function(event){alert(666)}

2019-03-13 18:03:42 3717 2

原创 监听 页面size 有改变

jQuery(document).bind("DOMSubtreeModified",{},function(){alert(666)});

2019-03-07 13:17:34 129

原创 升级jq 后出现的bug修复

我们目前的网站比较老,大概有10年以上的历史了,里面引出了各种版本的jq,有V1.3.2,V1.7.2,V1.8.2,V1.11.1。由于之前网上遭遇过黑客攻击且勒索,后来解决问题之后,公司出了钱请了专业的人士排查我们站点上面代码存在的一些漏洞。其中jq 要统一引用 V1.12.2版本,由此引出了一大堆问题,下面针对问题修复的办法,可能不是最好的,但却是我最快想到的,如果大家有更好的办...

2018-09-05 16:29:41 221

原创 Karma & Jasmine 安装

1:安装 node.js 直接下载点击根据提示 即可2  安装Karma:执行CMD 命令: npm install -g karma3:CMD 命令进入到测试目录 4:在测试目录中执行 CMD 命令 npm install    5:注意我在目录中执行 karma start 方法会报错,我就根据提示在当前目录中安装 就死活安装不得你要回到...

2018-08-10 17:18:11 216

翻译 Handsontable实例的核心方法

addHook (方法名,回调函数):为Handsontable实例添加事件侦听器例:hot.addHook('beforeInit', myCallback); addHookOnce (方法名,回调函数):为Handsontable实例添加一次性事件侦听器例:hot.addHookOnce('beforeInit', myCallback);alter (act...

2018-08-08 14:15:42 5054

翻译 Handsontable单元格类型

学习重点 注册一个单元格类型 预览内置和自定义单元格类型 单元格类型的解剖注册一个单元格类型当您创建一个自定义单元格类型时,一个好的做法是将它作为一个别名分配给以下默认类型。 Handsontable默认定义9个默认类型:autocomplete for Handsontable.cellTypes.autocompletecheckbox for Handsonta...

2018-07-16 18:21:57 1453

原创 HTML5 Canvas学习笔记

什么是 canvas?<canvas> 标签定义的是图形容器,必须使用脚本来绘制图形。 canvas技术指的是利用javascript操作canvas元素绘制图形的技术。 注意: 默认情况下 元素没有边框和内容<canvas&amp

2018-07-11 11:53:49 894

翻译 Handsontable -单元格功能

于Handsontable中的每个单元格,都有三个相关的功能。 renderer editor validator 每个函数都负责不同的单元格行为。您可以单独定义它们,或者使用单元格类型同时定义这三种类型。我们现在将详细讨论上述功能的目的。RendererHandsontable不直接显示存储在数据源中的值。相反,每当需要在表单元格中显示来自数据源的值时,都会将其与HTMLTa...

2018-07-06 18:20:25 3031 1

翻译 hansontable编辑器

Handsontable 主要可以分为两大块,渲染器(负责显示数据)和编辑器(负责修改数据)。 由于渲染器的任务比较简单,只是获取单元格的值并将其作为HTML代码返回,所以它们可以是单个函数。而编辑器需要处理用户输入(即鼠标和键盘事件)、验证数据并根据验证结果进行操作,因此将所有这些功能放在一个函数中是不现实的,所以Handsontable编辑器是由编辑器类来表示。接下来我们看下Handso...

2018-07-05 13:20:10 1130 1

原创 OpenSeadragon学习笔记

OpenSeadragon是一个可以显示多层图片(可放大缩小)的Web库,基于JavaScript,支持桌面和手机。 OpenSeadragon旨在让你把它的控制绑定到完全由你自定义的界面(例如,自定义一个按钮,按下就执行OpenSeadragon界面里的控制)。图片准备OpenSeadragon支持很多图片协议和格式,通常这些图片都是由很多图片的切片组成的,例如一张很大的图,需要剪裁成...

2018-07-03 18:41:20 2613

原创 关于jqui datepicker 使用enter选择日期后 点击input 没有打开日期控件问题

只需要在 input 的 keydown 事件中 绑定 //清除日期 $scope.clearDate = function($event) { if($event.keyCode == 8|| $event.keyCode == 46){ DateUtilClass.clearDat...

2018-02-13 11:10:13 1200

转载 怎样通过JQ获取元素的真实的高度(包含小数点)

最近在项目中踩到一个坑,顺利解决后,分享一下。在项目中需要获取一个图片的高度,而它的宽度是百分比的,所以得它的高度,则是根据浏览器缩放来定义的。这里我假设这个图片是ele,我是这么获取图片的:$("ele").height() 但是通过浏览器发现,这个ele实际的高度 假设为 24.13px;然而通过上面的jq方法,获取到的高度只能是24px !因为还要继续对这...

2017-10-27 19:34:00 2048 2

转载 JSON.parse()和JSON.stringify()

parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。stringify

2017-10-27 18:10:05 967

转载 AngularJS中【Error: [$rootScope:inprog]】的解决办法

Error: [$rootScope:inprog]http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply如果使用以下代码提交变量更改[javascript] view plain copy$scope.$apply()  

2017-10-25 17:17:30 6364

原创 ie ng-repeat生成的option 表达式没有解析出来

解决方式 增加一个label 属性且赋值name即可

2017-10-25 16:16:45 397

原创 ie onbeforeunload 请求后台 断开连接

方法一:解决方法是 在卸载页面前 请求一个img ,src 是要请求的url //页面卸载保存session $window.onbeforeunload = function(){ var params = { taskId : $rootScope.taskInfo.taskId, afterId :$scope.defaultSetting.lastTaskI

2017-09-01 18:36:32 532

转载 angular指令心得(ng-model)

angular指令心得(ng-model)在项目中编写指令,常常会依赖其他的指令来实现想要达到的功能,其中最常用到的便是ng-model,它为我们明确了需要绑定的属性,虽然在指令中可以通过通过使用独立作用域的”=”来进行双向绑定,但使用ng-model更能简化指令的传值,符合angular的使用习惯。指令依赖angular中编写自定义指令是通过require属性来指定查

2017-05-27 09:37:45 355

转载 浅谈Angular中ngModel的$render

下面小编就为大家带来一篇浅谈Angular中ngModel的$render。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧在我开始着手ngModel的领域时候,有一个问题很令我纠结,那就是$render()到底是做什么的呢?查了很多资料都只是简单的描述一下,这就令我很纠结了,终于在一个阳光明媚的晚上,我终于解决了这个大问题那么这个$rend

2017-05-27 09:10:12 634

转载 学习AngularJs:Directive指令用法(完整版)

本教程使用AngularJs版本:1.5.3AngularJs GitHub: https://github.com/angular/angular.js/AngularJs下载地址:https://angularjs.org/摘要:Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性

2017-03-30 09:42:03 380

原创 循环里有多个表单空间该如何给model

select{width:150px}            {{roleValue[ $index ]}}    dddvar app = angular.module('myApp', []);app.controller("myCtrl", ["$scope", function( $scope ){     $

2017-03-29 14:33:27 296

原创 关于JavaScript性能的一些总结

一:用定时器代替for循环for循环append()内容到dom中,是要等循环结束后才会在dom 中显示出来,如果改用定时器,就会一条一条的显示在页面中。 var index = 0; var times = window.setInterval(function(){ setSub4Workflow(data[index], false, false, s

2016-12-26 11:14:17 296

转载 深入 AngularUI Router

翻译:深入 AngularUI Router原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.htmlui-router: https://angular-ui.github.io/ui-router/site/#/api/ui.router ui-router 是 AngularUI 库提供的特别有用的一个部分,是

2016-12-06 16:24:10 300

原创 angular 各scope 通信

iframe 中的 controller 访问 父页面中的controller a页面 var app = angular.module('datasheet', []);app.controller('dsViewCtr', function($scope) { $scope.fullScreen=function(){ var scope

2016-11-24 15:09:01 404

转载 外部js调用Angular控制器中的函数方法或变量用法示例

<!DOCTYPE html><html ng-app="myApp"id="myApp">  <meta name="viewport"content="width=device-width"/>  Test  <script src="~/Content/Js/Plugins/AngularJS/angular.m

2016-11-22 10:07:57 2402

转载 iphone/ipad前端开发技巧

iPad开发的局限性在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要手动放大缩小或者滑动,虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道,但时间久了我们还是会发现这样做并不方便,给用户带来的感受并不十分好。不支持Flash在没有越狱的iPad Safari中,网站的Flash都是无法显示的,但可以通过第三方软件或插件或者浏览器来解决,不过,即使不能显

2016-10-19 18:06:29 1013

原创 ipad下的常见问题(持续更新)1

1:ipad中div contenteditable=true无法输入div[contenteditable="true"]{ background:red;}

2016-10-18 15:22:16 308

转载 iPad 手指触摸与PC鼠标事件

这对于普通网页的浏览需求而言,基本可以做到与PC端浏览器无明显差异。但是如果你正在做一款与用户有着强交互的WebAPP程序,比如一个html5小游戏或者图片处理工具什么的,那么依赖默认模拟恐怕不能满足产品的需求。    一个通常的建议是:在iPad上(或者说各个移动终端上),你的WebAPP应该能处理好TouchEvent,而不再依赖于MouseEvent。    然而如果你的WebAPP

2016-10-18 14:13:11 951

原创 光标位置插入元素

按下alt+enter键盘在光标位置插入""元素实现换行效果.测试环境:chrome,firefox和ie11(ie11-版本没有测试)1:contenteditable="true"的元素 div.bind("keydown",{},function(e){ var e = e || window.event; ds._ieAltEn

2016-10-11 12:26:07 535

转载 Ubuntu 14.04分辨率怎么只有800*600和1024*768?

今天在公司的老电脑上安装了Ubuntu 14.04 32位版,主板是铭瑄的G41,显示器是飞利浦的21.5寸液晶(飞利浦的226V4LSB/93),这个配置和我家里的差不多,我家里的电脑也是G41的主板,显示器是三星的19寸液晶。可是相同的安装光盘,怎么安装了之后,我家里的电脑可以显示宽屏的分辨率,而公司的电脑则只有两个正屏的4:3的分辨率,请问得怎么调宽屏的分辨率出来呢?公司整套主机的配置如

2016-09-20 09:13:13 2684

原创 你可能不知道的CSS的一些属性

1:unicode-bidi 属性与 direction 属性一起使用,来设置或返回文本是否被重写,以便在同一文档中支持多种语言。用法:unicode-bidi: normal|embed|bidi-override|intitial|inherit;值描述normal默认。不使用附加的嵌入层面。embed创建一个

2016-09-09 10:25:34 349

原创 推荐一款linux下的对比工具

Meld1:命令安装: sudo apt-get install meld2:打开界面

2016-09-08 16:57:04 222

转载 js获取元素高度比较

网页可见区域宽:document.body.clientWidth(不包括滚动条)网页可见区域高:document.body.clientHeight(不包括滚动条)网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body

2016-09-07 12:39:59 645

转载 jquery的clone方法应用于textarea和select时,value值丢失

textarea和select的值clone的时候会丢掉,在clone的时候将val再重新赋值一下就可以了.测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,,比较简单。就是在clone的时候将val再重新赋值一下,如果知道这个了,就简单了。引入到你要用的c

2016-08-26 14:22:04 2811 2

原创 table colspan 影响到其他td的宽度

问题页面:解决方法:加上这个CSS:"table-layout:fixed;" .sf-pd-table{ table-layout:fixed; }

2016-08-26 13:55:56 1034

转载 网站性能优化大集合

重排和重绘网页生成的时候,至少会渲染一次。用户访问的过程中,还会不断重新渲染。以下三种情况,会导致网页重新渲染。修改DOM修改样式表用户事件(比如鼠标悬停、页面滚动、输入框键入文字、改变窗口大小等等)重新渲染,就需要重新生成布局和重新绘制。前者叫做"重排"(reflow),后者叫做"重绘"(repaint)。需要注意的是,"重绘"不一定需要"重排

2016-07-20 16:31:19 280

转载 解决jquery的datepicker的本地化以及Today问题

默认情况下,在该控件点击“today”按钮是直接调到当前日期的附近,如果需要选择当前日期,还需要我们自己手动点击,有的时候我们需要单击Today (今天) 直接在input 中显示日期,而不是跳转到今天的地方而需要用户再次点击日期修改方法很简单,在script中添加这段代码: jQuery.datepicker._gotoToday = function (id) { var

2016-06-21 11:31:42 1588

bootstarp时间组件

里面有两个种类 一个兼容到ie7以上 一个只能兼容到ie9 大家看自己的项目要求引用 具体用法请参看文章 http://blog.csdn.net/qianqianyixiao1/article/details/42234809

2014-12-30

bootstarp3时间组件兼容ie8

bootstarp3时间组件bootstrap-datetimepicker运用例子兼容ie8

2014-12-30

下载网站的工具 --个人用的 几个 觉得这个可以可以

下载网站的工具 --个人用的 几个 觉得这个可以可以 推荐大家使用

2014-11-24

JS&JQ表单美化代码

自己写的一些表单美化按钮 集单选按钮多选按钮下拉列表 有详细的讲解 可以用来学习 或者直接复制到项目中 原生javascript和jQuery实现 兼容IE5+

2014-10-30

模仿人家网站做的bootstrap几个页面

模仿人家网站做的bootstrap几个页面 兼容IE8+ 在IE8上测试 网站要放置在服务器上

2014-10-30

jquery瀑布流插件

收集了一个jquery瀑布流插件供大家学习

2014-10-30

bootstrap模板

以上能快速搭建bootstrap网站资源

2014-10-20

让IE8以下兼容HTML5标签和CSS3高级选择器

ie8以下兼容HTML5和css3高级选择器

2014-10-20

让你快速搭建一个bootstrap页面

个人整理的一个万能的bootstrap模板,让你快速搭建一个bootstrap页面,兼容Ie8,ie8以下要在服务器上才能看的出来效果哦,你可以自己在本地搭建一个服务器如iis

2014-10-20

hansontable_api

hansontable api

2017-02-21

CSS3仿移动淘宝左下角扇形菜单效果

CSS3仿移动淘宝左下角扇形菜单效果 ---适合在移动端使用 没有在PC端老浏览器中兼容 。 在移动端打开背景色也许会有问题,这里将css背景色改为背景图即可,具体可以参考淘宝做法

2015-07-30

fullPage.js — 回调函数演示和animate.css使用

fullPage.js — 回调函数演示和animate.css使用 兼容浏览器ie8(滚动效果可以支持到IE7+,CSS3动画支持到IE8+) 参看文章 http://blog.csdn.net/qianqianyixiao1/article/details/47148329

2015-07-30

仿照手机端淘宝抢购页面---淘抢购,滑动tab选择时间--优化版

仿照手机端淘宝抢购页面---淘抢购,滑动tab选择时间 ---优化版 其他用法---可以参看文章 http://write.blog.csdn.net/postedit/47001683

2015-07-28

仿照手机端淘宝抢购页面---淘抢购,滑动tab选择时间

仿照手机端淘宝抢购页面---淘抢购,滑动tab选择时间

2015-07-27

兼容pc,wap 选项卡tabs+焦点图slider

兼容pc,wap 选项卡tabs+焦点图slider,可点击,可触摸,可自动轮播的

2015-07-02

适用于多种设备的的滑块幻灯片插件--Swiper

今天为大家推荐一款支持多种设备(移动端,平板,pc端)的滑块幻灯片插。我测试的是ie7.可以查看我的博客http://write.blog.csdn.net/postedit/46230475

2015-05-29

仿照手机淘宝网站图片延时加载

我们用手机打开淘宝触屏版首页,页面是你看到多少就加载多少,从上到下滑动加载,默认不加载。

2015-05-28

jQuery QQ表情插件jquery.qqFace.js

我们在QQ聊天或者发表评论、微博时,会有一个允许加入表情的功能,点击表情按钮,会弹出一系列表情小图片,选中某个表情图片即可发表的丰富的含表情的内容。今天和大家分享一款基于jQuery的QQ表情插件,您可以轻松将其应用到你的项目中。

2015-05-06

锋利的jq第二版源代码下载

锋利的jq第二版源代码下载

2015-04-07

ajax应用开发典型实例--源码

ajax应用开发典型实例--源码

2015-04-06

响应式网站PSD+html

自己做的一个响应式网站 大家可以下载研究 这个网站没有用到其他框架 都是一个一步一步写 的 详情可以到我的博客上查看

2015-03-22

CSS3@font-face

CSS3 @font-face实现个性化字体 制作页面的时候,我们常用“font-family ”来定义字体,然而我们用“font-family “定义的字体在用户的浏览器中是否可以呈现取决于用户的电脑上是否有安装我们定义的字体。在网络上我们经常可以看到国外的一些网站使用了一些不常见而又很漂亮的字体,而这些字体用户的电脑上一般是没有安装的,那么我们今天就来介绍下如何在页面中使在用户电脑上没有安装的字体。 支持IE876

2015-03-22

将pdf转换为swf在web页面中显示

利用FlashPaper将pdf转换为swf在使其能在web页面中显示,兼容各大浏览器 测试版本ie7+ 具体操作见博客 http://blog.csdn.net/qianqianyixiao1/article/details/43601645

2015-02-07

自适应轮播图 修复ie9bug

修复前一个“自适应轮播图 ” ie9以下的bug 兼容IE6+ ie6下面要做一些CSShack 可以参考文章http://blog.csdn.net/qianqianyixiao1/article/details/42584361

2015-02-02

The Responsive jQuery Content Slider

自适应带左右箭头轮播图

2015-02-02

带左右箭头按钮的js循环滚动图片特效代码

兼容IE7+ IE6图片格式改下 带左右箭头按钮的js循环滚动图片特效代码

2015-01-22

圆形进度条

CSS+javascript制作的圆形进度条 兼容ie6+

2015-01-15

兼容所用到的脚本

请配合文章使用 http://blog.csdn.net/qianqianyixiao1/article/details/42584361 主要包含让ie6浏览器兼容png图片格式,支持圆角盒子阴影,文字阴影,html5标签

2015-01-12

javascript入门经典第四版源码下载

javascript入门经典第四版源码下载

2015-01-11

高度仿真IE6

高度仿真IE6前端测试工具。不用安装 直接下载 打开就能用

2015-01-10

响应式轮播图

支持响应式的轮播图

2015-01-08

支持触摸轮播图

几个支持手指触控的轮播图供大家项目开发和学习

2015-01-07

菜单滚动监听

分享一个菜单滚动监听代码

2015-01-04

bootstarp中的滚动监听

提取了bootstrap3中的滚动监听脚本代码,可以运用在各类项目中,该项目不一定是基于bootstrap构建的

2015-01-04

为什么程序员 转行的那么多?

发表于 2016-04-05 最后回复 2020-01-28

ipad 下面的jQuery UI 实例 - 缩放(Resizable)没有效果 有人知道怎么解决吗

发表于 2016-10-18 最后回复 2019-07-29

江湖救急,请帮忙小女子解决一下JQuery handsontable插件的菜单contextMenu问题

发表于 2016-05-30 最后回复 2019-05-31

大家有用蓝光眼镜吗?

发表于 2018-08-29 最后回复 2018-09-17

关于上周的“加班”帖子

发表于 2016-04-11 最后回复 2018-08-29

你们做程序的一般回家是不是都很努力学习?

发表于 2016-04-27 最后回复 2018-08-29

是不是最苦逼的职业就是技术(程序员)?

发表于 2016-04-07 最后回复 2018-08-29

关于angular ui.router 路由问题

发表于 2016-04-28 最后回复 2018-08-29

为什么外界都认为ui工程师(前端)的工作内容很简单

发表于 2016-04-21 最后回复 2018-08-29

我是做前端的,不想找做程序的,很难吗?

发表于 2016-08-11 最后回复 2018-08-29

做了三年前端 腰酸背疼 你们真打算一直做代码做到老?有想过其他出路么?

发表于 2017-09-25 最后回复 2018-08-29

我想知道我们程序员到底能赚多少

发表于 2018-07-24 最后回复 2018-08-29

大家是怎么在iPad下做视频自动播放的?

发表于 2016-12-19 最后回复 2018-08-29

前端3年 准备知识 转个行

发表于 2016-03-29 最后回复 2018-08-29

为什么最近看技术帖子,这么多女找IT男做男友?

发表于 2016-04-06 最后回复 2018-08-29

求帮忙 tinymce

发表于 2016-05-10 最后回复 2018-08-29

angular 同IP地址的两个应用 你们怎么拼在一起的?

发表于 2016-12-16 最后回复 2018-08-29

大家有用蓝光眼睛吗?

发表于 2018-08-29 最后回复 2018-08-29

我们总是无偿加班,这样好吗?

发表于 2016-04-06 最后回复 2016-09-07

经常换工作你们 觉得正常吗

发表于 2016-04-14 最后回复 2016-05-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除