Web前端
文章平均质量分 55
晨枫navy
优秀的人总能看到比自己更好的,而平庸的人总能看到比自己更差的。努力后你会发现自己要比想象的更优秀。所以,我们要记住这一句话:跟别人学,跟自己比;越是努力,越有幸运 ; 越是担当,越又成长 ; 越是感恩,越有福报。越是付出,越能得到。
展开
-
CSS3一些常用的特效属性
-- 超出范围显示省略号a {overflow: hidden;width: 140px;/* 单行超出显示 ... */height: 18px;line-height: 18px;white-space:nowrap; /* 规定段落中的文本不进行换行: */text-overflow: ellipsis; /* 文本超出范围省略 */display: inline-block;/* 文本超出2行text-overflow: ellipsis;d...原创 2020-11-02 15:24:01 · 174 阅读 · 0 评论 -
Node.js创建http服务器简单实现
/** * Created by navy on 2016/4/6. */var http=require("http"); //创建http服务var fs=require("fs"); //读取文件var url=require("url"); //获取url信息var path=require('path');/*创建服务*/var server=http.createSe原创 2016-04-07 16:15:18 · 442 阅读 · 0 评论 -
Node.js调用本地摄像头拍摄上传
server.jsvar express=require('express');var fs=require('fs'); //文件操作var bodyParser = require('body-parser');var app=express(); //创建web应用程序app.use(bodyParser.urlencoded({extended:false}))原创 2016-09-12 08:52:47 · 12193 阅读 · 0 评论 -
Node.js实现多图片上传
express.jsvar express = require('express');var fs=require('fs'); //文件操作var app=express(); //创建web应用程序var multer=require('multer'); //这是一个Node.js的中间件处理multipart/form-datavar upload=multer({de原创 2016-09-12 08:55:17 · 3930 阅读 · 0 评论 -
利用WebStorm来管理你的Github
什么是GithubGithub是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目,以最简单的方式来说,其实就是一个代码库,上面有全世界无数优秀的码农上传自己的作品和大家共享(当然,Github本身有免费账户和收费账户,收费账户才能使用私人管理,也就是你的项目将不会被公开)。仅仅是个代码库,当然是没有办法火起来的,Github除了可以给用户自己管理项目外,还允许用户跟踪其转载 2016-09-05 18:32:50 · 1654 阅读 · 0 评论 -
EasyUI容易被js脚本攻击的基本处理
修改EasyUI中的jquery.easyui.min.js文件,如下:原创 2016-08-26 12:00:16 · 3313 阅读 · 0 评论 -
邮箱自动补全
自动补全body,*{padding:0px;margin:0px auto;font-family:"微软雅黑";}#regemail{border:1px solid #999;height:20px;line-height:20px;width:200px; color:#666;}#maillist{position:原创 2016-08-26 12:10:18 · 454 阅读 · 0 评论 -
nodes.js中的session
node.js中如何使用session缓存数据原创 2016-09-21 21:12:13 · 541 阅读 · 0 评论 -
Node.js使用qq邮箱实现邮件发送
//先需要使用 npm install nodemailer 安装邮件发送的组件var nodemailer = require("nodemailer");var transporter = nodemailer.createTransport('smtps://:@smtp.qq.com');var mailOptions={ from :"", //发信邮箱原创 2016-09-25 17:15:38 · 4461 阅读 · 2 评论 -
js实现文本框中内容的放大显示
文本框放大function $(id){return document.getElementById(id);}function showBigInfo(obj){var bigObj;if(!$("bigInfo")){bigObj=document.createElement("span");bigObj.se原创 2016-10-06 11:40:14 · 1833 阅读 · 0 评论 -
使用css3实现div的自动剧中
div{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}翻译 2016-12-04 09:05:07 · 1576 阅读 · 2 评论 -
let和const命令
来源:http://es6.ruanyifeng.com/let和const命令let命令块级作用域const命令顶层对象的属性顶层对象let命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // R转载 2016-12-04 09:07:03 · 320 阅读 · 0 评论 -
Easy UI1.5中多级取值(子属性取值)
Easy Ui1.5中的Filed是不支持子属性取之的,即不能使用成员运算符.,如newsType.tname这样是无法取到值的。不过我们可以通过修改jquery.easyui.min.js源码来解决这个如果。如下图所示。将11113行中的代码修改为如下代码:var _825;try{_825=eval("_822['"+_824.replace(/\./g,"']['")原创 2017-01-04 15:44:54 · 730 阅读 · 0 评论 -
Node.js中的全局对象global(一)
通过node执行js与我们平时在浏览器中执行js有所不同,平常我们在网页中执行js代码,我们的全局对象就是window,而所谓的最顶级的global对象,在浏览器中无法直接访问,我们只能通过window这个代理来访问到全局对象的相关属性。但是在node中,我们是可以直接访问到全局对象global的,如: console.log(global); //我们可以直接输出global对象翻译 2016-03-20 10:49:56 · 6480 阅读 · 0 评论 -
下拉刷新
JS版 下拉刷新body{margin:0px auto;padding:0px;}*{margin:0px auto;padding:0px;}#mainContent{margin-top:20px;width:200px;height:300px;border:1px solid #ccc;overflow:sc原创 2015-08-11 09:25:49 · 602 阅读 · 0 评论 -
下拉刷新简单模拟
无标题文档$(function(){$("#showInfo").scroll(function(){if($(this).height()+$(this).scrollTop()==$("#innerInfo").outerHeight(true)){var str="你好"+new Date()+""+"你好"+new Date()+""+"你好"+new Date()原创 2015-05-07 10:55:51 · 863 阅读 · 0 评论 -
Easy UI1.3.5 filed子属性取值
Easy Ui1.3.5中的filed是不支持子属性取之的,即不能使用成员运算符.,如customer.cname。可修改jquery.easyui.min.js源码解决。如下图所示。 将源码中9075行中的var _69f=_69c[_69e];改为如下图9075中的var _69f = eval("_69c['" + _69e.replace(/\./g, "']['")翻译 2015-04-01 09:30:51 · 495 阅读 · 0 评论 -
html5本地存储实现购物车
商品购买页面 在线销售系统 function addShoppingCart(id,name,price,pic){ var isSave=false; var goods = localStorage.getItem("goods");//取回goods变量 goods = J原创 2015-04-01 09:32:23 · 5772 阅读 · 1 评论 -
CSS的一些问题
CSS引入的方式有哪些? link和@import的区别是?内联 内嵌 外链 导入link和@import的区别是: @import url("CSS文件"); 两者都是外部引用CSS的方式,但是存在一定的区别: 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。 区别2:link翻译 2015-04-01 09:33:26 · 553 阅读 · 0 评论 -
购物车Jquery的实现
效果图html部分当当网购物车页面 根据您挑选的商品,当当为您推荐 ·JavaScript DOM编程艺术 ¥39.00 ¥29.30 购买原创 2015-04-01 09:36:34 · 2975 阅读 · 0 评论 -
html5中IE、火狐、谷歌图片上传预览
点击上传function fileSelect(){var e=arguments.callee.caller.arguments[0]||window.event;var files=e.target.files;//要上传的文件列表对象 var reg = /image\/.*/i; //文件格式验证var p=document翻译 2015-04-01 09:35:18 · 441 阅读 · 0 评论 -
图片轮换
html代码图片轮换原创 2015-04-19 23:39:43 · 817 阅读 · 0 评论 -
省市级联兼容IE、火狐、谷歌、360
注意:谷歌浏览器不允许加载本地的xml文件,所以必须放到服务器中,才能看到效果。三级省市级联//IE中创建xml dom的方法function createXmlDomIE(){var arr=["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDoc原创 2015-04-14 09:45:17 · 1080 阅读 · 0 评论 -
JQuery实现文本放大效果
html页面无标题文档*{margin:0px;padding:0px;}$(function(){$("#info").bigShow([3,3,4,4,4]);}) 需要放大原创 2015-04-29 18:32:01 · 908 阅读 · 0 评论 -
EasyUI datagrid toolbar常用的两种形式
第一种 $(function(){$('#userInfo').datagrid({ url:'../json/customerAction_getCustomerInfo', fitColumns:true, striped:true, nowrap:true, loadMsg:'数据正在加载,请稍后...',翻译 2015-05-01 11:18:57 · 26844 阅读 · 0 评论 -
css控制背景图片自动伸缩自适应的小技巧
由于W3C准备中,背景图片并不支持伸缩功能。所以在IE和FF这两大浏览器中会有一些区别,在FF中的方法可谓简单,只需要用background-size则可以控制其随容器的大小而自动伸缩例子如下1.picLUp{2 background:url(logo.png) no-repeat;转载 2015-05-05 09:31:41 · 8507 阅读 · 0 评论 -
canvas时钟
柔软的canvas时钟#myCanvas{margin:50px auto;display:block;}//设置全局变量var mycanvas;var context;window.onload=init;function init(){mycanvas=document.getElementById(翻译 2015-05-05 09:24:33 · 736 阅读 · 0 评论 -
ajaxFileUpload实现多file上传
1.修改ajaxfileupload.js中的代码,将原文件的27~31行的代码: var oldElement = jQuery('#' + fileElementId); var newElement = jQuery(oldElement).clone(); jQuery(oldElement).attr('id', fileId); jQuery(o翻译 2015-06-25 19:24:39 · 1152 阅读 · 0 评论 -
EL表达式处理字符串
EL表达式处理字符串 是否 包含 某字符串 截取 拆分...............JSP页面页头添加http://java.sun.com/jsp/jstl/functions" %> 两个标签页面内容如下: if ((f != null && f.trim().equals("0"))&&name!=null&&!name.tr转载 2015-06-27 22:44:04 · 562 阅读 · 0 评论 -
关于搜狐新浪ip库查询接口的使用
直接输出访客ip及所在城市:http://pv.sohu.com/cityjson?ie=utf-8" > document.write('IP:'+returnCitySN.cip+'城市:'+returnCitySN.cname);直接输出访客所在国家、省份、城市 $.getScript('http:/转载 2015-06-28 12:15:07 · 8970 阅读 · 0 评论 -
JS实现简单的打字效果
无标题文档function $(id){return document.getElementById(id);}var str="hello,welcome to study center!" //希望练习的内容window.onload=function(){var htmlstr="";for(var j=0;jhtmlstr+=""+str.sub原创 2014-10-22 12:48:13 · 1960 阅读 · 0 评论