javascript+css+html
关注
分享
扫一扫
wychen_sunshine
一生最忌见识短浅，故步自封。
展开
-
css学习
1.background-image:linear-gradient(to left,red,yellow); 角度 用英文 作用 0deg to top 从下到上 90deg to right 从左到右 180deg to bottom 从上到下 270deg to top right 左下角到右下角原创 2014-12-17 20:31:42 · 392 阅读 · 0 评论 -
nodeJs+jquery实现聊天插入表情功能
在实习期间做一个nodejs的项目时，分配了做一个聊天室的任务，然后就喜欢上了这个。。。想着而不只是聊天，还可以加入类似qq表情的功能。发现可以进入Jquery官方网站下载该demo，但是在运用的过程中，难免会遇到各种各样的问题，在自己的信息研究之下，终于实现了该功能。 官方demo下载：http://www.jq22.com/jquery-info365 问题解决： 1.浏览器判别问题：在官原创 2015-12-02 21:36:33 · 3191 阅读 · 0 评论 -
http错误解析
HTTP 400 - 请求无效 HTTP 401.1 - 未授权：登录失败 HTTP 401.2 - 未授权：服务器配置问题导致登录失败 HTTP 401.3 - ACL 禁止访问资源 HTTP 401.4 - 未授权：授权被筛选器拒绝 HTTP 401.5 - 未授权：ISAPI 或 CGI 授权失败 HTTP 403 - 禁止访问 HTTP 403 - 对 Internet 服务管转载 2015-12-01 11:21:10 · 624 阅读 · 0 评论 -
相对路径和绝对路径的区别
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg”。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句：原创 2015-12-01 10:10:53 · 1138 阅读 · 0 评论 -
node.js+express+socket的聊天室示例
1.首先设定界面元素，主要包括：两大部分 左侧：聊天室标题 用户名输入框 登录按钮 退出按钮 消息输入框 发送按钮 消息及通知显示列表 右侧：用户列表 2.监听事件：登录监听事件 退出监听事件 发送消息监听事件 3.编写界面显示的代码：在/views/index.jade 中书写界面代码 css代码 脚本控制代码 界面html代码 4.介绍一下脚本控制代码和服务器端的控原创 2015-11-18 12:09:20 · 1744 阅读 · 0 评论 -
javascript以及jquery的学习
/** * Created by chen on 2015/11/17. * javascript以及jquery的学习 */var myInput = document.getElementsByName('myInput');// 获取name属性为myInput的所有元素（为UI，通常为一组UI的值）var mtInputId = document.getElementById('m原创 2015-11-17 14:09:38 · 356 阅读 · 0 评论 -
nodejs+express+jade创建新文件
一直在给公司的项目做任务，可是还没有自己独立用nodejs+express+jade开发过一款项目，一直在参考网上的博客、聊天室之类的项目做实验，但当自己动手写时突然觉得很多地方并不是很理解，特别的事有关页面跳转的问题。 在某一个网站上看到了express和jade之间的传递过程，今天就记录下来，与大家分享。 首先打开webstorm，新创建一个node express app 项目，a原创 2015-12-03 14:57:05 · 1060 阅读 · 0 评论 -
如何处理post请求方JSON数据传递的问题
在nodeJs中，如果向后台发送的请求是post方式，那么在传递的数据中可以设置多个参数属性：例如：var queryObj = { id：‘XX’， name：‘XX’， age：‘X’ }在后台获取的时候，可以直接用：req.body.id(req.body.name)获取相应的数据值。如果传递的值为多层次的JSON数据，则可以在传到后台之前将其转换为字符串，传到后台之原创 2015-12-09 14:17:30 · 1239 阅读 · 0 评论 -
href="#"与href="javascript:void(0)"的区别
a href=”#”> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP 点击链接后，页面不动，只打开链接 作用同上，不同浏览器会有差异。点击链接后，不想使页面滚到页首，就用href=”javascript:void(0)”，不要用href=”#”，return false也有类似作用详解href=”#”与href=”javascript:void(0)”的区别“＃”包含了一个位置信息 默转载 2015-12-25 22:34:37 · 457 阅读 · 0 评论 -
bootstrap引用glyphicon图标无法显示
一开始直接引用的时候总是不显示，但是可以直接引入icon图标，查阅了一下先关文档，原来是glyphicon图标无法被跨域显示。如果直接用网页链接就可以显示，所以，弱项在本地文件中调用glyphicon图标的话，需要下载该文件。原创 2016-01-11 11:22:44 · 12318 阅读 · 0 评论 -
原生js 操作表格 增删行和列
本来觉得这个挺好做的，可是当自己动手写的时候，发现会出现各种各样的问题。。。若不是同学问我，估计还真的把这些给忘记了呢。。。不多说，上代码。<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>无标题文档</title></head><body><in原创 2016-01-12 14:36:31 · 3035 阅读 · 0 评论 -
bootstrap
http://bootstrap.kinghack.com/components.html原创 2015-11-05 16:11:38 · 330 阅读 · 0 评论 -
终于找到一个可以直接将html转换为jade的网页了！！
在写jade文件时总是已被缩进搞得晕头转向，网上搜索了一下可以使用html2jade，但是下下来项目还是不会操作，下面是直接将html代码贴进去可以转换为jade格式的网址，很好用，很方便。http://html2jade.vida.io/原创 2015-11-05 15:09:25 · 9752 阅读 · 4 评论 -
3DES加密解密调用示例
com.sun.crypto.provider.SunJCE 3DES加密解密调用示例 在java中调用sun公司提供的3DES加密解密算法时，需要使用到$JAVA_HOME/jre/lib/目录下如下的4个jar包： jce.jar security/US_export_policy.jar security/local_polic转载 2015-01-04 20:14:07 · 2121 阅读 · 0 评论 -
二维数组查找算法
在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。public class Solution { public boolean Find(int [][] array,int target) { int row = array.length; i原创 2015-09-23 08:51:11 · 484 阅读 · 0 评论 -
javascript中prototype的理解
1 javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法例子：function People(name){ this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); }}//类方法People.Run=function(){ alert(转载 2015-10-23 10:35:59 · 320 阅读 · 0 评论 -
CSS块级元素和行内元素
块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，table ba转载 2015-10-28 15:10:53 · 351 阅读 · 0 评论 -
EventUtil 跨浏览器事件处理对象
/** * Created by chen on 2015/10/28. */var EventUtil = Object;//避免多次提交表单EventUtil.addHandler(form,"submit",function(event){ event = EventUtil.getEvent(event); var target = EventUtil.getTarg原创 2015-10-29 15:12:59 · 689 阅读 · 0 评论 -
nodejs 中socket的聊天室实例
最近开始对多人聊天产生了兴趣，对于socket.io不甚了解，于是开始搜索各路大神的文章来整合，从而向自己整理出一套运用express+nodejs+mongodb的聊天室实例，具体的步骤还在探索当中，如下网页是一位大牛写的，可以先作为参考。http://www.cnblogs.com/Wayou/p/hichat_built_with_nodejs_socket.html1.环境要求：数据库：mo原创 2015-10-30 15:55:25 · 1102 阅读 · 0 评论 -
选择符API
1.querySelector（）方法 接受一个css选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的，则返回null//取得body元素var body = docuemnt.querySelector("body");//取得id为myDiv的元素var mydiv = document.querySelector("#myDiv");//取得类为“selected”的第一个元原创 2015-10-30 16:37:05 · 370 阅读 · 0 评论 -
autocomplete
AutoComplete控件就是指用户在文本框输入前几个字母或是汉字的时候，该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，提供方便。 例如： <input id="m" autocomplete="on" /><button>Send</button>原创 2015-11-04 13:52:12 · 394 阅读 · 0 评论 -
nodeJS 之 socket.io
//socket学习//1.var socket = require(./socket.js); //引入socket.js文件（该文件可以通过node命令：npm install socket.io获取直接添加到node_models文件目录中）//2.var port = narmallizePort(process.ecn.PORT||8000);//设置端口号 app.set('po原创 2015-11-04 21:16:04 · 507 阅读 · 0 评论 -
nodejs+mongodb实现curd 登录 注销 分页等功能的实现过程
//取得一个集合中的所有数据并实现分页效果,这里我们还处理session的登录判断等exports.index = function(req, res){ var mongodb = require('mongodb'); var page = req.params.page; //取得page的值,注意route中的配置,可以有可以没有这个page var total; /转载 2015-11-05 11:48:45 · 1030 阅读 · 0 评论 -
exports 和 module.exports 的区别
为了更好的理解 exports 和 module.exports 的关系，我们先来补点 js 基础。示例：app.jsvar a = {name: 'nswbmw 1'};var b = a;console.log(a);console.log(b);b.name = 'nswbmw 2';console.log(a);console.log(b);var b = {name: 'nswbm转载 2015-11-05 10:53:07 · 335 阅读 · 0 评论 -
如何在自己的项目中引入tinymce富文本编辑器
1.首先需要在官方网站下载tinymce插件： 官网下载地址：https://www.tinymce.com/ 2.将下载到的文件放入自己的项目中 3.在显示html页面引入jquery和tinymce js文件<script type="text/javascript" src="/app_3th/jquery/jquery-1.12.0.min.js"></script> <scrip原创 2016-01-12 16:40:35 · 1958 阅读 · 0 评论 -
富文本编辑器tinymce获取文本内容和设置文本内容
1、如果当前页面只有一个编辑器： 获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”)2、如果当前页面有多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）： 获取内容：tinyMCE.editors[0].getContent() 设置内容：tinyMCE.ed原创 2016-01-12 17:53:57 · 30659 阅读 · 6 评论 -
css3属性选择器
1.css3属性选择器 E[attr^=’val’] 属性attr的值为以‘val’开头的元素 E[attr$=’val’]属性attr的值为以 ‘val’结尾的元素 E[attr*=’val’]属性attr的值包含‘val’字符串的元素2.css3结构伪类选择器 ：root 选择匹配文档的根元素 E:nth-child(n) 选择所有在其父元素的第n个位置的匹配E的子元素 E:nth-原创 2016-04-12 15:45:07 · 453 阅读 · 0 评论 -
正则表达式的基本用法
基本表达式作用及含义：原创 2016-04-21 10:24:27 · 512 阅读 · 0 评论 -
正则表达式
原文地址：http://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1转载 2016-04-21 09:00:11 · 344 阅读 · 0 评论 -
在html中引入css的几种方法
在HTML中引入CC有好几种方法，按优先级排列分别是：1、行内式，2、嵌入式，3、导入式和链接式在HTML中引入CSS的方法有以下几种: 1)行内式 比如:<body> <h1 style="color:white;background-color:blue"> This is a line of Text. </h1> </body>2)嵌入式 比如:<head>转载 2016-04-18 09:33:21 · 742 阅读 · 0 评论 -
jquery中文本域光标操作（选中、添加、删除、获取）
1、获取光标位置：$(elem).iGetFieldPos()；2、设置光标位置：$(elem).iSelectField(start)；3、选中指定位置内的字符：$(elem).iSelectField(start,end)；4、选中指定的字符：$(elem).iSelectStr(str)；5、在光标之后插入字符串：$(elem).iAdd(str)；6、删除光标前面（-n）或者后面（原创 2016-04-16 22:38:09 · 5482 阅读 · 0 评论 -
对css3属性 z-index的理解
首先，z-index需要在相对定位中使用，什么是相对定位呢？就是对标签元素设置了position的属性，并且属性为：absolute/fixed/relative/（inherit）等 其实也很好理解，它的的大小可以作为标签元素的堆叠顺序，就是三维空间坐标系中的z轴，z的大小可以定位元素的堆叠层次。 例如：<span style='position:absolute;z-index:4'> 第原创 2016-04-14 22:37:58 · 1793 阅读 · 0 评论 -
nodejs在使用req.param('paramName')获取参数时控制台出现警告提示
警告信息如下：Wed, 13 Apr 2016 07:11:10 GMT express deprecated req.param(name): Use req.params, req.body, or req.query instead at app_modules\bpmn_Process_Mgmt\instanceController.js提示警示原因： 目前 req.param(‘para原创 2016-04-13 15:51:27 · 4448 阅读 · 0 评论 -
光标所在位置插入一串字符，并在特定位置设置光标锁定位置
在写一个小型的编辑器时，有很多的鼠标点击事件，用于设定markdown语法。那么如何获取光标的所在位置，并插入一串字符，且将光标定位到特定位置？ 接下来就是在网上查看的方法以及如何实现该功能的代码： talk is cheap,show me the codeshowdownContainer.prototype.insertStrAtCursor = function(textareaObj,原创 2016-04-13 13:57:53 · 7319 阅读 · 0 评论 -
js获取鼠标焦点位置并选中一部分文字
<body> <textarea id="divt">123456789</textarea> </body> <script type="text/javascript"> window.onload = function(event){ var div = document.getElementById('divt'); //创建选择区域原创 2016-04-13 09:19:32 · 5781 阅读 · 0 评论 -
javascript中call()和apply()方法的区别
首先需要知道 call 和 apply 都是js 对象 prototype的方法 在使用的时候主要区别：var foo() = function(){....//代码段}// foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)可以看出，最明显的区别是： 在调用时传入原创 2016-12-27 10:03:57 · 403 阅读 · 0 评论 -
css伪类和伪元素的区别
原文链接：http://swordair.com/origin-and-difference-between-css-pseudo-classes-and-pseudo-elements/ 关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，甚至不乏很多CSS老手。早些年刚入行的时候，我自己也被深深误导，因为论坛里的转载 2016-04-20 08:04:38 · 1111 阅读 · 0 评论 -
nodejs包 node-uuid(生成唯一id，标识单个记录)
在前台引入：下载node-uuid<script src = 'uuid.js'></script>2.in node jsnpm install node-uuidhow to usevar uuid = require('node-uuid');Then create some ids …// Generate a v1 (time-based) iduuid.v1(); // -> '原创 2016-04-12 09:29:56 · 15218 阅读 · 5 评论 -
nodejs错误 ： request entity too large
在编写一个简单的博客时，遇到了如果博客内容字节数太大，将会出现如下错误： 查看了一些解决方法如下：在app.js里面添加如下代码：var bodyParser = require('body-parser');//handle request entity too largeapp.use(bodyParser.json({limit:'50mb'}));app.use(bodyParser原创 2016-04-08 14:38:43 · 8960 阅读 · 3 评论 -
nodesj中 中间件express-session的理解
1.为什么使用session？ session运行在服务器端，当客户端第一次访问服务器时，可以将客户的登录信息保存。 当客户访问其他页面时，可以判断客户的登录状态，做出提示，相当于登录拦截。 session可以和redis或者数据库等结合做持久化操作，当服务器挂掉时也不会导致某些客户信息（购物车）丢失。 2。session的工作流程： 当浏览器访问服务器原创 2016-01-13 14:52:05 · 18522 阅读 · 5 评论