..._吴杼恩_CSDN博客-JavaScript 相关知识,AngularJS知识点汇总,AngularJS领域博主

原创收集关于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

什么是 canvas?&amp;amp;amp;amp;amp;amp;lt;canvas&amp;amp;amp;amp;amp;amp;gt; 标签定义的是图形容器，必须使用脚本来绘制图形。 canvas技术指的是利用javascript操作canvas元素绘制图形的技术。注意: 默认情况下元素没有边框和内容&amp;amp;amp;amp;amp;amp;lt;canvas&amp;amp;amp;amp;amp;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分辨率怎么只有800600和1024768？

今天在公司的老电脑上安装了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选择时间

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第二版源代码下载

2015-04-07

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

2015-04-06

响应式网站PSD+html

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

2015-03-22

CSS3@font-face

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

2015-03-22