前端
_Seaton
这个作者很懒,什么都没留下…
展开
-
1.jQuery插件Validation(表单验证)之基础入门
1.该文章是对单东林的《锋利的jQuery》中的例子进行讲解,适合初学者看。功能1.对”姓名“的必填和长度至少是两位的验证。2.对“电子邮件”的必填和是否为E-mail格式的验证。3.对“网址”是否为url的验证。4.对”你的评论“是否必填验证。结果图例子快速上手 *{font-family:Verdana; font-size:96%;}转载 2014-11-29 12:40:43 · 601 阅读 · 1 评论 -
href="javascript:"的使用
在开发中经常使用href="javascripts:;"使得标签失效不跳转,而使用绑定的方法进行跳转。写法有好多种,如1.2.3.4.(可以成功,但不建议使用)在这需要注意的是如果写错,写成,会导致在一般的浏览器上正常,而IE上的效果如下图,页面url不变,但页面内容显示为0。原因:javascript:是伪协议,作用原创 2016-02-19 16:34:28 · 5785 阅读 · 0 评论 -
社会化评论系统对比
1 畅言优点:使用简单。确定:1.影响页面内容,左上角有个“热点话题”;2.需要CIP备案号,不备案只能用15天。使用步骤:登录官网注册,http://changyan.kuaizhan.com/填写网站信息、备案号复制插件代码到自己的页面在div中添加sid属性,标识评论对应的文章。效果图:原创 2016-04-11 09:46:59 · 2297 阅读 · 2 评论 -
CSS布局
ul li 去掉点ul li{ list-style-type:none;}不生效,原因:CSS文件导入路径错误。ul li 横排header-bar ul{ float:left;}不生效,原因:1.header-bar为class;2.定位的是li。正确如下.header-bar-ul li{ float:left;}设置内容居中显示.he原创 2016-05-11 14:55:12 · 391 阅读 · 0 评论 -
CSS之悬浮float:right/left
CSS在布局的时候经常用到悬浮。1 使用情况悬浮(float)、定位(position)、框类型(display)都是前端布局经常使用的东西,但之前一直不是很清楚在什么情况下使用这些属性。使用情况如下:悬浮:只涉及左右位置的移动。定位:设计上下左右位置的移动。框类型:涉及行内元素与块级元素(自动换行,block)。2 缺点任何事情都有正反两面,那么悬浮的坏处呢?原创 2016-05-12 09:21:56 · 860 阅读 · 0 评论 -
HTML5之viewport使用
随着智能手机的普及,移动互联网也越来越受到人们的重视,用html5开发响应式网站是最好的选择。然而,每款手机都有不同的分辨率,不同的屏幕大小,我们开发的页面如何才能知道当前页面是多大的呢?viewport帮助你判断设备屏幕大小。语法介绍<meta name="viewport" content=" width=[pixel_value | device-width]转载 2016-05-09 09:44:18 · 455 阅读 · 0 评论 -
本地存储之Cookie与Storage
web在数据在本地存储有以下三种:1.cookie;2.Web Storage,来自HTML5;3.IE的userData,不建议使用。1 cookie原理用户浏览器第一次向服务器请求(Request)时,服务器会放回Set-Cookie:XXX;浏览器会记下XXX,当浏览器再次请求服务器时,就会带上Cookie:XXX。注意事项1.根据域名判别;2.cookie名称不区分大小写。3.其值是一个字原创 2016-06-25 21:52:44 · 558 阅读 · 0 评论 -
浏览器调试教程-chrome
1 格式化代码 在调试过程中,有时css、js代码是经过压缩的(代码都在一行)。阅读压缩过的代码非常不方便,通过格式化代码(单击下图的“{}”图标)能让代码变得好看些,如下图:2 实时代码编辑 Source 面板下的代码是可以直接编辑的,Ctrl+S(或者Cmd+S)保存后便立即生效,不用刷新页面,而且配合映射到本地磁盘代码的功能可以实现一边修改一边原创 2016-06-27 22:47:05 · 1452 阅读 · 0 评论 -
兼容IE8问题
设计的页面在IE9中样式正常,但在IE8中乱了解决方法:原创 2016-07-14 23:12:39 · 347 阅读 · 0 评论 -
半透明边框
1 效果图2 代码与分析 半透明边框 img{ width: 500px; height: 500px; } .test_border{ position:absolute; padding: 20px; top:20px; left: 20px; background-color:#FFFFFF;原创 2016-07-26 21:49:48 · 280 阅读 · 0 评论 -
js公共方法-倒计时跳转
html代码: 20秒后跳转至个人中心 点击跳转 $(document).ready(function () { downTime("js-down-time", 20, "/WebUser/PersonalCenterView"); });js代码://倒计时调转function downTime(val, cou原创 2016-08-30 23:45:18 · 573 阅读 · 0 评论 -
ionci2开发之通道
1 介绍本文是《健康档案》项目结束后的总结,主要描述该项目中用到的一些通道和可以优化的地方。1.1 配置(app.module.ts)所有新增的通道都需要在declarations中配置:declarations: [ MyApp, HomePage, ImagePipe, DatePipe, TextareaPipe, T原创 2017-05-18 10:24:24 · 1080 阅读 · 0 评论 -
ionic2开发之服务
1 描述在开发过程中,经常需要用到公共方法,而ionic中的公共方法就是服务。常用服务有:HTTP服务、打电话服务、数据持久化服务、提示服务。服务优点:便于维护。2 HTTP服务好处:对Ajax进行封装,使得请求更加简单、方便使用。定义:import { Injectable } from '@angular/core';import { LoadingControl原创 2017-05-23 10:01:40 · 3019 阅读 · 0 评论 -
jekyll进阶
虽然jekyll有着jekyllbootstrap模板,但是本人觉得如果是做个博客,只需要将默认的模板修改一下就可以了。1 中文编码问题如果html页面中有中文就会报错,“invalid byte sequence in UTF-8”。**原因:**html页面编码是ANSI。方法:使用Notepad++编辑器,修改页面的编码格式,如:header.html文件保存为UTF-8无BOM编码格式。PS原创 2016-04-06 09:07:53 · 1611 阅读 · 0 评论 -
Sublime Text3安装插件
1 安装插件步骤1:ctrl+shift+p,输入install,选择Package Control:Install Packge步骤2:在弹出的插件安装界面(需要等一会才出现)输入你需要安装的插件名称,如HTML-CSS-JS Prettify。(PS:该插件需要安装nodejs)PS:在左下角可以看到程序执行,如下图:2 使用插件右击代码--》选择插原创 2016-03-09 10:15:01 · 349 阅读 · 0 评论 -
Jekyll搭建个人博客之安装与使用
该文章是本人在看了:http://www.jianshu.com/p/8f843034c7ec,并做完试验后的一些总结。1 安装Jekyll:将纯文本转化为静态网站和博客。官网:http://jekyll.bootcss.com/安装步骤步骤1:安装ruby,如果是windows系统直接在官网下载rubyinstaller安装(一直点next就行了)。官网:https://www.原创 2016-03-31 10:21:16 · 596 阅读 · 0 评论 -
验证码生成
// 创建画布$width = 60;$height = 20;$img = imagecreatetruecolor($width, $height);$black = imagecolorallocate($img, 0,0,0);$gray = imagecolorallocate($img, 200,200,200);// 填充背景imageFill($转载 2014-05-18 21:32:01 · 442 阅读 · 0 评论 -
bShare分享-分享到微信、微博、QQ
1 简介本文主要讲解bShare的两种使用方法,适合初学者看。bShare官网:http://www.bshare.cn/功能:bShare是用来制作如下的分享功能图1:图2:2 图1实现使用官网(http://www.bshare.cn/help/installAction)生成需要的样式--》复制代码--》在自己的页面上粘贴代码。原创 2016-01-17 19:16:23 · 4826 阅读 · 0 评论 -
谷歌浏览器插件-jsonView插件安装与使用
本文转载:http://www.bubuko.com/infodetail-700647.html1 安装1、打开 https://github.com ;2、搜索 jsonView 链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview;3、选择需要的插件(我是选这个gildas-lormeau/JSONV转载 2016-01-18 10:47:55 · 36943 阅读 · 3 评论 -
Boostrap-Glyphicons图标变成中文
现象描述:网站在IIS上发布后,在IE浏览器中轮播图中的左右切换图标编程中文。问题图:正常图:分析:该图标是来自Boostrap的组件--Glypicons,官网:http://v3.bootcss.com/components/使用该组件时必须在Boostrap样式文件同级目录下有fonts文件夹,文件夹有以下文件否则就会出现这个问题。原创 2016-01-20 22:27:38 · 1316 阅读 · 0 评论 -
JS执行顺序
目的:测试js方法在执行顺序HTML:JS:$(function () { console.info("js1");});结果:总结:js执行顺序是按照文件从上到下的顺序执行,即使有外部文件也一样。原创 2016-01-14 00:32:22 · 422 阅读 · 0 评论 -
Bootstrap的轮播图在火狐浏览器中无法显示
描述在谷歌、IE等浏览器正常的页面,在火狐浏览器中切无法显示轮播图。火狐浏览器中提示如下:原因解决原创 2016-03-03 09:09:56 · 2289 阅读 · 0 评论 -
Ajax 请求两次第二次没发送
一个页面中使用多个Ajax请求。如果其中两个Ajax参数(url、参数)都一样,会导致第二个请求没有发送去除,而是使用第一个请求的结果。解决方法在参数后加上随机数。代码:function getData(jData, func) { $.ajax({ type: "GET", async: true, contentType:原创 2016-03-03 10:41:34 · 5470 阅读 · 1 评论 -
瀑布流布局插件Grid-A-Licous
1 介绍官网:http://suprb.com/apps/gridalicious/从官网中可知Grid-A-Licous插件的使用只需弄清楚以下知识:(其实就是一个构造方法中的参数说明)width:每个模块的宽度gutter:每个模块之间的距离animate:是否一个个的显示出来animationOptions:显示模块的详细设置speed:每个模块显示的时间间隔原创 2016-03-16 16:34:03 · 587 阅读 · 0 评论 -
C#的Session偶尔查询不到的问题
1 问题描述首先网站是通过HttpContext.Current.Session判断是否登录的,如果未登录,部分页面会提示”未登录,请登录“并跳转的首页。问题:有时会提示未登录,但跳转到首页后,登录信息就显示出来了。该情况发生的频率不定,有时经常发生,有时很少发生。2 原因http://blog.csdn.net/hezudao25/article/details/7953577原创 2016-03-29 14:52:49 · 1138 阅读 · 0 评论 -
JS之公共方法(通讯、正则、乘法)
1 通讯/*通讯-Ajax通讯基础方法Atype:"GET"或"POST"。AAsync:true-异步,false-同步。AUrl:请求的url。AData:通讯数据。Afun:回调方法。*/function BasaComm(AType,AAsync,AUrl,AData, Afun) { $.ajax({ type: AType,原创 2016-02-18 10:06:50 · 747 阅读 · 0 评论 -
百度富文本使用
1 使用步骤步骤1:下载百度富文本,http://ueditor.baidu.com/website/步骤2:向项目添加需要的文件,除了MyIndex.htm外都是必备文件。步骤3:打开_examples文件夹,找到completeDemo.html,将该文件内容复制到MyIndex.htm。步骤4:修改js的路径 type="t原创 2016-02-23 10:34:12 · 1261 阅读 · 0 评论 -
ionic2开发之app.component.ts
1 描述功能:1.引导页设置;2.Android硬件返回按钮处理;2 引导页设置思路:设置一个持久化变量A,根据变量A的值判断app是否是第一次启动,从而设置rootPage。代码: //引导页 dataService.getData('hasSeenTutorail').then((hasSeenTutorial)=>{ if(hasSe原创 2017-05-19 10:39:40 · 1825 阅读 · 0 评论