- 博客(19)
- 收藏
- 关注
RSS订阅原创 stick footer笔记
stick footer功能：一、当页面内容未填充完可视区域时，button固定于底部，如图，“X”位于底部二、页面内容超出可视区域，出现滚动条，“X”不遮挡内容，如图 实现原理：布局：<div class="wrap"> //第一层嵌套两个子层 <div class="wrap-box"> //内容层 <di...
2018-12-07 17:11:47
217
原创 vue-cli笔记
关于vue脚手架环境搭建一、安装4版本以上node.js（控制台node -v查看安装成功后版本）二、npm instrall -g vue-cli （全局安装，安装完成运行vue命令检查）三、安装vue：vue init 模板 目录名 （vue init webpack my-vue）四、进入项目目录 npm instrall （安装项目依赖）五、npm run dev 运行...
2018-12-05 14:03:46
202
原创 JS补习笔记1
继承function Person(){};function Student(){};继承方式：Student.prototype = Person.prototype; //一、这样会给Student.prototype添加修改的时候，影响PersonStudent.prototype = new Person(); //二、构造器构造Person的实例，Person的实例指...
2018-12-05 12:54:35
192
转载 canvas drawImage()
可用函数drawImage(image, x, y) //按原图片大小绘制。drawImage(image, x, y, width, height) //按指定大小绘制。drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight) //常用于图片裁剪
2018-01-31 15:05:37
574
原创 canvas学习笔记
1.注意：设置canvas宽高，一般不用css写法，直接以属性（width,height）方式写[ 一同设置canvas内部的显示分辨率大小 ]，并且不带单位，如上代码所示。2.canvas进行绘制，在javascript进行初始化。var canvas = document.getElementById("canvas");var context = canvas.get
2018-01-29 12:16:46
215
转载 7种JS加密解密
HTML或JS加密解密 本文一共介绍了七种方法： 一：最简单的加密解密 二：转义字符"\"的妙用 三：使用Microsoft出品的脚本编码器Script Encoder来进行编码 （自创简单解码） 四：任意添加NUL空字符（十六进制00H） （自创） 五：无用内容混乱以及换行空格TAB大法 六：自写解密函数法
2018-01-10 15:09:01
4487
1
原创 使用js操作子页面iframe内的元素节点
最核心的就是获取iframe中的元素节点 上代码： var _iframe = document.getElementById('iframe').contentWindow;//选中iframe元素并且通过contentWindow获取iframe中window对象 var _div =_iframe.document.getElementById('div');//这一
2017-12-11 14:30:04
8444
1
原创 js数据类型隐式转换
二元+和-运算符的逻辑var num;num为一个变量num = num - 0;//num减去数字0，num转换成number类型num = num + '';//num加上空字符串，num转换成string类型等于和严格等于“1.23” == 1.23//把字符串转换成数字类型再进行比较0 == falsenull == undefinedboole
2017-11-03 15:47:53
328
原创 使用bootstrap-select多选下拉框和ajax请求到的数据添加到下拉框
首先讲下用法：引入css文件：引入js文件：//依赖JQ环境//使用显示中文字体的js开始使用：最关键的就是class="selectpicker"和实现多选的multiple，其他都是锦上添花。另外lay-xxx是关于集合layui框架使用的，可以无视。 最后ajax请求回来的数据添加到下拉框需要：$('#package
2017-11-03 12:22:17
4545
2
原创 关于自己接触for..in循环的坑
for in循环代码：var obj = { "10001":"xxx1","10002":"xxx2","10003":"xxx3","10004":"xxx4","10005":"xxx5" };for (var i in obj){ console.log(i)};输出结果：10001 10002 10
2017-11-03 12:09:27
412
原创 js人数递增
Document女王殿下、 8888正在看(function(){ var looknum = localStorage.getItem('num73')!= null ? parseInt(localStorage.getItem('num73')) : parseInt(document.querySelector(".looknum span").in
2017-10-26 13:03:22
614
转载 JQ实现弹幕
*{ margin: 0; padding: 0; } #box{ width: 1300px; height: 600px; border: 1px solid black;
2017-10-26 09:52:06
606
转载 JQ制作动态表格
> html> head> title>titletitle> meta http-equiv="pragma" content="no-cache"> meta http-equiv="cache-control" content="no-cache"> script type="text/
2017-10-25 18:08:24
456
转载 js中var a= b || c的写法
var a= b || c，在js中，这相当于一个赋值语句，如果b的值大于0或为true，那么就把b的值赋给a，否在就把c的值赋给a 布尔值，javascript中以下值会被转换为false false undefined null 0 -0 NaN "" ''
2017-10-25 17:20:17
7933
原创 静态页面弹幕
原声JS制作静态页面的弹幕效果，代码如下var barrageBox = document.querySelector('.barrage-box');var wWidth = window.innerWidth > 640 ? 640 : window.innerWidth;var during = parseInt(wWidth / 640 * 20000);var p
2017-10-25 12:22:53
1198
原创 使用random实现随机颜色值
function getRandomColor(){ var colorArr = ['1','2','3','4','5','6','7','8','9','A','B','C','D','E','F']; var color = ""; for(var i = 0; i color
2017-10-25 11:10:44
7065
原创 移动端初设置（使用rem作为单位）
头部设置，计算像素比pixelRatio并且还原像素比。计算出fontSize，根据当前fontSize得出rem，制作移动端页面。function setS(){var pixelRatio = 1 / window.devicePixelRatio;document.write('<meta name="viewport" content="width=device-width
2017-10-25 10:48:45
998
转载 Sublime text 3 如何格式化HTML/css/js代码
使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下：1、打开菜单->首选项->插件控制，输入 install package2、等待程序进入插件管理功能，再输入插件名称：TAG3、点击安装插件html-css-js prettify 。4、插件安装成功后，在需要格式化的HTML代码中
2017-10-25 10:23:34
726
转载 js中把new Date().getTime()时间戳转化成日期类型
var oldTime = (new Date("2011/11/11 20:10:10")).getTime(); //得到毫秒数大多数是用毫秒数除以365*24*60*60&1000，这么转回去，这种方法转换太过复杂，年月日，时分秒都要不同的方法获取，而且有的年份有366天，有的365天，这么算起来就太过复杂了。 var oldTime = (new Date("201
2017-10-25 10:16:45
35857
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人