前端开发黑子-CSDN博客

原创【解决方案】nodejs关于post提交表单的中文乱码问题

关键代码：function onRequest(request, response) { var postData = ""; var pathname = url.parse(request.url).pathname; // request.setEncoding("utf8"); request.addListene...

2017-12-25 17:05:40 3244 1

原创 var和let区别

var：变量可以多次声明let：变量只能声明一次例子：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); })}-----------------输出：5 5 5 5 5 for (let i = 0; i < 5; i++) {...

2017-12-19 15:10:46 481

原创 js常用Math方法小记（随机数、取整等）

Math：数学对象，提供对数据的数学计算。1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) 。2.Math.round(num); 四舍五入后的整数。3.Math.ceil(n); 向上取整。4.Math.floor(num); 仅保留整数部分（向下取整）。用Math.floor(Math.random()*10);时，可均衡获取0到9的随机整数...

2017-12-19 13:53:12 2758 1

转载 js中关于function两种声明的区别——预解析

本文转自（摘要）：让我印象深刻的javascript面试题总结：//函数表达式，和变量声明同等var a=function(){ alert(10)} //函数声明，优于变量声明 function a(){ alert(10)} ——————————————————————————————————————————————————————————...

2017-10-13 14:23:54 693

转载关于js函数中的 return

function foo1(){ return { bar: "hello" };} function foo2(){ return { bar: "hello" };}var a=foo1();var b=foo2();console.log(a) //Object {bar: "hello"}console.log(b) //underfind...

2017-10-13 14:21:02 553

原创【解决方案】如何解决输入框失焦事件与按钮点击事件冲突的问题

直接上代码（demo可直接拷贝运行）： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http:/

2017-08-20 15:38:57 10365

转载 IntelliJ Idea 2017 注册码免费激活方法

可使用以下两种方法之一：1. 到网站 http://idea.lanyus.com/ 获取注册码。2.弹窗中选择最后一个页面license server，填入下面一种链接即可:　　http://idea.iteblog.com/key.PHP http://intellij.mandroid.cn/　　http://idea.imsxm.com/...

2017-08-10 09:40:25 3551 2

转载【解决方案】子div用了float浮动之后，如何撑开父元素，让父元素div自动适应高度的问题

重点：给父容器的CSS添加一个 overflow 属性， overflow:hideen; -------------------------------------------------------------------------------------以下为转载内容--------------------------------------------------------...

2017-08-09 10:02:04 1335

原创 jquery如何判断滚动条滚到页面底部并执行事件

直接代码： $("#opacResultTable").scroll(function () { var scroH = $(this).scrollTop(); //滚动高度 var viewH = $(this).height(); //可见高度 var contentH = $(this).get(0).scrollHeight...

2017-08-02 16:49:29 3463

原创禁止遮罩的滑动事件

直接上代码： // 禁止遮罩的滑动事件 $(document).on("touchmove",function(e) { if(e.target.className.indexOf("opacResultFilterSelectMask") >= 0) { e.preventDefault(); } });...

2017-08-02 14:54:59 569

转载【解决方案】禁止手机页面中A标签长按弹出路径框

给a标签设置CSS：-webkit-touch-callout: none; ps：关于Label不可选中文本的css: -webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Chrome/Safari/Opera */-moz-user-select: none; /* Fi...

2017-07-31 16:23:39 2135

转载 HTML标签marquee实现滚动效果/跑马灯/弹幕等

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：<marquee>...</marquee>；说明：在标记之间添加要进行滚动的内容。重要属性：1.滚...

2017-07-27 10:24:50 10683

原创【解决方案】display: box; 盒子布局无效的问题

例子如下css：.find_nav_list ul {display: -moz-box;display: -webkit-box;display: box; }.find_nav_list ul li {display: block; -moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1; } PS：注意此处盒子模型虽然是...

2017-07-24 17:24:41 1212

原创关于touchslider.js滑动切换页面的使用简介--注解版

test.html: <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=devi

2017-07-24 16:39:48 5774

原创【解决方案】闭包函数在for循环中的使用案例——for循环绑定监听事件索引值总是最后一个

请看以下两段代码，思考一下运行的结果是否一致呢？代码一： for (var i = 0; i < as.length; i++) { (function () { var j = i; as[j].tt = tt; as[j].onclick = function () { this.tt.slide(j); return f...

2017-07-24 15:20:02 1008

转载 Jquery超简单遮罩层实现代码

本文转自： Jquery超简单遮罩层实现代码在开发中，为了避免二次提交，遮罩层的运用越来越普遍看了很多代码，下面跟大家分享一下我认为最简单的遮罩层实现方式：1.样式如下设置：CSS代码：[html] view plain copy print?<style type="text/css"> .mask { ...

2017-07-20 11:20:51 425

转载 IntelliJ - idea15.0.2 破解方法

本文转自：IntelliJ - idea15.0.2 破解方法资源链接：IntelliJ IDEA 注册码由于idea 15版本更换了注册方式，只能通过联网激活，所以现在不能通过简单的通用注册码进行离线注册了，虽然可以继续用14版本，但是有新版本却无法尝试让强迫症也是异常抓狂。通过度娘我找到了一个破解方法，并实测注册成功，如下图所示：这其中提供方法的网站并没有说清楚，...

2017-07-20 11:19:05 752

原创【解决方案】jquery mobile 页面事件多次重复跳转

问题描述：如图，第一次跳转（changePage）的时候跳转函数执行了一次，但是第二次跳转的时候函数却执行了2次，第三次跳转的时候TMD执行了3次。。。。。内心千万只草泥马狂奔！！！网上搜了一大堆资料，大部分是关于JQM的点击事件默认会多次触发的坑爹行为。。。尝试了很多种方法，基本无效。。。唯一有用的参考链接：JqueryMobile页面事件重复绑定的问题解决方案： ...

2017-07-16 15:30:02 1701 4

转载 js实现全角半角检测的方法

//全角半角校验 function issbccase(strTmp) { for (var i=0; i<strTmp.length; i++) { if (strTmp.charCodeAt(i) > 128){ return true; break; } } return false; }控制台测试： va...

2017-07-04 19:37:27 6121

转载 ExtJs CheckboxSelectionModel 全选操作后清空表格头的checkBox

直接上关键代码：//清空表头checkbox var hd_checker = Ext.getCmp("interviewOrderDetailGrid").getEl().select('div.x-grid3-hd-checker'); var hd = hd_checker.first(); ...

2017-06-27 16:20:21 987

原创【WPS技能】xlsx表格根据单元格的值改变行背景色

关键公式：=INDIRECT("G"&ROW())="功能完成" 效果图：

2017-06-22 21:11:09 6707

原创【解决方案】关于Extjs下拉框不显示的问题

问题描述：一个父容器也是window的window下的comboBox在页面中点击无效，但是在控制台中查看它的store却是有值的，问题在于没有显示。页面：控制台调试：解决方案：监听下拉（expand）事件，让下拉的dom堆叠顺序（z-index）置前（设为10000）： listeners:{ expand...

2017-06-21 10:47:31 2356

原创 ssh 删除文件夹命令

如图：命令：ls -lcd 目录/lsrm -rf ./文件名/

2017-06-20 16:27:50 21956

原创 extjs添加鼠标提示——如何给Grid、ComboBox添加title

效果图：grid:表格这个很简单，只要在它的columns里面添加render属性即可。详见代码：{header: "出版社",dataIndex: 'infoPublisher',width: 100, renderer:function(value,metadata,record,rowIndex,colIndex,store){ ...

2017-06-15 15:12:19 2941 3

原创 js遍历map对象

直接先看实际案例。当请求得到的数据不是json对象，而是map对象如理方式如下： var map = result.data.map; var infoText = "共有"; var i = 0; ...

2017-06-14 17:14:44 13305

转载 ExtJs CheckboxSelectionModel 全选操作后清空表格头的checkBox

关键代码： var hd = Ext.getCmp("interviewSubscriptionGrid").getEl().select('div.x-grid3-hd-checker').first();if (hd.hasClass('x-grid3-hd-checker-on')) { hd.removeClass('x-grid3-hd-checker...

2017-05-22 13:17:32 748

原创 extjs/jquery/js 操作页面滚动条

首先，滚动条操作针对的对象是 element 对象。假设要对一个 id 为 content 的 ext 对象实现滚动至底部的效果：var content = Ext.getCmp("content");var el = content .body;var dom = content .body.dom;var id = content .body.dom.id; ...

2017-04-28 16:48:45 1888

原创正则表达那些事

例子：对一个textfield进行输入校验，仅当表单输入的时候进行校验，有输入值的时候只允许非负整数的输入！对这个testfield加两个属性，如下： regex:/^$|^\d+$/, regexText:"数量必须为非负整数" 如需让提示文字显示，则需要加一句：Ext.QuickTips.init(); // 开启表单校验悬停提示 ----------...

2017-04-27 18:06:14 497

原创 CSS3动画入门 CSS动画如何使用（举例说明）

本文直接通过代码演示及注释初步了解一下CSS2动画的使用。演示效果可以直接拷贝代码运行一下即可~另外推荐几个不错的动画网站：Animate.cssAnimista动画工具动画演示 .test { width: 200px; height: 28px;

2017-03-27 13:18:33 1397

原创 js 监听移动端web触屏事件滑动响应

直接上例子，以vue应用为例：html: <ul> <li v-for="item in items" :class="{finished:item.isFinished}" @click="toggleFinish(item)" @touchstart="touchstart()" @touchmove="touchmove(item)&quo

2017-03-24 16:48:24 4673

原创通过JS语句判断WEB网站的访问端是电脑还是手机

2017-03-23 23:13:03 602

转载 js 兼容性之阻止事件冒泡传递

var btn = document.getElementById("btn");btn.onclick = function(event){ alert('clicked'); event.stopPropagation();}

2017-03-23 16:14:16 682

转载 js中数组的操作 push()，pop()，shift()，unshift() 简介

JS中的数组提供了四个操作，以便让我们实现队列与堆栈！小理论：队列：先进先出堆栈：后进先出实现队列的方法：shift:从集合中把第一个元素删除，并返回这个元素的值。unshift: 在集合开头添加一个或更多元素，并返回新的长度push:在集合中添加元素，并返回新的长度pop:从集合中把最后一个元素删除，并返回这个元素的值。 1， push()和po...

2017-03-23 11:22:03 13517 1

转载 CSS 禁止文字选中

现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。原因：鼠标点快了。解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。body{-moz-user-select: none; /*火狐*/-webk...

2017-03-23 11:19:51 1165

转载【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。你可以用下面的css代码去掉所有元素的边框： *:focus { outline: none; } 用下面的代码去掉你要去掉的元素的边框： .nohig...

2017-03-22 17:25:03 7306 2

原创 CSS设置元素垂直居中的几种方法

.center1 { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px;}.center2 { position: absolute; left: 0...

2017-03-22 09:45:50 615

转载 javascript 中的nextSibling和previousSibling使用注意事项

firstChild,lastChild,nextSibling,previousSibling都会将空格或者换行当做节点处理，但是有代替属性所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法，这是JavaScript自带的属性。但坏消...

2017-03-21 16:22:58 1159

原创 JS 键盘监听事件 enter 13

var ie;if (document.all) ie = true; else ie = false; //判断是否IEdocument.onkeydown = KeyPress; //设置键盘事件函数function KeyPress(){ var key; if (ie) key = event.keyCode; //ie获取键盘值 else key = KeyPre...

2017-03-21 16:18:22 1731

原创【问题记录】vue生成文件本地打开查看效果

问题描述：npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。放到跟目录下就正常了。问题解决：打开项目所在文件夹里面的 config - index.js 在 build 部分的 assetsPublicPath 里面加一个点即可assetsPublicPath: '/', 改为assets...

2017-03-20 15:12:19 11654 1

原创 vue 环境搭建与安装

第一步安装 node网上下载一下node即可，下一步下一步点去就行，查看是否成功：cmd——node -v 第二步安装 npm此处用的是淘宝镜像 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 第三步安装 vue-clicnpm install -g vue-cli ...

2017-03-20 14:54:28 713

echarts.min.js

该资源仅提供常用的几个图表控件，上传于此方便自己下载使用。有需要的同学建议直接去官网下载哦：https://www.echartsjs.com/zh/index.html

2019-10-25

operation-demo.zip

1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 - axios 4. 前端路由模式 - vueRouter 5. 表单校验交互 - veeValidate 6. 列表查询的UI和交互 - elementUI

2019-08-13

这是基于jison工具，通过修改JSONNumber中的numer转换规则，将long类型的numer值进行匹配，然后将其转为string，从而避免Long类型的数据在js中出现精度丢失的问题。该jsonling.js文件是已经修改过后生产的辅助文件，可直接在项目中引用。使用方法： 1、在html中引入该文件 [removed][removed] 2、在请求的相应数据response中调用它 return jsonlint.parse(data) 3、可在控制台查看每次请求拿到的数据，long类型已转换string；注意浏览器中的Preview显示还是异常的，这个不影响前端读取数据。

2018-09-20

jquery-touchslider使用案例（注解版）

1、包含jquery、touchslider的js插件代码，以及两个使用案例，其中test.html为关键的注释版例子。 2、该代码主要展示了手机端H5滑动切换页面的使用方法。

2017-07-24

ExtJs常用布局--layout详解实例代码

ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。该文件含ext3.2.0压缩版，可直接运行哦！

2016-05-23

用extjs写的登录界面

这是用extjs3.2.0写的一个登录界面，而且是经过删减ext中无效文件的精简版，里面给了详细的注释说明，方便入门学习！功能强大：包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对定位和绝对定位对ext元素进行布局等。

2016-03-28

一个复杂美观的登录界面

相比之前的那个【简单版】登录界面，该模板新增： 1、js 回车事件，并且能够兼容多个浏览器； 2、界面布局的层次结构优化； 3、按钮监听响应事件的实现方式优化； 4、包含全屏方法的实现； 5、连个div块的叠加； ---------------------------以下为上个版本介绍--------------------------- 用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-24

2048小游戏——网页版（改进篇）

重点说明：该资源为原版2048的改进版！主要改进：1、把数字换成了文字；2、新增暂停查分按钮；3、尺寸改为屏幕的百分比，支持缩放。 ---------- 以下为上个版本的介绍 ---------- 这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-16

一个简单美观的登录界面

用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-09

2048小游戏——网页版

这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人