- 博客(181)
- 资源 (34)
- 收藏
- 关注
RSS订阅
原创 一些常用的前端功能
文字无缝向左滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/j
2023-06-15 10:20:03
1305
原创 收集关于angular与JS的一些常见问题 总结
1：angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！这个是因为异步返回之后，指令的编译已经...
2017-02-19 14:10:59
862
原创 那些奇葩而又常见的前端问题（遇到就更新）
textarea 用disabled在ie下没有滚动条，改用readonly即可防止在ie下输入特殊字符导致生成 邮件link document.execCommand("AutoUrlDetect", false, false);//防止在ie下输入特殊字符导致生成 邮件link异步提交表单，总是走进error函数而不走success函数，后台已经保存...
2016-10-24 16:17:45
806
原创 angular2 开发遇到的问题
1：插件使用，要一同引入 不然报错 “ \ Changes detected. Rebuilding...X [ERROR] NG8001: 'sf-dashboard-overview' is not a known element:”
2024-01-30 18:14:11
589
原创 RxJS 操作符-学习笔记
此操作符的一个常见用例是在页面加载(或其他事件)时你希望发起多个请求，并在所有请求都响应后再采取行动。当所有 observables 完成时，将每个 observable 的最新值作为数组发出。如果内部 observable 不完成的话，forkJoin 永远不会发出值！
2024-01-05 17:42:26
1486
原创 Angular 2 学习笔记
1、模块 (Modules)：2、3、模板 (Templates)：4、元数据 (Metadata)：5、数据绑定 (Data Binding)6、指令 (Directives)7、服务 (Services)：8、依赖注入 (Dependency Injection)9、路由（Route）：建立URL路径和组件之间的对应关系，根据不同的URL路径匹配对应的组件并渲染。
2023-12-14 10:38:18
1499
原创 Rxjs 学习笔记 - 简化版
RxJS 全称 Reactive Extensions for JavaScript，翻译过来是 Javascript 的响应式扩展，它是一个采用流来处理异步和事件的工具库，简单来说。
2023-12-12 14:33:38
1151
原创 TypeScript 学习笔记
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript。TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript 是一种面向对象的编程语言。
2023-12-04 17:09:46
953
原创 Handsontable 学习
string，标识如何在更改数组中描述此更改的字符串（在afterChange或beforeChange回调中有用）。对于负值，-1指向最底部的标头（最靠近单元格的标头）。方法，除非应用了某些修改（即更改了行/列的顺序，跳过了某些行/列）。，它从最顶部的覆盖中返回TD元素。例如，如果想要的单元格位于固定行的范围内，它将从。至少获取一次表中生成的所有单元格元设置（按照单元格初始化的顺序）。不计算部分可见的列。返回呈现列数，包括在表视口外部部分或完全呈现的列。返回呈现的行数，包括在表视口外部分或完全呈现的行。
2023-06-16 11:25:24
727
原创 js6语法
1：Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历属性的键名。2:Object.values方法返回一个数组，成员是参数对象自身的所有属性的键值。上面代码中，属性名为数值的属性，是按照数值大小，从小到大遍历的，因此返回的顺序是b、c、a。3: Object.entries方法返回一个数组，成员是参数对象自身的所有属性的键值对数组。除了返回值不一样，该方法的行为与Object.values基本一致。
2023-06-15 13:10:52
502
原创 contenteditable=“true“ ----＞window.getSelection() 获取光标位置 & 光标位置插入内容
contenteditable="true" , window.getSelection()
2022-03-31 16:14:39
2461
1
原创 ipad 下面的jQuery UI 实例 - 缩放（Resizable）没有效果
下载jquery.ui.touch-punch.min.js 引用到页面中即可，不需要写其它额外编码。简单介绍jQueryUITouchPunch类库它通过模拟事件来将鼠标事件匹配touch事件.作用是只需要按照jQueryUI的方法调用，就会自动在移动设备上支持触摸事件...
2019-07-29 17:15:39
522
原创 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
201
原创 通过addEventListener 绑定的事件会出现多次调用方法的情况
原代码window.addEventListener("message", function( event ) {alert(1)});修改方案window.onmessage=function(event){alert(666)}
2019-03-13 18:03:42
6557
4
原创 监听 页面size 有改变
jQuery(document).bind("DOMSubtreeModified",{},function(){alert(666)});
2019-03-07 13:17:34
327
原创 升级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
529
原创 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
3271
翻译 Handsontable实例的核心方法
addHook （方法名，回调函数）：为Handsontable实例添加事件侦听器例：hot.addHook('beforeInit', myCallback); addHookOnce （方法名，回调函数）：为Handsontable实例添加一次性事件侦听器例：hot.addHookOnce('beforeInit', myCallback);alter （act...
2018-08-08 14:15:42
8678
翻译 Handsontable单元格类型
学习重点 注册一个单元格类型 预览内置和自定义单元格类型 单元格类型的解剖注册一个单元格类型当您创建一个自定义单元格类型时，一个好的做法是将它作为一个别名分配给以下默认类型。 Handsontable默认定义9个默认类型：autocomplete for Handsontable.cellTypes.autocompletecheckbox for Handsonta...
2018-07-16 18:21:57
2627
原创 HTML5 Canvas学习笔记
什么是 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
1237
翻译 Handsontable -单元格功能
于Handsontable中的每个单元格，都有三个相关的功能。 renderer editor validator 每个函数都负责不同的单元格行为。您可以单独定义它们，或者使用单元格类型同时定义这三种类型。我们现在将详细讨论上述功能的目的。RendererHandsontable不直接显示存储在数据源中的值。相反，每当需要在表单元格中显示来自数据源的值时，都会将其与HTMLTa...
2018-07-06 18:20:25
5764
1
翻译 hansontable编辑器
Handsontable 主要可以分为两大块，渲染器（负责显示数据）和编辑器（负责修改数据）。 由于渲染器的任务比较简单，只是获取单元格的值并将其作为HTML代码返回，所以它们可以是单个函数。而编辑器需要处理用户输入(即鼠标和键盘事件)、验证数据并根据验证结果进行操作，因此将所有这些功能放在一个函数中是不现实的，所以Handsontable编辑器是由编辑器类来表示。接下来我们看下Handso...
2018-07-05 13:20:10
2549
1
原创 OpenSeadragon学习笔记
OpenSeadragon是一个可以显示多层图片（可放大缩小）的Web库，基于JavaScript，支持桌面和手机。 OpenSeadragon旨在让你把它的控制绑定到完全由你自定义的界面（例如，自定义一个按钮，按下就执行OpenSeadragon界面里的控制）。图片准备OpenSeadragon支持很多图片协议和格式，通常这些图片都是由很多图片的切片组成的，例如一张很大的图，需要剪裁成...
2018-07-03 18:41:20
6314
1
原创 关于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
1528
转载 怎样通过JQ获取元素的真实的高度（包含小数点）
最近在项目中踩到一个坑，顺利解决后，分享一下。在项目中需要获取一个图片的高度，而它的宽度是百分比的，所以得它的高度，则是根据浏览器缩放来定义的。这里我假设这个图片是ele，我是这么获取图片的：$("ele").height() 但是通过浏览器发现，这个ele实际的高度 假设为 24.13px;然而通过上面的jq方法，获取到的高度只能是24px !因为还要继续对这...
2017-10-27 19:34:00
2664
转载 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
1114
转载 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
11862
原创 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
951
转载 angular指令心得（ng-model）
angular指令心得（ng-model）在项目中编写指令，常常会依赖其他的指令来实现想要达到的功能，其中最常用到的便是ng-model，它为我们明确了需要绑定的属性，虽然在指令中可以通过通过使用独立作用域的”=”来进行双向绑定，但使用ng-model更能简化指令的传值，符合angular的使用习惯。指令依赖angular中编写自定义指令是通过require属性来指定查
2017-05-27 09:37:45
1006
转载 浅谈Angular中ngModel的$render
下面小编就为大家带来一篇浅谈Angular中ngModel的$render。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧在我开始着手ngModel的领域时候，有一个问题很令我纠结，那就是$render()到底是做什么的呢？查了很多资料都只是简单的描述一下，这就令我很纠结了，终于在一个阳光明媚的晚上，我终于解决了这个大问题那么这个$rend
2017-05-27 09:10:12
818
转载 学习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
880
原创 循环里有多个表单空间该如何给model
select{width:150px} {{roleValue[ $index ]}} dddvar app = angular.module('myApp', []);app.controller("myCtrl", ["$scope", function( $scope ){ $
2017-03-29 14:33:27
479
原创 关于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
383
转载 深入 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
407
原创 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
546
转载 外部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
2804
转载 iphone/ipad前端开发技巧
iPad开发的局限性在iPad上使用Safari浏览普通网站网页的时候，网页因为太大而导致需要手动放大缩小或者滑动，虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道，但时间久了我们还是会发现这样做并不方便，给用户带来的感受并不十分好。不支持Flash在没有越狱的iPad Safari中，网站的Flash都是无法显示的，但可以通过第三方软件或插件或者浏览器来解决，不过，即使不能显
2016-10-19 18:06:29
1677
兼容所用到的脚本
2015-01-12
bootstarp时间组件
2014-12-30
JS&JQ表单美化代码
2014-10-30
让你快速搭建一个bootstrap页面
2014-10-20
CSS3仿移动淘宝左下角扇形菜单效果
2015-07-30
fullPage.js — 回调函数演示和animate.css使用
2015-07-30
仿照手机端淘宝抢购页面---淘抢购，滑动tab选择时间--优化版
2015-07-28
适用于多种设备的的滑块幻灯片插件--Swiper
2015-05-29
jQuery QQ表情插件jquery.qqFace.js
2015-05-06
CSS3@font-face
2015-03-22
将pdf转换为swf在web页面中显示
2015-02-07
自适应轮播图 修复ie9bug
2015-02-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人