前端相关
happydecai
java高级工程师
展开
-
【nodejs】nodejs启动服务和读取文件
1,启动服务//nodejs启动服务var http = require('http');http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'});//200是服务器响应头部 response.end('hello world!')}).listen(8888);console.log('在控制台打印出....http://127.0.原创 2021-02-08 17:25:05 · 544 阅读 · 0 评论 -
【js-ES6 】js中Let、const和Var的区别
ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。先看个var的常见变量提升的面试题目:ES6可以用let定义块级作用域变量在ES6之前,我们都是用var来声明变量,而且JS只有函数作用域和全局作用域,没有块级作用域,所以{}限定不了var声明变量的访问范围。例如:ES6新增的let,可以声明块级作用域的变量。let 配合for循环的独特应用let非常适合用于for循环内部的块级作.原创 2021-02-07 11:29:14 · 124 阅读 · 0 评论 -
取代Flash的HTML5技术( H5 编写游戏的优点)
什么是Flash Flash 是由 Adobe 公司开发的一种富媒体技术,起初是一种放置在浏览器中的插件,填补了当时 HTML 页面平淡的空白,增强了网页交互的能力。你可以在 Flash 中做出任何东西,也可以访问本地电脑中的东西。后来,Adobe 公司退出了播放器,在电脑上不打开浏览器,也可以观看或者游戏 Flash 程序员编写出来的产品。乃至今日,依然有大量应用于 Flash 的富媒...原创 2019-12-13 16:26:29 · 1242 阅读 · 0 评论 -
【js】JS 判断某变量是否为某数组中的一个值的3种方法(总结)
1.正则表达式js 中判断某个元素是否存在于某个 js 数组中,相当于 PHP 语言中的 in_array 函数。?123Array.prototype.in_array=function(e){var r=new RegExp(','+e+',');return (r.test(','+this.join(this.S)+','));};用法如下:var arr=new Array([‘b',2...转载 2018-07-13 16:58:19 · 6236 阅读 · 0 评论 -
(@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
PC端按屏幕宽度大小排序(主流的用橙色标明)分辨率 比例 | 设备尺寸1024*500 (8.9寸)1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; )1280*800(16:10 |15.4寸)1280*1024(比例:5:4 | 14.1寸、15.0寸)1280*854(比例:15:10 | 15.2)1366*768 (比例:16:9 | 不常见)1...转载 2018-07-12 11:48:05 · 26625 阅读 · 0 评论 -
【css】怎样用Jquery选择背景色为绿色的tr?
那还得看你给TR设置背景色的方式来决定了1. <tr bgcolor="#669900"> trArr =[]; $(your table id).find("tr").each(function(){ if($(this).attr("bgcolor") == "#669900") trArr .push($(this)); }...原创 2018-07-23 17:10:09 · 1257 阅读 · 0 评论 -
【js】js中关于map的增、删、改、查操作及其js中如何建立一个对象
//创建一个存放新闻的对象 function createObject(id,title,summary,poster,postingDate,coverImage) { var obj = new Object(); obj.id = id; obj.title = title; obj.summary=summa...原创 2018-07-23 13:12:22 · 17528 阅读 · 0 评论 -
【jsp、servlet】比较page、request、session、application的使用范围
(1)直接在web contain中进行对象的实例化。内置对象类型作用域pageContextjavax.servlet.jsp.pageContextpagerequestjavax.servlet.http.HttpServletRequestrequestresponsejavax.servlet.http.HttpServletResponsepagesessionjavax.servle...原创 2018-06-01 13:31:17 · 2215 阅读 · 0 评论 -
【Jquery easyui 】Jquery easyui tree的使用
这个ui用的一切都是json数据。树也是如此!后台需要返回与格式匹配的json数据才能正确加载树。页面定义一个ui:[html] view plain copy<ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="height:94%">&am原创 2018-05-31 16:33:48 · 1125 阅读 · 0 评论 -
【js】js中new创建对象时带括号和不带括号有什么区别?
带括号: Js代码 function foo(){ alert('called'); } var bar = new foo(); 不带括号: Js代码 function foo(){ alert('called'); } var bar = new foo; 测试一下, 好像没有区别, 也没报错? 但又感觉有点什么不一样1个答案采纳的答案没区别,这只是浏览器对代码解析...原创 2018-05-31 13:58:56 · 2702 阅读 · 1 评论 -
目前最流行的开源前端框架
经常使用目前互联网比较流行的前端框架,小编根据自己工作中、关注中的一些前端框架进行了梳理,对于现在的开发者来说,都向着全栈方向发展,所以必须掌握些前端比较流行的框架,这样才能增强自己的技术体系框架,也对自己将来构架之路进行铺路‘’工具/原料电脑浏览器方法/步骤1、Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷、方便的开发web页面和移动端应用。也能开发...原创 2018-06-12 16:52:52 · 12368 阅读 · 0 评论 -
【Bootstrap 】基于Bootstrap Ace模板的菜单和Tab页效果
阅读目录一、效果展示二、代码示例三、总结 正文前言:最近园子里多了许多谈语言、谈环境、谈逼格(格局)的文章,看看笑笑过后,殊不知其实都是然并卵。提升自己的技术才是王道。之前博主分享过多篇bootstrap组件的文章,引起了很多园友的关注和支持,看样子这种风格还是受到很多园友青睐的。本着不辜负园友们的支持的原则,应群友们的要求,今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效...转载 2018-06-12 16:39:46 · 3308 阅读 · 4 评论 -
如何实现鼠标离开两秒隐藏div,并且如果两秒内鼠标回到div上不隐藏?
开发中,经常遇到这种情况:如何实现鼠标离开两秒隐藏div,并且如果两秒内鼠标回到div上不隐藏?代码如下: var flagHideparas = false; $("#parasBody").mouseleave(function(){ flagHideparas = true; //如果已经查询过,离开才隐藏,否则刚开始时不隐...原创 2018-07-18 15:39:35 · 1337 阅读 · 0 评论 -
javascript中全局变量的另类定义方法
在JavaScript中,如果想要定义一个全局变量,一般来说就会写在用到此变量的所有方法的外层,比如:var temp ='全局变量'; function fun11(){} function fun22(){} function fun33(){}但是还有一种不太常用的js全局变量的定义方法,遇到了也要知道(特别是调试错误的时候),如下图所示:...原创 2018-07-19 09:47:32 · 305 阅读 · 0 评论 -
JavaScript可以定义一个List吗?
JavaScript可以定义数组类型,没有所谓的List类型。JavaScript也没有必要存在List类型。JAVA的List类型是为了解决数组长度不可变的问题,但JavaScript不存在从这个问题。JavaScript的数组长度可变,并有非常多且实用的方法可使用,比JAVA的数组灵活的多,JAVA的List的大部分功能,JavaScript的数组也都有。JavaScript的数组的定...原创 2019-08-26 10:25:23 · 19105 阅读 · 0 评论 -
用FormData处理form表单中同时有文件和普通文本的提交的处理方式
用form来提交表单时,如果form里面同时有普通文本和文件,如果form添加enctype="multipart/form-data"属性,那么普通文本不能被序列化,因为文件上传和普通文本的编码方式不一致。可以不用写enctype="multipart/form-data"属性上传文件,即用formData来存放普通文本和文件数据传入后台。js代码:var formData = new ...原创 2019-01-27 20:27:47 · 4928 阅读 · 0 评论 -
jquery图片上传预览插件uploadView
html<div class="a4_mod "> <div class="control-group js_uploadBox"> <div class="btn-upload"> <a href="javascript:void(0);"><转载 2019-01-25 12:03:40 · 1138 阅读 · 0 评论 -
【队列 高并发】java web瞬间高并发的解决方法
1、任何的高并发,请求总是会有一个顺序的2、java的队列的数据结构是先进先出的取值顺序3、BlockingQueue类(线程安全)(使用方法可以百度)一般使用LinkedBlockingQueue利用以上几点,我们可以把高并发时候的请求放入一个队列,队列的大小可以自己定义,比如队列容量为1000个数据,那么可以利用过滤器或者拦截器把当前的请求放入队列,如果队列的容量满了,其余...原创 2018-09-19 17:30:59 · 8508 阅读 · 1 评论 -
【js】JS删除数组里的某个元素方法
删除数组指定的某个元素首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:? 1 2 3 4 5 6 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { ...转载 2018-09-03 15:22:43 · 2164 阅读 · 0 评论 -
【jquery插件-轮播图】banner轮播图,响应式动画图片滑动切换效果
查看演示 Slider Revolution是一款基于jQuery的插件,使用它时需要先载入jQuery库文件,以及Slider Revolution依赖的css和js文件。 1 2 3 4 <link rel="stylesheet" type="text/css" href="css/style.css" /> ...转载 2018-08-30 13:23:39 · 2213 阅读 · 0 评论 -
【css】html background-color设置为透明的方法
html background-color设置为透明的方法如下:1,比较好的方法: background-color:transparent;2,不太好的方法(模仿透明,不仔细看,看不出来) 前三个参数是颜色,后一个是透明度,效果为白色背景透明。 background-color: rgb...原创 2018-07-26 11:02:33 · 258976 阅读 · 0 评论 -
【js】从小例子看闭包中的this指针
看代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <script> var name="the window!"; var obj1 = { name:"template-name", say:function (){原创 2018-07-19 13:24:01 · 179 阅读 · 0 评论 -
【js】使用jquery的val()方法填写input框无法触发input的onchange()事件
使用jquery的val()方法填写input框无法触发input的onchange()事件,但是我们又想触发onchange事件,怎么办呢?此时可以手动写代码触发。 代码如下: $("#"+storeParaInputId+"").val(text).change();这样的话,onchange事件就可以被触发了。...原创 2018-06-05 16:03:05 · 8824 阅读 · 0 评论 -
js如何获取上个月第一天和最后一天
[javascript] view plain copyvar nowdays = new Date(); var year = nowdays.getFullYear(); var month = nowdays.getMonth(); if(month==0) { month=12; year=year-1; } if (month < 10) { ...转载 2018-05-22 16:51:13 · 2773 阅读 · 0 评论 -
JSP九大内置对象及四个作用域
request 请求对象 类型 javax.servlet.ServletRequest 作用域 Requestresponse 响应对象 类型 javax.servlet.SrvletResponse 作用域 PagepageContext 页面上下文对象 ...转载 2018-05-14 14:08:26 · 99 阅读 · 0 评论 -
通过js实现筛选功能
后台实现筛选会增加服务器的压力,速度慢,没必要。先看结构:再看代码:/** * 根据搜索框里面的输入值,动态展示筛选后的数据; */ $('#searchParams').bind('input propertychange', function() { var insertVal = $(this).val();//手动输原创 2017-12-05 11:44:36 · 14711 阅读 · 0 评论 -
元素li已经无法赋value值了(js&jquery报错:无效的属性值)
用jquery给li元素赋value值的时候,$(‘#sss’).parents("li").attr({value:0});或者另外一种写法$(‘#sss’).parents("li").attr("value",0);会报错 js&jquery报错:无效的属性值原因:除ie的浏览器没有问题,可以认为li有value属性;但是ie已经不承认li有va原创 2017-12-01 14:56:17 · 1225 阅读 · 0 评论 -
url 请求get方式 为什么加 随机数作为参数
IE浏览器下使用GET发送请求时,如果两次请求的地址和参数相同,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。 如在当前页面用户登录,在未登陆的情况下,服务器返回的用户信息为空,点击登陆后发起请求返回的用户信息仍然为空。这是因为浏览器会对GET请求做缓存处理。 解决办法: 一. GET请求URL后加随机数,让服务器认为不是相同的请求。也可以转载 2017-12-09 17:29:53 · 8761 阅读 · 0 评论 -
【js】js获取并格式化当前时间
获取方法:function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >...原创 2016-12-20 15:08:39 · 722 阅读 · 0 评论 -
js弹出确认框的写法。
js弹出确认框的写法。原创 2016-12-20 14:51:26 · 1128 阅读 · 0 评论 -
bind()方法实现input绑定回车查询
$(document).ready(function() {$("#roleName").bind({ keydown:function(event){ if(event.keyCode==13) $("#role-list").omGrid("setData", "/sysaccount/role/ajaxList.ya?原创 2016-12-30 11:45:39 · 820 阅读 · 0 评论 -
js 列宽根据内容自适应
var colNum = 1;//此数值会被重置;var rowNum = 10;//此数值不会改变;//列宽根据内容自适应;function resizeColumnWidth() { setTimeout(function () { for(var k = 0; k < colNum; k++){ var tdText = $('#list').find("div").eq原创 2016-12-21 17:25:00 · 3865 阅读 · 0 评论 -
如何 取消Eclipse的js 、jsp、html 校验功能?
Eclipse 对js、html 和 jsp 的校验很烂 , 页面中到处都是红色的错误的提示 ,有时候在项目中报错,页面不影响运行,怎么取消Eclipse 自动校验的功能?1打开Eclipse菜单栏里的window2右键选择Preferences:3选择Validation你不需要验证的去掉勾就可以了,点击ok。原创 2016-12-21 13:34:09 · 32598 阅读 · 0 评论 -
15个前端UI优秀框架
最近需要一些前端框架,于是在网上整理了一些感觉不错的前端框架,有pc端和移动端,为了方便日后自己先记录下来了...1 Bootstrap首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap转载 2017-12-14 17:54:38 · 988 阅读 · 0 评论 -
javascript 以 "__" 开头的方法名,代表着什么?
来模拟private,虽有缺点但是胜在清晰,另外如果要真正实现private还是闭包来做。js里面没有私有的概念,如果想让别人知道这个方法不是公开的,就应该用一些特殊标记。参照__proto__的命名,看起来非常的别扭,无形中就让别人知道这个东西不是我要的。原创 2017-12-28 16:18:21 · 2732 阅读 · 0 评论 -
js中==和===的区别
第一个是相等符;第二个全等符;其中第一个在比较的时候,会进行类型转换,而第二个则不会,如:alert('555' == 555);//truealert('555' === 555);//false原创 2017-12-28 16:27:08 · 230 阅读 · 0 评论 -
Freemarker:Freemarker简介
1、Freemarker模板的文件后缀名 *.ftl2、Freemarker其实是一种比较简单的网页展示技术,说白了就是网页模板和数据模型的结合体。这种结合模式的好处就是,分离了网页界面设计人员和编程人员的工作,让他们各司其职。据个人理解,Freemarker大致的工作方式是,网页模板里面嵌入了数据模型中的数据、Freemarker自定义流程控制语言、Freemarker自定义的操作函数等等,在装...转载 2018-05-17 16:10:26 · 314 阅读 · 0 评论 -
js nextSibling属性和previousSibling属性
1:nextSibling属性 该属性表示当前节点的下一个节点(其后的节点与当前节点同属一个级别);如果其后没有与其同级的节点,则返回null。 需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同,见下面例示: 先来看一个例子: [javascript] view plain copy<body> <div> <...转载 2018-04-09 15:23:36 · 856 阅读 · 0 评论 -
部分中文乱码问题
部分中文乱码问题,一般是由于读取字节数不够引起的,一般可以通过减少或者增加汉字个数解决问题。原创 2018-03-14 12:07:12 · 1512 阅读 · 0 评论 -
js 文件里,匿名函数开头有个 ;! 意义是什么?
一,在贤心大神的 laydate.js 代码里看到的,开头是 ;!function ( win,undefined ) {}结束还有个 ( window ) 啥意义呢? 分号是为了合并压缩的时候和其他函数做分割用的;感叹号是用于立即执行函数的,你可以换成加号减号的,和用括号包裹函数体作用一样。+function (){}-function (){}!function (){}~f...原创 2018-02-08 14:24:45 · 1462 阅读 · 0 评论