- 博客(24)
- 收藏
- 关注
转载 滚动条美化插件jquery.nicescroll
今天给大家介绍一个滚动条美化插件jquery.nicescroll,这个插件有以下一个主意事项:1、兼容所有最新的桌面浏览器和旧版:Chrome,Firefox,Edge,IE8 +,Safari(win / mac),Opera2、兼容移动设备:iPad / iPhone / iPod,Android 4 +,Blackberry手机和Playbook(WebWorks / Table OS...
2019-09-17 15:29:17
294
转载 ECMAScript语句之《switch 语句》
switch 语句又名《分支语句》,很多资料把他称之为if语句的兄弟语句。在if语句中条件过多的时候可以使用switch 语句来简化代码。先看一下语法:switch (expression){case value: statement;break;case value: statement;break;case value: statement;break;default: statemen...
2019-09-16 17:37:16
216
转载 ECMAScript语句之with 语句
ECMAScript with 语句,用于设置代码在特定对象中的作用域(with运行缓慢,设置了属性值时更加缓慢,最好避免使用with语句)一、with 语句用于字符串(配合toUpperCase()方法)var a = "CGLweb前端";with(a) {console.log(toUpperCase()); //输出 "CGLweb前端"}二、with 语句可以方便地用来引用某...
2019-09-16 17:34:12
558
转载 JS鼠标事件大全
今天遇到了需要使用鼠标事件的效果,然后查了一下鼠标事件,以后使用可以拿来使用了。鼠标左右键事件:click:点击事件dbclick:双击事件mousedown:鼠标按下时触发mouseenter:鼠标移入时触发(不冒泡,后代元素不触发)mouseleave:鼠标移出时触发(不冒泡,后代元素不触发)mousemove:鼠标在元素内部移动时触发mouseout:鼠标移入另一个元素时触发...
2019-09-12 14:07:03
197
转载 ECMAScript的数据类型有哪些?
简单数据类型:Undefined、NULL、String、Number、Boolean复杂数据类型:Object简单数据类型讲解一、Undefined1、值定义之后没有初始化2、值定义之后,使用undefined来初始化3、值为undefined4、不建议使用undefined来初始化或者作为初始值5、Number(undefined) = NaN6、undefined:缺少值二...
2019-09-12 14:04:20
501
转载 JS文字变大变小,文本背景色,JS文字大中小
这次使用JQ写了一个效果,包含了三个功能JS文字变大变小,JS文本背景色,JS文字大中小,对我就把这些集中到一块去写了。注意事项:1、三个效果可以共存2、id=”cgl_text_box”上的自定义属性data-size=”14″里面的数字是跟css的font-size的大小一样,鬼知道能不能获取css里面的数字,有的话千万不要告诉我3、文字大中小效果的文字大小写在自定义属性data-sizen...
2019-09-11 16:17:58
1130
转载 input只可输入数字,IE8及以上+主流浏览器
今天处理一个表单的限制问题,然后测试说input输入框能输入数字以外的字符。当时我就表示在精神上强烈的谴责IE浏览器的各个版本。在我测试后发现谷歌及其他浏览器都挺好的,就是IE浏览器不行,然后想着直接使用JS比较好,也不容易出现不兼容问题。这里的代码是做了很多的改变,因为自己的项目上用的是跟其他的插件一起使用的,所以不需要现在这样麻烦。写的不是很好,主要是一些我的个人的想法以及思路。希望能帮...
2019-09-11 16:13:47
389
转载 纯代码制作wordpress上下篇,分类上下篇
对于一个网站来说,文章上下篇是必不可少的,wordpress自带的上下篇对于SEO优化不是很友好,上下篇的链接并没有title属性的存在。所以这两天一直在看各种wordpress的上下篇的函数,期间也看了很多的案例,但是都没有能找到能满足我的要求的。经过一晚上的研究,出了一套可用的wordpress上下篇的代码,考虑到第一篇和最后一篇对浏览者的友好度,添加了《已经是最后一篇》和《已经是第一篇了...
2019-09-10 15:09:29
733
转载 ECMAScript6转码器,ES6转ES5
现在越来越多的前端开始关注ES6,也有一部分人开始用ECMAScript 6,但是ES6的一些新的特性并不被低版本的浏览器支持。所以这次就分享一个ES6转ES5的方法。一、首先建立一个文件夹,然后里面创建.babelrc文件有时候这个文件创建不了的,可以从别处复制过来.babelrc文件的内容填写如下:{"presets": [],"plugins": []}.babelrc的后期修改需...
2019-09-10 15:04:18
199
转载 前端盒子居中显示方法,前端上下左右居中
前端布局的时候总是会遇到一些需要居中的方案,下面是我平常使用的一些方法,当然还有很多的方法也能居中显示。1、宽高固定 – 使用绝对定位居中显示这儿一般是用在固定的大小的box中使用,如果相对定位的box大于屏幕不建议使用。代码如下:<div class="box1"><div></div></div><style type="text/css...
2019-09-09 15:41:35
2398
转载 html、css文字加粗方法
一般来说前端加粗字体的方法有两种,一个是html标签加粗的方法,另一个是css加粗字体的方法,还有一个是字体加粗方法。前两个是我们最常用的方法,后一个感觉有点非主流的方法,也不知道我是怎么想到这种方法的,有点为自己的智商感到悲伤,下面给大家详细的介绍一下。一、标签方法加粗文字1、h(1~6标签)书写方式<h1>h1标签 -> CGLweb前端</h1><h...
2019-09-09 15:40:24
22626
转载 CSS选择器之:nth-child()和:nth-of-type()的使用
今天就讲一下css选择器:nth-child()和:nth-of-type()的使用。一、:nth-child()和:nth-of-type()的支持度所有主流浏览器均支持:nth-child()和:nth-of-type()选择器,除了 IE8 及更早的版本。二、:nth-child()和:nth-of-type()的一般使用方法1、:nth-child(x); 选择第x的元素2、:n...
2019-09-06 16:06:56
726
转载 NodeJS express跨域获取数据
这几天一直在研究NodeJS跨域获取数据的事情,然后找到了一个好用的模块request。一、先把咱们的主要模块引用进来:这里我使用的是expressvar express = require('express');var router = express.Router();var request = require('request');request需要安装,方法为:npm install...
2019-09-06 16:01:09
327
转载 Typescript VSCode编译
今天项目使用了Typescript来写了点代码,然后发现了可以使用VSCode时时的编译,记录下来!一、安装ts 执行npm i -g typescript二、node必须安装,自行搜索三、先随便创建一个文件夹,里面弄一个index.ts的文件三、在index.ts同级目录下执行tsc --init执行之后会生成tsconfig.json的文件,内容大概这样子:(www.gendan5....
2019-09-05 16:02:02
374
转载 JS时间插件laydate
今天跟大家分享一个时间插件,这个插件是我以前经常使用的一个插件,比较强大,到目前为止还没有发现问题。这个插件支持一下几点:1、各种组合的时间选择(年月、年月日时分秒、阴历阳历)2、时间区间3、弹出显示与否4、时间自定义格式5、最大值最小值6、等等先去官网下载插件的压缩文件。解压之后会得到《laydate》的文件夹,你可以直接把这个文件复制到你的项目中。然后在你需要的地方引用&...
2019-09-05 16:00:06
355
转载 input宽度随内容变化
今天收到一个需求,input的宽度随着内容的变化而变化,最重要的还有最大宽度的限制。然后各种查资料个尝试,做了三个小案例:一、获取文字数量*文字宽度去计算虽然说这个方法代码量比较少,但是在不同的字体中还是有一定的误差的,所以建议不要使用,但是分享的角度来讲,我还是拿出来写一写。<input type="text"/><script type="text/javascrip...
2019-09-04 16:08:28
3615
转载 JS二维码生成插件,一键生成二维码
jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug,但是没啥大问题。建议使用在移动端上。这儿插件可以扩展开发,本来也是MIT协议的东西,后期我有可能会加点其他的功能,目前考虑的是加logo了,其他的再说。这个js插件可以点击生成,列表生成都是可以...
2019-09-04 16:07:26
461
转载 用JQuery做一个分屏滚动效果
平常会遇到这样的需求,网站整屏滚动效果。效果如下图,红色为浏览器窗口,其他为每一个块儿,当我们使用鼠标的滚轮的时候会上下切换。到这里咱们还需要一个东西,鼠标滚轮时间,还好有个插件帮咱们包装好了鼠标滚轮时间相关的参数jquery.mousewheel.min.js是个很出色的鼠标滚轮事件的插件,今天咱们就是用这个来写一个效果吧。第一步、引入必要的插件和库<script type="...
2019-09-03 10:31:11
331
转载 低版本IE浏览器不兼容placeholder解决方法
虽说现在很多网站都放弃了IE浏览器的低版本,但是很多时候咱们还得看甲方的要求就制作网站。如果甲方要求兼容IE789,那么咱们就得给人家做出来兼容的产品。今天就IE789的input标签的placeholder说一说解决方法。一、优雅降级解决(极力推荐)也就是俗称的不解决细节,只要大体能满足浏览的要求就可以,placeholder低版本不显示,那么咱们就不在去做兼容方法,反正以后的几年IE低版...
2019-09-03 10:29:34
213
转载 判断input是否被选中
今天处理了一个input被选中的问题,所以今天就谢谢input被选中的一些js相关的问题吧。input的被选中属性叫做checked。checked是input的多选框type=”checkbox”、单选框type=”radio”的属性。checked在JS里面有两个属性:1、选中的时候是true2、不被选中的是false到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了...
2019-08-30 15:01:35
7670
转载 JS生成随机密码
很多时候用户注册的时候需要给用户生成一个随机的密码,今天咱们就用JS生成一个随机密码吧。说起来这个还是群里的一个小伙伴提出来的,下面直接开始写代码吧。先声明一个数组,里面放密码所需要的英文字符、数字、特殊字符。var pasArr = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t...
2019-08-28 10:14:28
797
转载 JQuery拖拽效果
以前写过一个原生JS的拖拽效果《原生JS拖拽效果》,今天闲来无事就写一个JQ的拖拽吧。先上HTML部分:<div class="boxbox"><div class="box" style="top:150px;left:150px;"><em>关闭</em><img src="http://cenggel.com/wp-content/u...
2019-08-28 10:10:59
123
转载 JS数组的初级操作
今天因为一个比较麻烦的需求需要用得到数组的操作,然后简单的看了一下关于js操作数组相关的文章和一些使用方法,希望对大家有所帮助,当然因为时间的关系写都是一些基本的方法,后期有时间的话写一写应用方面的吧。首先定义一个数组:var arr = [1,2,3,4];一、arr.push(1);后面添加,结果[1,2,3,4,1]二、arr.unshift(1);前面添加,结果[1,1,2,3,...
2019-08-26 16:04:16
127
转载 JQuery包装对象wrap、wrapAll、wrapInner、unwrap
jq怎么在标签外面给父级标签,怎么在div外面动态加标签,怎么删除标签的父级元素,怎么把多个标签抱在一个标签里面,标签里面再加一个标签,请看JQuery包装对象wrap、wrapAll、wrapInner、unwrap。一、JQuery包装对象wrap有时候我们需要动态的操作,把一些标签抱在一个div或者其他标签里面。比如说动态在下面的span外面加个标签:<span>CGLwe...
2019-08-26 15:59:26
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人