- 博客(24)
- 收藏
- 关注
RSS订阅转载 滚动条美化插件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
309
转载 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
226
转载 ECMAScript语句之with 语句
ECMAScript with 语句，用于设置代码在特定对象中的作用域（with运行缓慢，设置了属性值时更加缓慢，最好避免使用with语句）一、with 语句用于字符串（配合toUpperCase()方法）var a = "CGLweb前端";with(a) {console.log(toUpperCase()); //输出 "CGLweb前端"}二、with 语句可以方便地用来引用某...
2019-09-16 17:34:12
573
转载 JS鼠标事件大全
今天遇到了需要使用鼠标事件的效果，然后查了一下鼠标事件，以后使用可以拿来使用了。鼠标左右键事件：click：点击事件dbclick：双击事件mousedown：鼠标按下时触发mouseenter：鼠标移入时触发（不冒泡，后代元素不触发）mouseleave：鼠标移出时触发（不冒泡，后代元素不触发）mousemove：鼠标在元素内部移动时触发mouseout：鼠标移入另一个元素时触发...
2019-09-12 14:07:03
209
转载 ECMAScript的数据类型有哪些？
简单数据类型：Undefined、NULL、String、Number、Boolean复杂数据类型：Object简单数据类型讲解一、Undefined1、值定义之后没有初始化2、值定义之后，使用undefined来初始化3、值为undefined4、不建议使用undefined来初始化或者作为初始值5、Number(undefined) = NaN6、undefined：缺少值二...
2019-09-12 14:04:20
513
转载 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
1152
转载 input只可输入数字，IE8及以上+主流浏览器
今天处理一个表单的限制问题，然后测试说input输入框能输入数字以外的字符。当时我就表示在精神上强烈的谴责IE浏览器的各个版本。在我测试后发现谷歌及其他浏览器都挺好的，就是IE浏览器不行，然后想着直接使用JS比较好，也不容易出现不兼容问题。这里的代码是做了很多的改变，因为自己的项目上用的是跟其他的插件一起使用的，所以不需要现在这样麻烦。写的不是很好，主要是一些我的个人的想法以及思路。希望能帮...
2019-09-11 16:13:47
398
转载 纯代码制作wordpress上下篇，分类上下篇
对于一个网站来说，文章上下篇是必不可少的，wordpress自带的上下篇对于SEO优化不是很友好，上下篇的链接并没有title属性的存在。所以这两天一直在看各种wordpress的上下篇的函数，期间也看了很多的案例，但是都没有能找到能满足我的要求的。经过一晚上的研究，出了一套可用的wordpress上下篇的代码，考虑到第一篇和最后一篇对浏览者的友好度，添加了《已经是最后一篇》和《已经是第一篇了...
2019-09-10 15:09:29
751
转载 ECMAScript6转码器，ES6转ES5
现在越来越多的前端开始关注ES6，也有一部分人开始用ECMAScript 6，但是ES6的一些新的特性并不被低版本的浏览器支持。所以这次就分享一个ES6转ES5的方法。一、首先建立一个文件夹，然后里面创建.babelrc文件有时候这个文件创建不了的，可以从别处复制过来.babelrc文件的内容填写如下：{"presets": [],"plugins": []}.babelrc的后期修改需...
2019-09-10 15:04:18
209
转载 前端盒子居中显示方法，前端上下左右居中
前端布局的时候总是会遇到一些需要居中的方案，下面是我平常使用的一些方法，当然还有很多的方法也能居中显示。1、宽高固定 – 使用绝对定位居中显示这儿一般是用在固定的大小的box中使用，如果相对定位的box大于屏幕不建议使用。代码如下：<div class="box1"><div></div></div><style type="text/css...
2019-09-09 15:41:35
2412
转载 html、css文字加粗方法
一般来说前端加粗字体的方法有两种，一个是html标签加粗的方法，另一个是css加粗字体的方法，还有一个是字体加粗方法。前两个是我们最常用的方法，后一个感觉有点非主流的方法，也不知道我是怎么想到这种方法的，有点为自己的智商感到悲伤，下面给大家详细的介绍一下。一、标签方法加粗文字1、h(1~6标签)书写方式<h1>h1标签 -> CGLweb前端</h1><h...
2019-09-09 15:40:24
22774
转载 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
740
转载 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
334
转载 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
386
转载 JS时间插件laydate
今天跟大家分享一个时间插件，这个插件是我以前经常使用的一个插件，比较强大，到目前为止还没有发现问题。这个插件支持一下几点：1、各种组合的时间选择（年月、年月日时分秒、阴历阳历）2、时间区间3、弹出显示与否4、时间自定义格式5、最大值最小值6、等等先去官网下载插件的压缩文件。解压之后会得到《laydate》的文件夹，你可以直接把这个文件复制到你的项目中。然后在你需要的地方引用&...
2019-09-05 16:00:06
361
转载 input宽度随内容变化
今天收到一个需求，input的宽度随着内容的变化而变化，最重要的还有最大宽度的限制。然后各种查资料个尝试，做了三个小案例：一、获取文字数量*文字宽度去计算虽然说这个方法代码量比较少，但是在不同的字体中还是有一定的误差的，所以建议不要使用，但是分享的角度来讲，我还是拿出来写一写。<input type="text"/><script type="text/javascrip...
2019-09-04 16:08:28
3658
转载 JS二维码生成插件，一键生成二维码
jquery.qrcode是个依赖jquery的二维码生成插件，主要用于连接和文本的二维码生成，有两种生成格式canvas和table格式的，当然canvas不支持低版本浏览器，table有点小bug，但是没啥大问题。建议使用在移动端上。这儿插件可以扩展开发，本来也是MIT协议的东西，后期我有可能会加点其他的功能，目前考虑的是加logo了，其他的再说。这个js插件可以点击生成，列表生成都是可以...
2019-09-04 16:07:26
473
转载 用JQuery做一个分屏滚动效果
平常会遇到这样的需求，网站整屏滚动效果。效果如下图，红色为浏览器窗口，其他为每一个块儿，当我们使用鼠标的滚轮的时候会上下切换。到这里咱们还需要一个东西，鼠标滚轮时间，还好有个插件帮咱们包装好了鼠标滚轮时间相关的参数jquery.mousewheel.min.js是个很出色的鼠标滚轮事件的插件，今天咱们就是用这个来写一个效果吧。第一步、引入必要的插件和库<script type="...
2019-09-03 10:31:11
345
转载 低版本IE浏览器不兼容placeholder解决方法
虽说现在很多网站都放弃了IE浏览器的低版本，但是很多时候咱们还得看甲方的要求就制作网站。如果甲方要求兼容IE789，那么咱们就得给人家做出来兼容的产品。今天就IE789的input标签的placeholder说一说解决方法。一、优雅降级解决（极力推荐）也就是俗称的不解决细节，只要大体能满足浏览的要求就可以，placeholder低版本不显示，那么咱们就不在去做兼容方法，反正以后的几年IE低版...
2019-09-03 10:29:34
223
转载 判断input是否被选中
今天处理了一个input被选中的问题，所以今天就谢谢input被选中的一些js相关的问题吧。input的被选中属性叫做checked。checked是input的多选框type=”checkbox”、单选框type=”radio”的属性。checked在JS里面有两个属性：1、选中的时候是true2、不被选中的是false到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了...
2019-08-30 15:01:35
7752
转载 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
805
转载 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
131
转载 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
137
转载 JQuery包装对象wrap、wrapAll、wrapInner、unwrap
jq怎么在标签外面给父级标签，怎么在div外面动态加标签，怎么删除标签的父级元素，怎么把多个标签抱在一个标签里面，标签里面再加一个标签，请看JQuery包装对象wrap、wrapAll、wrapInner、unwrap。一、JQuery包装对象wrap有时候我们需要动态的操作，把一些标签抱在一个div或者其他标签里面。比如说动态在下面的span外面加个标签：<span>CGLwe...
2019-08-26 15:59:26
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人