- 博客(146)
- 资源 (12)
- 收藏
- 关注
RSS订阅
原创 javascript select 控件
用Javascript编写的一个全新的Select body { font-size: 12px; } .comm_select { display: inline-block; }
2009-12-04 11:14:00
521
原创 input输入框的bindinput事件，输入内容删除为空时无响应？
最近在做小键人打字小程序时，遇到一个问题。input输入框的bindinput事件，输入内容删除为空时无响应？那么找了很多资料也没有解决。社区上也没有人知道。于是，转了一个方向思考。
2022-12-09 17:52:16
536
原创 关于webpack项目中对于单组组分离打包的情况
91uu在线打字练习，与91小键人在线打字练习居于webpack 对项目中涉及到的组件打包问题 进行总结。以webpack 4.x进行打包对src 目录下的components 下的组件进行打包外引 script方式引用的话。1.package.json 安装打包时开发依赖devDependenciesclean-webpack-pluginoptimize-css-as...
2019-10-30 11:18:29
415
原创 关于 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
1625
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
164
原创 对打字练的小键人的网站91xjr.com站资源打包，gulp独立分文件夹打包
dazi.91xjr.com 是如何打包资源文件呢。基本的环境准备工作如下：本节以(window 7下操作)1、NodeJs环境安装与配置2、gulp下载与使用一、NodeJs环境安装与配置关于什么是NodeJs就不详细介绍，简要说明，它就是用javascript 方式去操作系统资料的一个开发环境。是一个桥梁平台。大家可以去官网下载最新版本的，安装后进行环境变量的配置...
2018-12-24 09:15:05
6293
转载 关于移动设备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
1278
原创 微信小程序的一些坑
1. 组件的问题 组件的样式是独立的，无法从全局继承，如需要在次在组件样式中引用 组件后期改面属性或数据的话，要手动 在组件中调用 this.applyDataUpdates(); 进行界面刷新2. 样式的问题 样式无法使用 backgorund image 是引用不到资源 字体图标 的字体要转base64引用才有效，当我们一般可以从http://www.iconfont.c...
2018-06-01 12:00:25
1690
原创 关于vue路由跳转无法销毁样式的问题
1. 问题起沿登录页我对body 进行 设计背景色，然后登录 成功后跳转到 主页。但是背景色还是存在。我的想法是跳后面应该主动去销毁相应的dom与样式才对。在vue 里并没有做。虽然网络上有朋友说，在style 那边加scoped 域样式的控制。 但这样子还是没有办法对body html 进行样式应用，我试了加上这样限制，vue 对路由的跳转后，还是没有进行这个组件的样式销毁。试想如果我很多...
2018-05-27 10:34:26
4353
4
原创 vscode es6语法配置检测
{ "eslint.options": { "parser": "babel-eslint", "parserOptions": { "ecmaVersion": 6, "sourceType": "module", "ecmaFeatures&quo
2018-05-26 08:22:03
6856
原创 移动web资源整理
2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络，页面打开慢低端机性能差——页面操作卡顿HTML5新技术多——学习成本不低未知问题——坑多面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可...
2016-05-12 10:42:45
257
原创 怪异模式（Quirks Mode）对 HTML 页面的影响
怪异模式（Quirks Mode）对 HTML 页面的影响Quirks Mode 概述定义什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。历史由渲染引擎产生的两种文档模式谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏...
2015-02-02 11:49:32
940
原创 强制不使用“兼容性视图”的HTML代码
强制不使用“兼容性视图”的HTML代码在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标...
2015-02-02 11:04:19
159
原创 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
205
样式优先级
从上到下执行原则样式优先级: 高到底 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
90
原创 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
200
原创 定义文档兼容性，让IE按指定的版本解析我们的页面
使用文档兼容性的方法比较容易，就是在我们要反馈给客户端的HTML代码中的head中添加一个meta元素，用来描述当前的文档需要使用何种浏览器版本来解释当前文档，代码类似下面这样：code12345678910<html><head> <!-- Mimic Internet...
2013-10-19 11:00:27
105
原创 CSS3 icon font完全指南
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将这些小...
2013-10-10 11:29:00
94
原创 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
140
原创 减少图片请求，分批加载图片
var lazyLoad = { Init: function () { return $("img[lazyload]"); }, Calculate: function (lazyloadobject) { var windowHeight = $(window).height(); var arrReturn = {...
2013-09-14 09:35:18
265
原创 flash重复请求加载问题
flash重复请求加载问题 当一个div里头放一个flash时，div 的显示隐藏 直接影响到 flash重新请求（用display情况）。所以要改用 visibility
2013-09-07 10:55:59
241
原创 新一代 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
96
原创 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
134
原创 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
69
原创 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
86
原创 <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
112
原创 css 将图片进行编码，然后存在文档中,减少请求数
background-image: url(data:image/gif;base64,AAAA)这算是一种图片路径的新写法。将图片进行编码，然后存在文档中。我先解释一下各自含义：data: ----获取数据类型名称image/gif; -----指数据类型名称base64 -----指编码模式AAAAA ------指编码以后的结果。background-ima...
2013-03-29 15:07:02
116
原创 响应式布局这件小事
讲到响应式布局， 相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果， 设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通 过CSS3 Media Query实现响应布局）。一、什么是响应式布局？响应...
2013-02-28 11:49:44
175
原创 Node.js 究竟是什么？
http://www.ibm.com/developerworks/cn/opensource/os-nodejs/ Node.js 究竟是什么？ 简介： Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。 ...
2012-12-25 10:56:42
108
原创 被误解的 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
137
原创 nodeJS开发环境
nodeJS开发环境 1、平台搭建：1）Nodejs运行环境 下载地址http://nodejs.org/下一步就可以了，只能安装在C盘 2）安装完后，在开始菜单-》运行输入 cmd 进入命令控制台 然后输入：node –v 就可以查看当前按装的nodejs版本 3）简单试一下node运行环境，在命令控制台，输入以下...
2012-12-22 11:51:59
121
原创 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
79
原创 如何提高网页的效率（上篇）——提高网页效率的14条准则
如何提高网页的效率（上篇）——提高网页效率的14条准则 网站最基本的东西是什么？网站最基本的东西是什么？——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如...
2012-12-20 10:29:27
96
原创 谈iframe内存释放问题（转载）
(转载)随着Ajax的发展，使用javascript的RIA应用越来越多，用户在同一页面中驻留的时间越来越长，内存泄露和内存占用问题越来越值得RIA开发者的注意，当RIA应用中内存得不到合理的释放，内存使用量会持续上涨，造成RIA应用反应变慢甚至会造成用户浏览器崩溃。虽然这种问题很少显现，但并不是说明应用中不存在这种问题，只不过这些问题在用户页面跳转和关闭浏览器时被掩盖掉，当我们RIA应用要用户一...
2012-12-19 16:39:42
831
原创 CSS 在IE6, IE7 和IE8中的差别
选择器与继承伪类与伪元素属性支持其它各种技术重要bug和不兼容问题选择器与继承子选择器示例body > p { color: #fff;}描述子选择器选择一个特定父级元素的所有直接子级元素，在上面的例子中，body是父元素，p是子元素。支持情况IE6NoIE7YesIE8YesBugs...
2012-11-27 16:48:58
90
原创 nodeType常量与dom操作方法
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9...
2012-11-27 10:55:23
127
原创 Web开发者的最爱 5个超实用的HTML5 API
Web开发者的最爱 5个超实用的HTML5 API摘要：毫无疑问，HTML5已经成为当今最流行的一门技术，尤其是Web开发者们对HTML5的兴趣是日趋渐浓。HTML5的许多功能也都能在现代浏览器中得以实现。然而，作为开发者，除了关注HTML5的功能和开发工具外，你有对其API留意过吗？本文将为你提供5个非常实用的API，绝对让你收获满满！HTML5革命给Web开发者们带来许多超...
2012-11-14 23:02:28
72
原创 responseXML为空？
responseXML为空？ 这个问题困住我一个月多，今天决定花心思理一下。问了好多同事与朋友。也查了很多东西。都无解！ 网络上操作是把response.responseText 进行转 try { var parser = new DOMParser(); this.xmlDoc = parser.parseFromString(xmlString...
2012-11-14 12:00:15
393
elicpse3.4插件visual editor(ve)1.4+emf2.4+gef3.4完美整合版，适合eclipse3.4
2009-12-07
107个常用Javascript语句
2009-11-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人