Gendan5的博客_(2)

div固定显示的几种方法

很多时候我们会受到一些需求：1、div一直置顶2、div一直置底3、超过一定的位置之后div置顶4、超过一定位置之后div置底那么下面针对上面的几个问题写几个案例：一、div一直在屏幕的上方，这个倒是容易咱们直接使用position:fixed;然后设置他的top值和left就可以了，别忘了设置宽度哦<divclass="top"><divclass=&quo

div

原创 2019-09-18 10:16:54 1908 阅读

JS生成随机密码

很多时候用户注册的时候需要给用户生成一个随机的密码，今天咱们就用JS生成一个随机密码吧。说起来这个还是群里的一个小伙伴提出来的，下面直接开始写代码吧。先声明一个数组，里面放密码所需要的英文字符、数字、特殊字符。varpasArr=['a','b','c','d','e','f','g',

JS

原创 2019-09-17 15:30:27 2976 阅读

滚动条美化插件jquery.nicescroll

今天给大家介绍一个滚动条美化插件jquery.nicescroll，这个插件有以下一个主意事项：1、兼容所有最新的桌面浏览器和旧版：Chrome，Firefox，Edge，IE8+，Safari（win/mac），Opera2、兼容移动设备：iPad/iPhone/iPod，Android4+，Blackberry手机和Playbook（WebWorks/TableOS），WindowsPhone

jquery

原创 2019-09-17 15:29:17 969 阅读

ECMAScript语句之《switch 语句》

switch语句又名《分支语句》，很多资料把他称之为if语句的兄弟语句。在if语句中条件过多的时候可以使用switch语句来简化代码。先看一下语法：switch(expression){casevalue:statement;break;casevalue:statement;break;casevalue:statement;break;default:statement;}解释一下：1、exp

ECMAScript

原创 2019-09-16 17:37:16 387 阅读

ECMAScript语句之with 语句

ECMAScriptwith语句，用于设置代码在特定对象中的作用域（with运行缓慢，设置了属性值时更加缓慢，最好避免使用with语句）一、with语句用于字符串（配合toUpperCase()方法）vara="CGLweb前端";with(a){console.log(toUpperCase());//输出"CGLweb前端"}二、with语句可以方便地用

ECMAScript

原创 2019-09-16 17:34:12 559 阅读

JS鼠标事件大全

今天遇到了需要使用鼠标事件的效果，然后查了一下鼠标事件，以后使用可以拿来使用了。鼠标左右键事件：click：点击事件dbclick：双击事件mousedown：鼠标按下时触发mouseenter：鼠标移入时触发（不冒泡，后代元素不触发）mouseleave：鼠标移出时触发（不冒泡，后代元素不触发）mousemove：鼠标在元素内部移动时触发mouseout：鼠标移入另一个元素时触发（包含子元素）m

JS

原创 2019-09-12 14:07:03 2112 阅读

ECMAScript的数据类型有哪些？

简单数据类型：Undefined、NULL、String、Number、Boolean复杂数据类型：Object简单数据类型讲解一、Undefined1、值定义之后没有初始化2、值定义之后，使用undefined来初始化3、值为undefined4、不建议使用undefined来初始化或者作为初始值5、Number(undefined)=NaN6、undefined：缺少值二、NULL1、空对象的

ECMAScript

原创 2019-09-12 14:04:20 538 阅读

JS文字变大变小，文本背景色，JS文字大中小

这次使用JQ写了一个效果，包含了三个功能JS文字变大变小，JS文本背景色，JS文字大中小，对我就把这些集中到一块去写了。注意事项：1、三个效果可以共存2、id=”cgl_text_box”上的自定义属性data-size=”14″里面的数字是跟css的font-size的大小一样，鬼知道能不能获取css里面的数字，有的话千万不要告诉我3、文字大中小效果的文字大小写在自定义属性data-sizen里

JS

原创 2019-09-11 16:17:58 847 阅读

input只可输入数字，IE8及以上+主流浏览器

今天处理一个表单的限制问题，然后测试说input输入框能输入数字以外的字符。当时我就表示在精神上强烈的谴责IE浏览器的各个版本。在我测试后发现谷歌及其他浏览器都挺好的，就是IE浏览器不行，然后想着直接使用JS比较好，也不容易出现不兼容问题。这里的代码是做了很多的改变，因为自己的项目上用的是跟其他的插件一起使用的，所以不需要现在这样麻烦。写的不是很好，主要是一些我的个人的想法以及思路。希望能帮到大家

input

原创 2019-09-11 16:13:47 500 阅读

纯代码制作wordpress上下篇，分类上下篇

对于一个网站来说，文章上下篇是必不可少的，wordpress自带的上下篇对于SEO优化不是很友好，上下篇的链接并没有title属性的存在。所以这两天一直在看各种wordpress的上下篇的函数，期间也看了很多的案例，但是都没有能找到能满足我的要求的。经过一晚上的研究，出了一套可用的wordpress上下篇的代码，考虑到第一篇和最后一篇对浏览者的友好度，添加了《已经是最后一篇》和《已经是第一篇了》的

wordpres

原创 2019-09-10 15:09:29 517 阅读

ECMAScript6转码器，ES6转ES5

现在越来越多的前端开始关注ES6，也有一部分人开始用ECMAScript6，但是ES6的一些新的特性并不被低版本的浏览器支持。所以这次就分享一个ES6转ES5的方法。一、首先建立一个文件夹，然后里面创建.babelrc文件有时候这个文件创建不了的，可以从别处复制过来.babelrc文件的内容填写如下：{"presets":[],"plugins":[]}.b

ECMAScript6

原创 2019-09-10 15:04:18 896 阅读

前端盒子居中显示方法，前端上下左右居中

前端布局的时候总是会遇到一些需要居中的方案，下面是我平常使用的一些方法，当然还有很多的方法也能居中显示。1、宽高固定–使用绝对定位居中显示这儿一般是用在固定的大小的box中使用，如果相对定位的box大于屏幕不建议使用。代码如下：<divclass="box1"><div></div></div><styletype=&quo

css

原创 2019-09-09 15:41:35 1572 阅读

html、css文字加粗方法

一般来说前端加粗字体的方法有两种，一个是html标签加粗的方法，另一个是css加粗字体的方法，还有一个是字体加粗方法。前两个是我们最常用的方法，后一个感觉有点非主流的方法，也不知道我是怎么想到这种方法的，有点为自己的智商感到悲伤，下面给大家详细的介绍一下。一、标签方法加粗文字1、h(1~6标签)书写方式<h1>h1标签->CGLweb前端</h1><h2>

html

css

原创 2019-09-09 15:40:24 10000+阅读

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、:nth-child

css

原创 2019-09-06 16:06:56 546 阅读

NodeJS express跨域获取数据

这几天一直在研究NodeJS跨域获取数据的事情，然后找到了一个好用的模块request。一、先把咱们的主要模块引用进来：这里我使用的是expressvarexpress=require('express');varrouter=express.Router();varrequest=require('request');request需要安装，方法为：npminst

NodeJS express

原创 2019-09-06 16:01:09 834 阅读

Typescript VSCode编译

今天项目使用了Typescript来写了点代码，然后发现了可以使用VSCode时时的编译，记录下来！一、安装ts执行npmi-gtypescript二、node必须安装，自行搜索三、先随便创建一个文件夹，里面弄一个index.ts的文件三、在index.ts同级目录下执行tsc--init执行之后会生成tsconfig.json的文件，内容大概这样子:（www.gendan5.com）{"

Typescript VSCode

原创 2019-09-05 16:02:02 728 阅读

JS时间插件laydate

今天跟大家分享一个时间插件，这个插件是我以前经常使用的一个插件，比较强大，到目前为止还没有发现问题。这个插件支持一下几点：1、各种组合的时间选择（年月、年月日时分秒、阴历阳历）2、时间区间3、弹出显示与否4、时间自定义格式5、最大值最小值6、等等先去官网下载插件的压缩文件。解压之后会得到《laydate》的文件夹，你可以直接把这个文件复制到你的项目中。然后在你需要的地方引用<scriptty

JS

原创 2019-09-05 16:00:06 604 阅读

input宽度随内容变化

今天收到一个需求，input的宽度随着内容的变化而变化，最重要的还有最大宽度的限制。然后各种查资料个尝试，做了三个小案例：一、获取文字数量*文字宽度去计算虽然说这个方法代码量比较少，但是在不同的字体中还是有一定的误差的，所以建议不要使用，但是分享的角度来讲，我还是拿出来写一写。<inputtype="text"/><scripttype="text/

input

原创 2019-09-04 16:08:28 3726 阅读

JS二维码生成插件，一键生成二维码

jquery.qrcode是个依赖jquery的二维码生成插件，主要用于连接和文本的二维码生成，有两种生成格式canvas和table格式的，当然canvas不支持低版本浏览器，table有点小bug，但是没啥大问题。建议使用在移动端上。这儿插件可以扩展开发，本来也是MIT协议的东西，后期我有可能会加点其他的功能，目前考虑的是加logo了，其他的再说。这个js插件可以点击生成，列表生成都是可以的，

JS

原创 2019-09-04 16:07:26 1013 阅读

用JQuery做一个分屏滚动效果

平常会遇到这样的需求，网站整屏滚动效果。效果如下图，红色为浏览器窗口，其他为每一个块儿，当我们使用鼠标的滚轮的时候会上下切换。到这里咱们还需要一个东西，鼠标滚轮时间，还好有个插件帮咱们包装好了鼠标滚轮时间相关的参数jquery.mousewheel.min.js是个很出色的鼠标滚轮事件的插件，今天咱们就是用这个来写一个效果吧。第一步、引入必要的插件和库<scripttype="te

JQuery

原创 2019-09-03 10:31:11 932 阅读

低版本IE浏览器不兼容placeholder解决方法

虽说现在很多网站都放弃了IE浏览器的低版本，但是很多时候咱们还得看甲方的要求就制作网站。如果甲方要求兼容IE789，那么咱们就得给人家做出来兼容的产品。今天就IE789的input标签的placeholder说一说解决方法。一、优雅降级解决（极力推荐）也就是俗称的不解决细节，只要大体能满足浏览的要求就可以，placeholder低版本不显示，那么咱们就不在去做兼容方法，反正以后的几年IE低版本的浏

placeholde

原创 2019-09-03 10:29:34 688 阅读

JS跳转链接，JS跳转页面方法

在制作网站的时候我们很多时候都会遇到使用javascript来控制跳转链接。JS跳转链接有很多种这里就写一些咱们经常用的到的方法：第一种，JS直接打开页面（不删除来源页面）(www.gendan5.com)window.location.href="http://cenggel.com/";第三种，直接打开页面（删除来源页面）window.location.replace(&q

JS

原创 2019-08-30 15:03:02 3687 阅读

判断input是否被选中

今天处理了一个input被选中的问题，所以今天就谢谢input被选中的一些js相关的问题吧。input的被选中属性叫做checked。checked是input的多选框type=”checkbox”、单选框type=”radio”的属性。checked在JS里面有两个属性：1、选中的时候是true2、不被选中的是false到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了。首先咱们先

input

原创 2019-08-30 15:01:35 3091 阅读

JS生成随机密码

很多时候用户注册的时候需要给用户生成一个随机的密码，今天咱们就用JS生成一个随机密码吧。说起来这个还是群里的一个小伙伴提出来的，下面直接开始写代码吧。先声明一个数组，里面放密码所需要的英文字符、数字、特殊字符。varpasArr=['a','b','c','d','e','f','g',

JS

原创 2019-08-28 10:14:28 928 阅读

JQuery拖拽效果

以前写过一个原生JS的拖拽效果《原生JS拖拽效果》，今天闲来无事就写一个JQ的拖拽吧。先上HTML部分：<divclass="boxbox"><divclass="box"style="top:150px;left:150px;"><em>关闭</em><imgsrc="ht

JQuery

原创 2019-08-28 10:10:59 527 阅读

JS数组的初级操作

今天因为一个比较麻烦的需求需要用得到数组的操作，然后简单的看了一下关于js操作数组相关的文章和一些使用方法，希望对大家有所帮助，当然因为时间的关系写都是一些基本的方法，后期有时间的话写一写应用方面的吧。首先定义一个数组：vararr=[1,2,3,4];一、arr.push(1);后面添加，结果[1,2,3,4,1]二、arr.unshift(1);前面添加，结果[1,1,2,3,4]三、arr.

JS数组

原创 2019-08-26 16:04:16 296 阅读

JQuery包装对象wrap、wrapAll、wrapInner、unwrap

jq怎么在标签外面给父级标签，怎么在div外面动态加标签，怎么删除标签的父级元素，怎么把多个标签抱在一个标签里面，标签里面再加一个标签，请看JQuery包装对象wrap、wrapAll、wrapInner、unwrap。一、JQuery包装对象wrap有时候我们需要动态的操作，把一些标签抱在一个div或者其他标签里面。比如说动态在下面的span外面加个标签：<span>CGLweb前端

JQuerywrap、wrap

wrapInner、unwrap

原创 2019-08-26 15:59:26 567 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Gendan5的博客