俊刚的博客

function getNewList (result, obj) { var res = result.split(',' || '') var i = res.length console.log('i:' + i) while (i--) { if (res[i] == obj) {// res.remove(res[i])// delete res[i]

html代码: Untitled Page js代码: var fso = new ActiveXObject("Scripting.FileSystemObject"); //创建FileSystemObject对象 var path = "T:\\text.t

参数len为返回的随机字符串长度。若无参数，则默认输出32个字符。 function randomString(len) {　　len = len || 32;　　var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/　　v

将数据存入cookie中，设置时间365天。function setCookie (name, value) { var Days = 365 var exp = new Date() exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000) document.cookie = name + '=' + escape(val

警告框：function disp_alert(){alert("警告框！！");}折行警告框：alert("折行" + '\n' + "警告框。");确认框：function show_confirm(){var r=confirm("Press a button!");if (r==true)

// 每隔4个字符加空格间隔function replaceStr(str) { return str.replace(/(.{4})/g,'$1 ');}

JS实现倒计时(天数,时,分,秒) function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTi

html： Title 1 2 3 4 5 6 css：*{ margin: 0; padding: 0; list-style: none

简单的滚动效果：HTML文字滚动效果*{ margin:0; padding:0;}.box{ width:500px; border:3px solid #ccc; margin:50px auto 0; padding:10px;}dl,dt{ list-style:none;}dl dt{ line-height:24px; font-si

InitExcel:/*初始化一个Excel对象*/function InitExcel() { try { var app = new ActiveXObject("Excel.Application"); } catch (ex) { alert("Excel对象无法创建，请开启浏览器的ActiveX控键限制，并安装Excel2003！")

promise兼容性如下表所示，可以看出对安卓的兼容性并不好。而对此兼容性问题也有解决方法。require('es6-promise').polyfill()var axios = require('axios')

function getForm() { var form = document.getElementById("form1"); //获取id为“form1”表单中所有的属性的数据 var content = form.elements(0).value; //获取form表单中第一个元素的值 alert("姓名:"+content); //就是us

本地存储localStorage与seesionStorage:可供存储数据的大小：约5M。 cookie：4KBlocalStorage与sessionStorage都是用来存储客户端信息的对象，并且都只能存储字符串类型的对象。localStorage的生命周期是永久，除非手动删除，否则永久存在。seesionStorage的生命周期为当前窗口或者标签页，一旦这些窗口或者标签页被

自从2016实习那年遇上csdn后就比较喜欢这个平台了，那时候存粹是为了学习点技术。每次遇到点问题解决之后都会在这记录下来以便于下次遇到好快速解决，顺便能够让其他遇到相同问题的人能够快速处理。 而近两三年因为各种事情都没有空去记录这些，也感觉自己没什么输出。所以现在想开始改变这些，无论多忙都要总结一下最近的问题以及一些技术解决方案。此贴为证。冲！！！...

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。但是有时候会被ESLint的报错阻止程序的运行，这时候我们就想关闭这个ESLint了。在vue项目中关闭ESLint方法：找到build文件夹--->webpack.base.conf.js---->module将这些代码注释掉，如图：然后重启服务，

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以首先要安装nodejs。安装完成后，打开cmd。输入 node -v， 出现类似v6.11.2这样的版本号说明node安装成功。输入 npm -v, 出现类似v3.10.10这样的版本号说明npm安装成功.然后开始新建一个vue项目：（1）

1. 安装vue-wechat-title:npm install vue-wechat-title2. 在mian.js 中引入：import vueWechatTitle from 'vue-wechat-title'Vue.use(vueWechatTitle)3. 在路由中配置meta{ path: '/index', name: 'index',...

这些代码主要实现的功能就是一些2D的动画效果，如平移动画，旋转动画等等。HTML5代码： 动画效果 平移动画 图片描述 图片描述 图片描述 旋转动画

拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.实例: 拖放 #div1{width

cloneRange方法  Range对象的cloneRange方法用于对当前的Range对象进行复制，该方法返回复制的Range对象，该方法使用如下所示：var rangeClone = rangeObj.cloneRange(); function cloneRange(){ var rangeObj =

absolute：绝对定位。越独立越强大，无依赖性。不受容器的限制。独立的absolute可以摆脱overflow的限制，无论是滚动还是隐藏。absolute与float不能一起使用，如果absolute生效，则float是无效的。绝对定位可以配合margin实现相对定位。动画尽量作用在绝对定位元素上。

效果图：注释：ul * 表示ul下的所有样式都是这些。改变代码中的ul *中的background-color: rgba(255, 100, 100, 0.5);即可改变魔方的颜色。 可以尝试通过改变perspective的值可以看下有什么效果。代码： 3D魔方 *{ margin:0; pa

可以设置水平和垂直位置为百分比，或以像素为单位，或在水平方向上可以使用left/center/right，在垂直方向上可以使用top/center/bottom。位置起始于左上角。如果你不指定水平或垂直位置，它将默认为center。其工作方式主要包含：Top → Bottom、Left → Right、bottom → top、right → left等。效果图：

一：Range对象的概念 Range对象代表页面上的一段连续区域，通过Range对象，可以获取或修改页面上的任何区域，可以通过如下创建一个空的Range对象，如下：      var  range = document.createRange();在html5中，每一个浏览器窗口及每一个窗口中都有一个selection对象，代表用户鼠标在页面中所选取的区域，

1.figure2.figcaption3.details4.summary5.mark6.progress7.meter8.ol9.dl10.cite11.small

先看效果图，后面有详细代码。

这篇文章主要是HTML的标签元素。主要有基础标签，html，head，body，p等。表单的一些标签。表格的标签等等。。

span{height:40px; width:40px; display:block; position:relative;} .demoSpan1{width:22px;}.demoSpan1:before{content:''; height:12px; width:12px; border:5px solid blue; display:block; position:absol

一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(

css3制作的三级菜单导航栏：效果图：这个是垂直菜单栏： 代码：CSS3 3级菜单 *{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px;} a{text-decoration:none;display:block;transition:transf

本文章主要讲form表单中的get与post的区别。

div布局：html+css实现简单布局。#container中height不能写成百分数，必须为具体高度。 div布局 body{ margin:0; padding:0; } #container{ width:100%;

1.url 类型2.email 类型3.date 类型4.time 类型5.datetime 类型6.datetime-local 类型7.month 类型8.week 类型9.number 类型10.range 类型11.search 类型12.tel 类型13.color 类型14.output 元素

width设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度initial-scale设置页面的初始缩放值，为一个数字，可以带小数minimum-scale允许用户的最小缩放值，为一个数字，可以带小数maximum-scale允许用户的最大缩放值，为一个数字，可

使用方法：-webkit-filter: blur(5px); /* Chrome, Safari, Opera */    filter: blur(5px);blur(px)给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；如果没有设定值，则默认是0；这个参数可设置css长度值，但不

这篇文章主要是立方体3D转换的代码，6个面可以换上自己喜欢的图片或者文字。

简单注册页面body { margin: 0; font: 14px/1.4 "Microsoft YaHei"; background-color: #EDEFF0; }a { color: #50B6E5; }.constr { width: 1200px; margin-left: auto; margin-right: auto; }.regist-head { height:

通常所说的META标签，是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。1、和 用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；2、定时让网页在指定的时间n内，

响应式布局响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到

什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：Ja