- 博客(146)
- 资源 (12)
- 收藏
- 关注
原创 javascript select 控件
用Javascript编写的一个全新的Select body { font-size: 12px; } .comm_select { display: inline-block; }
2009-12-04 11:14:00 534
原创 input输入框的bindinput事件,输入内容删除为空时无响应?
最近在做小键人打字小程序时,遇到一个问题。input输入框的bindinput事件,输入内容删除为空时无响应?那么找了很多资料也没有解决。社区上也没有人知道。于是,转了一个方向思考。
2022-12-09 17:52:16 602
原创 关于webpack项目中对于单组组分离打包的情况
91uu在线打字练习,与91小键人在线打字练习居于webpack 对项目中涉及到的组件打包问题 进行总结。以webpack 4.x进行打包对src 目录下的components 下的组件进行打包外引 script方式引用的话。1.package.json 安装打包时开发依赖devDependenciesclean-webpack-pluginoptimize-css-as...
2019-10-30 11:18:29 456
原创 关于 javascript抓取网络图片转成file上传
关于 javascript抓取网络图片转成file上传 var c = document.createElement("canvas"); var cxt=c.getContext("2d"); var img=new Image(); img.setAttribute("crossOrigin",'Anonymous'); img.onload=f...
2019-08-23 17:17:29 1674 1
原创 webpack4.0 相关插件集
let HtmlWebpackPlugin = require('html-webpack-plugin');//网页模板插件let MiniCssExtractPlugin = require('mini-css-extract-plugin');//样式打包插件let OptimizeCss = require('optimize-css-assets-webpack-plugin')...
2019-08-02 23:27:13 180
原创 对打字练的小键人的网站91xjr.com站资源打包,gulp独立分文件夹打包
dazi.91xjr.com 是如何打包资源文件呢。基本的环境准备工作如下:本节以(window 7下操作)1、NodeJs环境安装与配置2、gulp下载与使用一、NodeJs环境安装与配置关于什么是NodeJs就不详细介绍,简要说明,它就是用javascript 方式去操作系统资料的一个开发环境。是一个桥梁平台。大家可以去官网下载最新版本的,安装后进行环境变量的配置...
2018-12-24 09:15:05 6595
转载 关于移动设备h5 css自适应的写法
最近阅读白树的博文《移动web资源整理》时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位,同时给出了一段针对各个分辨率范围在html上设置font-size的代码:- Hide codehtml{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html...
2018-07-07 20:41:15 1299
原创 微信小程序的一些坑
1. 组件的问题 组件的样式是独立的,无法从全局继承,如需要在次在组件样式中引用 组件后期改面属性或数据的话,要手动 在组件中调用 this.applyDataUpdates(); 进行界面刷新2. 样式的问题 样式无法使用 backgorund image 是引用不到资源 字体图标 的字体要转base64引用才有效,当我们一般可以从http://www.iconfont.c...
2018-06-01 12:00:25 1730
原创 关于vue路由跳转无法销毁样式的问题
1. 问题起沿登录页我对body 进行 设计背景色,然后登录 成功后跳转到 主页。但是背景色还是存在。我的想法是跳后面应该主动去销毁相应的dom与样式才对。在vue 里并没有做。虽然网络上有朋友说,在style 那边加scoped 域样式的控制。 但这样子还是没有办法对body html 进行样式应用,我试了加上这样限制,vue 对路由的跳转后,还是没有进行这个组件的样式销毁。试想如果我很多...
2018-05-27 10:34:26 4451 4
原创 vscode es6语法配置检测
{ "eslint.options": { "parser": "babel-eslint", "parserOptions": { "ecmaVersion": 6, "sourceType": "module", "ecmaFeatures&quo
2018-05-26 08:22:03 6900
原创 移动web资源整理
2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络,页面打开慢低端机性能差——页面操作卡顿HTML5新技术多——学习成本不低未知问题——坑多面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可...
2016-05-12 10:42:45 279
原创 怪异模式(Quirks Mode)对 HTML 页面的影响
怪异模式(Quirks Mode)对 HTML 页面的影响Quirks Mode 概述定义什么是 Quirks Mode? 简单来说,Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。历史由渲染引擎产生的两种文档模式谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏...
2015-02-02 11:49:32 1011
原创 强制不使用“兼容性视图”的HTML代码
强制不使用“兼容性视图”的HTML代码在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标...
2015-02-02 11:04:19 177
原创 web前端新入培训
新人培训计划 第一周html+css1.从零开始学习(HTML+CSS基础)http://www.imooc.com/learn/91.1 Html介绍(什么是html,html与css样式的关系,html语法,html结构)1.2 认识标签(认识标签理解各各标签的作用以及用途)1.3 认识css样式(什么是css样式,css样式的语法,css样式有什么用途)1.4 CSS选择...
2014-08-18 09:43:30 218
样式优先级
从上到下执行原则样式优先级: 高到底 1~101. !important 2. 标签行内样式 3. 情景的class( #id .class) 4. id 5. 情景的class( .class 标签.class) 6. 情景的class( .class .class) 7. 情景的class( 标签.class) 8. 情景的class(...
2014-07-10 11:53:15 97
原创 IE对CSS样式表的限制和解决方案
HTML文档与CSS的关联常见有4种方式:使用link标记<link rel="stylesheet" type="text/css" href="sheet.css" />使用style元素<style type="text/css">body{background:#fff;}h1{font-size:2em;}<
2014-05-27 17:19:45 210
原创 定义文档兼容性,让IE按指定的版本解析我们的页面
使用文档兼容性的方法比较容易,就是在我们要反馈给客户端的HTML代码中的head中添加一个meta元素,用来描述当前的文档需要使用何种浏览器版本来解释当前文档,代码类似下面这样:code12345678910<html><head> <!-- Mimic Internet...
2013-10-19 11:00:27 114
原创 CSS3 icon font完全指南
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法。为什么要将icon做成字体?在很多网站项目中,我们常常会用到各种透明小图标,然后网站要兼容各个浏览器,也可能会有多个尺寸,甚至还要考虑换肤等需求。那么我们就要将这些小...
2013-10-10 11:29:00 102
原创 js 删除数组几种方法
var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr){ document.writ...
2013-09-20 22:40:54 147
原创 减少图片请求,分批加载图片
var lazyLoad = { Init: function () { return $("img[lazyload]"); }, Calculate: function (lazyloadobject) { var windowHeight = $(window).height(); var arrReturn = {...
2013-09-14 09:35:18 274
原创 flash重复请求加载问题
flash重复请求加载问题 当一个div里头放一个flash时,div 的显示隐藏 直接影响到 flash重新请求(用display情况)。所以要改用 visibility
2013-09-07 10:55:59 257
原创 新一代 javascript 模板引擎 artTemplate ,使用中的问题
artTemplate 新一代 javascript 模板引擎 ,这几天在写网格组件时以为这个很好用,一直用这个引擎。但发现一个问题 循环使用的话会很占用 空间时间 function rows(){var render = template.compile(source);var html = render(data);}for(var i=0;i<...
2013-09-06 15:44:11 109
原创 jQuery.event自定义事件机制-jQuery.event.special范例
什么时候要用到自定义函数?有些浏览器并不兼容某类型的事件,如IE6~8不支持hashchange事件,你无法通过jQuery(window).bind('hashchange', callback)来绑定这个事件,这个时候你就可以通过jQuery自定义事件接口来模拟这个事件,做到跨浏览器兼容。原理jQuery(elem).bind(type, callbakc)实际上是映射到 jQuery.e...
2013-08-16 17:19:20 146
原创 javascript对数组的操作
1. shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 2. unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //...
2013-07-30 14:32:12 74
原创 css ie6 下的png
.classPng{ position: absolute; left:200px; width: 361px;/*高度一定要设要不然背景会缩进*/ height:100px; /*高度一定要设要不然背景会缩进*/ background:url(images/mapSplit.png) no-repeat; /*IE6清除背景图*/ _background:none; /*用f...
2013-06-28 18:33:27 91
原创 <meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示...
<meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Int...
2013-06-26 14:54:44 118
原创 css 将图片进行编码,然后存在文档中,减少请求数
background-image: url(data:image/gif;base64,AAAA)这算是一种图片路径的新写法。将图片进行编码,然后存在文档中。我先解释一下各自含义:data: ----获取数据类型名称image/gif; -----指数据类型名称base64 -----指编码模式AAAAA ------指编码以后的结果。background-ima...
2013-03-29 15:07:02 124
原创 响应式布局这件小事
讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局)。一、什么是响应式布局?响应...
2013-02-28 11:49:44 189
原创 Node.js 究竟是什么?
http://www.ibm.com/developerworks/cn/opensource/os-nodejs/ Node.js 究竟是什么? 简介: Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。 ...
2012-12-25 10:56:42 119
原创 被误解的 Node.js
https://www.ibm.com/developerworks/cn/web/1201_wangqf_nodejs/ 被误解的 Node.js简介: 如果经常浏览各大技术网站,那么你会发现自己很难错过 Node.js,程序员们兴奋地说:JavaScript 也可以开发服务器端的程序了!没错,Node.js 的确为我们提供了这种便利,前台后台都用同一种语言实现。但这种兴奋,却...
2012-12-25 10:49:08 149
原创 nodeJS开发环境
nodeJS开发环境 1、平台搭建:1)Nodejs运行环境 下载地址http://nodejs.org/下一步就可以了,只能安装在C盘 2)安装完后,在开始菜单-》运行输入 cmd 进入命令控制台 然后输入:node –v 就可以查看当前按装的nodejs版本 3)简单试一下node运行环境,在命令控制台,输入以下...
2012-12-22 11:51:59 136
原创 web应用的优化规则
中文英文1、 减少http请求1、Make fewer HTTP requests2、 使用CDN内容分发2、Use a Content Delivery Network(CDN)3、 避免空的src或3、Avoid empty src or href 4、向文档添加一个有效期,告诉浏览器这个文档的有效性和持久性.如:服务器配置不常...
2012-12-20 11:03:08 86
原创 如何提高网页的效率(上篇)——提高网页效率的14条准则
如何提高网页的效率(上篇)——提高网页效率的14条准则 网站最基本的东西是什么?网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如...
2012-12-20 10:29:27 106
原创 谈iframe内存释放问题(转载)
(转载)随着Ajax的发展,使用javascript的RIA应用越来越多,用户在同一页面中驻留的时间越来越长,内存泄露和内存占用问题越来越值得RIA开发者的注意,当RIA应用中内存得不到合理的释放,内存使用量会持续上涨,造成RIA应用反应变慢甚至会造成用户浏览器崩溃。虽然这种问题很少显现,但并不是说明应用中不存在这种问题,只不过这些问题在用户页面跳转和关闭浏览器时被掩盖掉,当我们RIA应用要用户一...
2012-12-19 16:39:42 849
原创 CSS 在IE6, IE7 和IE8中的差别
选择器与继承伪类与伪元素属性支持其它各种技术重要bug和不兼容问题选择器与继承子选择器示例body > p { color: #fff;}描述子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。支持情况IE6NoIE7YesIE8YesBugs...
2012-11-27 16:48:58 97
原创 nodeType常量与dom操作方法
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9...
2012-11-27 10:55:23 135
原创 Web开发者的最爱 5个超实用的HTML5 API
Web开发者的最爱 5个超实用的HTML5 API摘要:毫无疑问,HTML5已经成为当今最流行的一门技术,尤其是Web开发者们对HTML5的兴趣是日趋渐浓。HTML5的许多功能也都能在现代浏览器中得以实现。然而,作为开发者,除了关注HTML5的功能和开发工具外,你有对其API留意过吗?本文将为你提供5个非常实用的API,绝对让你收获满满!HTML5革命给Web开发者们带来许多超...
2012-11-14 23:02:28 77
原创 responseXML为空?
responseXML为空? 这个问题困住我一个月多,今天决定花心思理一下。问了好多同事与朋友。也查了很多东西。都无解! 网络上操作是把response.responseText 进行转 try { var parser = new DOMParser(); this.xmlDoc = parser.parseFromString(xmlString...
2012-11-14 12:00:15 414
elicpse3.4插件visual editor(ve)1.4+emf2.4+gef3.4完美整合版,适合eclipse3.4
2009-12-07
107个常用Javascript语句
2009-11-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人