JavaScript
damon08708
互联网
展开
-
TypeError: Cannot read properties of null (reading ‘shapeFlag‘)
最后发现是ref定义的变量,在访问时没有使用。vue3 开发过程遇到这样一个报错。原创 2023-11-29 12:09:31 · 2242 阅读 · 0 评论 -
navigator.clipboard is undefined in JavaScript issue [Fixed]
剪贴板为undefined原创 2023-11-29 11:32:10 · 302 阅读 · 0 评论 -
React antd search Form And Table List
const sizeCol = { xs: { span: 22 }, sm: { span: 18 }, md: { span: 12 }, lg: { span: 8 }, xl: { span: 6 }, xxl: { span: 4 } } const formItemLayout = { labelCol: { xs: { span: 24 }, s...原创 2020-07-22 19:40:47 · 599 阅读 · 0 评论 -
IE 7 经典 bug html 标签没有内容 不能触发事件
IE 7 经典 bug html 标签没有内容 不能触发事件原创 2013-09-27 11:12:50 · 932 阅读 · 0 评论 -
AngularJS v1.2.13 兼容 IE7 $sce:iequirks
AngularJS v1.2.13 兼容 IE7 $sce:iequirkshttp://stackoverflow.com/questions/18506458/sceiequirks-strict-contextual-escaping-does-not-support-internet-explorer-ve应用到我的项目 改成:翻译 2014-03-05 20:59:13 · 5649 阅读 · 1 评论 -
angularjs error SCRIPT5022 ng:btstrpd (IE)
1. https://docs.angularjs.org/error/ng/btstrpdError: ng:btstrpdApp Already Bootstrapped with this ElementApp Already Bootstrapped with this Element '{0}'DescriptionOccurs when calling an原创 2014-09-09 16:43:28 · 4688 阅读 · 0 评论 -
参考 网站
http://www.chaozh.com/ 超然台上仙的知识库:产品设计,前端,CMS开发,独立游戏制作http://www.w3cschool.cc/ jquery ui 中文参考 (W3Cschoool菜鸟教程)http://www.wolfway.org/ 狼道,是一个致力于分享IT业界资讯、优秀软件、移动应用、前端开发、后台编程、用户体验设计、精品素材、网原创 2014-09-25 11:59:30 · 717 阅读 · 0 评论 -
新浪微博分享功能 你所不知道的吭爹策略
分享到微博 这个功能似乎已经成了网站的标配http://v.t.sina.com.cn/share/share.php?title=&url=&pic=它接受若干参数 最主要的就是url, title如果你传url给它 它会抓取你的网页,分析出网页上的图片然后列出来供你选择 如上图今天接到一个bug :就是某个网页,分享的时候没有图, 新浪就是不抓图你说新浪转载 2014-09-25 15:14:44 · 1210 阅读 · 1 评论 -
nodejs ejs 请求路径和静态资源文件路径
nodejs 开发和发布环境的差异,导致了 相对路径的问题。1. 发布环境 项目路由的变更。2. 开发和发布环境的不一致(路由的)。之前开发过java项目,在遇到相对路径 换乱的问题时,在jsp页面获取项目的(开发和发布的地址 在配置文件中)。从而解决了相对路径的问题。经测试/XXX 会跳转到 http://域名:端口/XXX ./XXX 会跳转到原创 2014-12-16 10:24:21 · 13300 阅读 · 0 评论 -
web中,要达到动画效果,每秒要移动多少像素呢?
在最近的实验中发现:如果每百毫秒,像素变化量在20-30之间,元素移动的视觉效果比较柔和,不慢不快~,这个数值刚好和 电影一般是24帧/秒或30(不是整数)帧/秒,大陆电视25帧/秒)有相似之处。注:左右,上小的像素变化量只要有一个在这个范围就可以了。原创 2013-02-22 14:24:16 · 1622 阅读 · 1 评论 -
再谈IE6之Fixed定位
众所周产于公元2002年、且当前为我国主流的IE6浏览器是不支持CSS2的静止定位属性fixed,蛋疼的前端工程师们为此发明了各种形式的解决方案:一、常规js解决之道这个方案最为古老,比IE6还老,且应用十分广泛:比如很多跟着滚动条走的对联广告就是使用此方案。缺点就是拖动滚动条元素抖动很厉害,虽然通过平滑处理可以改善下,效果仍然不理想。不过要说的是此方案虽然视觉效果差了那么一点,稳转载 2012-10-10 15:12:48 · 1447 阅读 · 0 评论 -
js ==与===区别(两个等号与三个等号)
1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,=转载 2012-06-14 15:01:44 · 710 阅读 · 0 评论 -
IE浏览器下上传文件的解决方案
1.//针对IE浏览器不能对File元素change事件进行正确的监听。$("#attachmentFile,#imageFile").live("click", function() { //针对IE浏览器不能对File元素change事件进行正确的监听。 if ($.browser.msie) {原创 2012-05-15 15:23:37 · 9443 阅读 · 0 评论 -
JQuery实例扩展,限制输入长度。
//描述:JQuery实例扩展,限制输入长度。 //$("#abc").maxLength(250) maxLength: function(maxLength) { var $textBox = this; $textBox.unbind("input propertychange change"); $textB转载 2012-02-15 15:02:17 · 5935 阅读 · 0 评论 -
判断变量是否存在,或者是否以某种类型存在
//判断变量是否存在,或者是否以某种类型存在//Object.exists(o) 判断变量是否存在//Object.exists(o,String); 判断变量是否以String类型存在//Object.exists(o,Number); 判断变量是否以Number类型存在//Object.exists(o,Boolean);//Object.exists转载 2012-02-15 14:06:38 · 1733 阅读 · 0 评论 -
把任意类型转成Boolean
/***把任意类型转成Boolean*eg:* parseBoolean(0);* o = undefined,null,0,"0",false,"False","" return false;* object,"非空字符",true,"True",非0的number return true*/Boolean.parseBoolean = parseBool转载 2012-02-15 14:04:47 · 1167 阅读 · 0 评论 -
JS 纠正previousSibling和nextSibling在IE和FF之间的差异
//原文链接:http://edu.xvna.com/html/75234.htmlaaaabbbbccccddddPRe">ipT LANGUAGE="javaScript"> document.getElementById("pre").onclick=function(){ var node=document.ge转载 2011-12-29 15:24:30 · 1937 阅读 · 0 评论 -
JavaScript 框架攻略-文件夹术语
JavaScript 框架攻略1、术语util : utilities 公用工程widgets : widgets 典型小产品, 小部件UI(可用Components代替) : user interface 用户界面 (一般指用户直接到的js插件,如弹出框)app : appl原创 2012-01-13 17:37:08 · 603 阅读 · 0 评论 -
zepto 研究
在有zepto的页面上,在控制台上输入 $() 。 在chrom下,显示为$() //[] 。而在 FireFox下, 显示为$() //Object { length: 0, selector: "" } 。刚开始很疑惑后来,百度了一下 (百度地址)1、jquery选择器$('selector')返回的不是数组,而是封装好的jquery对象。但这个对象有一个特别的地方,就是查询到的节点被以下标原创 2015-03-12 18:34:10 · 607 阅读 · 0 评论 -
字符中(\n \t)等转义字符的处理方法
今天遇到一个在移动客户端编辑的文本,然后再同步到web前端展示。当中后台没有对内容做 任何的处理,通过jsp的<% %>直接在页面中显示 \n\r\t 等无效的问题。解决的方法有两个:一个是 在后台对文本进行 \t\r\n 等的转换,转换为。 第二个是 用展示内容。原创 2015-03-23 15:33:05 · 8290 阅读 · 0 评论 -
js 正则表达式 ,除去字符串中 font-family:xxxx 这样的字符传
function removeFontFamily(contnet){ //remove repeat var unique = function(arr) { var result = [], hash = {}; for (var i = 0, elem; (elem = arr[i]) != null; i++) { if (!hash[elem])原创 2015-05-11 10:17:09 · 3838 阅读 · 2 评论 -
微信小程序 - 集合
navigationBarTitleText不生效原创 2019-04-22 10:13:21 · 1019 阅读 · 0 评论 -
js 模块化
CommonJS:CommonJs规范的出发点:JS没有模块系统、标准库较少、缺乏包管理工具;为了让JS可以在任何地方运行,以达到Java、C#、PHP这些后台语言具备开发大型应用的能力; 一个文件就是一个模块,拥有单独的作用域; 普通方式定义的变量、函数、对象都属于该模块内; 通过require来加载模块;通过exports和modul.exports来暴露模块中的内容; J...转载 2018-07-25 17:47:01 · 205 阅读 · 0 评论 -
webpack - 静态模块打包器 2. 加载器,解释器(loader)
作用: loader 用于对模块的源代码进行转换。loader 可以使你在 import “加载”模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript...转载 2018-07-19 19:56:19 · 257 阅读 · 0 评论 -
webpack 原理
webpack原理与实战翻译 2018-07-24 19:00:44 · 544 阅读 · 0 评论 -
webpack - 静态模块打包器 3. 插件(plugins)
插件是 webpack 的支柱功能。webpack 自身也是构建于,你在 webpack 配置中用到的相同的插件系统之上!插件目的在于解决 loader 无法实现的其他事。转载 2018-07-24 18:50:55 · 233 阅读 · 0 评论 -
webpack - 静态模块打包器 1. 入口起点(entry points)
配置文件中entry接受三种形式的值:字符串,数组和对象。 1. 对象entry对象形式如下:entry: { &lt;key&gt;: &lt;value&gt; ...}最先介绍对象形式,是因为这个是最完整的entry配置,其他形式只是它的简化形式而已。对象中的每一对属性对,都代表着一个入口文件,因此多页面配置时,肯定是要用这种形式的entry配置。 - ...转载 2018-07-17 15:28:01 · 285 阅读 · 0 评论 -
webpack - 静态模块打包器
本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle(捆)。...翻译 2018-07-02 15:05:45 · 733 阅读 · 0 评论 -
前端 - 安全
防止SQL 注入(主要靠后端解决) 所谓SQL注入,就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令,比如先前的很多影视网站泄露VIP会员密码大多就是通过WEB表单递交查询字符暴出的,这类表单特别容易受到SQL注入式攻击。 利用SQL注入漏洞登录后台...转载 2018-06-25 14:50:15 · 285 阅读 · 0 评论 -
js的构成 - BOM(浏览器对象模型,Browser Object Model)
浏览器对象模型(Browser Object Model)尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window ...转载 2018-06-14 11:36:53 · 232 阅读 · 0 评论 -
js的构成 - DOM(文档对象模型,Document Object Model)
HTML DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 通过DOM,可以访问所有的HTML元素,连同它们的文本和属性,可以进行修改、删除以及创建新的元素。 HTML文档中的所有元素(节点)组成了一个文档树(节点树、DOM树)。 文档中的每个元素(节点)属性、文本都代表着树中的一个节点,而document对象是一个文档...转载 2018-06-13 17:50:20 · 192 阅读 · 0 评论 -
js的构成 - ECMAScript( 欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)
ECMAScript 是 js核心的、跨终端的 标准。在浏览器(chrome谷歌由V8 js引擎实现,IE由Chakra js引擎实现,Firefox火狐由JägerMonkey js引擎实现 等等),服务端(nodejs由V8 js引擎实现)都可以使用。 参考列表: javascript解释器或引擎分析 ...转载 2018-05-16 18:52:34 · 682 阅读 · 0 评论 -
js的构成
欢迎使用Markdown编辑器写博客从来源中分类: javascript 宿主分为:浏览器,nodejs(服务器端),weex/RN,Tessel(嵌入式)等 宿主对象(host object) 由宿主提供的对象,在浏览器中window对象以及其下边所有的子对象(如bom、dom等等),在node中是globla及其子对象,也包含自定义的类对象。非宿主对象 原声对象(也叫...转载 2018-05-12 16:45:18 · 353 阅读 · 0 评论 -
js 数组随机排序
function randomArr(arr){ var _arr = []; var length = arr.length; for(var i; i<length; i++){ var random = Math.random() * arr.length; _arr.push(arr.splice(random, 1)); }转载 2016-10-24 13:34:11 · 1345 阅读 · 0 评论 -
angularjs 研究1 : 表单的验证
最近在项目中用到angularjs的表单验证,通过网上的一些文章和自己的感觉,可以大致中css样式(和ng-命令对应的class)和 js(格式为: 表单名.字段名.验证的点。如 loginForm.email.$invalid ) 两个方向上进行研究1.css样式:每个ng-命令都会在html代码中对应一个或多个className。如下图所示<form name="loginForm" ng-su原创 2016-07-25 14:09:06 · 1000 阅读 · 0 评论 -
js 遍历 object 属性和值的方法
guofunction( o, maxLevel, level ) { if ( typeof level == "undefined" ) { level = 0; } if ( typeof level == "undefined" ) { maxLevel = 0; } var str = ''; // Rem转载 2014-11-11 20:50:51 · 14147 阅读 · 0 评论 -
JS判断浏览器是否为IE6
今天在弄一个页面框架时,要对IE6(万恶的IE6)进行特别处理,刚开始用jQuery自带的jQuery.browser.version进行判断,发现在所有IE浏览器下(IE6,IE7,IE8)都是一个效果(应该是JQ的BUG吧),没办法,百度了下,发现可以用如下方法解决:varisIE6=false;document.write("isIE6=true;+"ipt>");if(转载 2011-03-30 18:09:00 · 6908 阅读 · 0 评论 -
JavaScript 和 Dom 之间的区别
1、HTML DOMHTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素翻译 2011-11-03 23:53:45 · 668 阅读 · 0 评论 -
js string 函数大全
<br />Js字符串操作函数大全<br /> <br /><br />String.prototype.LTrim = function()<br />{<br /> return this.replace(/(^/s*)/g, "");<br />}<br /><br /><br />String.prototype.Rtrim = function()<br />{<br /> return this.replace(/(/s*$转载 2011-03-28 11:20:00 · 7826 阅读 · 0 评论 -
好文章,可别搞没了!
<br />JavaScript语言中的Literal Syntax特性<br /> 我刚开始学习JavaScript的时候,老是会被JavaScript里的一些莫名其妙的语法形式搞的糊里糊涂的。而且也不知道到底它支持了多少那些莫名其妙的语法形式?现在通过这个几个月的深入了解,算是把它们弄得比较清楚了,所以下面就来说说JS的Literal Syntax特性。<br /><br /> JavaScript语言的文本化的特性?My God,难道有哪门语言的编写不是使用文本吗?不使用文本还能用啥?用意转载 2011-05-12 16:01:00 · 728 阅读 · 0 评论