- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 window.close()无法关闭的问题
先来看看两张图原因分析这是什么意思呢？我们再来看看一组图看到这里应该明白了吧直接输入url打开的窗口是不允许使用脚本关闭的而点击进来的窗口允许通过脚本关闭我们在写项目的时候也不会直接关闭我们的首页 我们一般也是点击进来的页面进行关闭其他兼容性的问题我这就不做累述了...
2019-11-14 11:14:03
1168
原创 【初识Vue】父子组件间传值
<div id="app"> <!-- 父组件通过属性的方式向子组件传值 --> <!-- 子组件通过事件的方式向父组件传值 --> <!-- 子组件的change事件是自定义事件 可以自子取名 --> <counter :count="0" @change="hand...
2019-08-17 19:46:27
234
原创 ECharts天气预报折线图
引入依赖文件 JQuery和ECharts<script src="./js/jquery-3.4.1.min.js"></script> <script src="./js/echarts.min.js"></script><div id="weather" class="col-lg-7 col-md-12" style="he...
2019-08-12 11:23:58
9614
2
原创 自适应DIV
问题这几天在做项目的时候遇到加载头像长宽不等的情况，由于写的自适应页面，又不能把宽高设置成固定值。于是出现以下情况，很丑对不对。解决我们知道，div的宽度用百分比很容易设置，可是高度往往是由内容填充的，那么让高度等于宽度不就行了吗？用JS或JQ监听宽度改变时高度也改变可以很容易做到，可是能用css解决的问题就绝不用JS。这就让我想到padding，margin的top，bottom，l...
2019-08-09 23:01:26
722
原创 超简单的ztree树形展示
1.下载ztree这里附上链接： https://gitee.com/zTree/zTree_v32.解压到要用到的项目里3.开始操作引入必要的文件写相关的HTML代码js操作js操作主要分三步1.配置对象2.显示的数据(只截取了一部分)3.DOM节点有些数据并不符合ztree的数据格式 我们要将数据封装成ztree需要的数据格式才行，以下数据格式才是ztree需...
2019-08-06 18:57:14
466
原创 indexedDB封装(增删改查)
(function () { var dbObj = {}; /** * 打开数据库 */ dbObj.init = function (param) { this.dbName = param.dbName; this.dbVersion = param.dbVersion; this....
2019-08-05 22:38:46
2715
原创 HTML5自定义媒体播放
window.onload = function () { var btn = document.getElementById('btn'); //给按钮做代理 var video = document.getElementsByTagName('video')[0]; var toggle = document.getEl...
2019-07-31 18:38:36
243
原创 Firefox浏览器本地调试跨域问题
问题火狐浏览器出现如下跨域请求解决在地址栏输入about:config搜索security.fileuri.strict_origin_policy 将值改为 false
2019-07-30 09:40:43
2102
原创 完美解决vscode没有代码提示的问题
问题使用vscode打代码时老是没有提示。解决一般都移动一下光标之后再继续写就能有代码提示了. 效果如图在设置中搜索prevent 把前面那个勾取消掉设置完就立即生效了...
2019-07-29 18:36:25
84281
20
原创 原生js的AJAX封装及实例
代码优势类数组作为参数的缺点参数太多，不易使用，需要记住顺序参数为空时，需要使用undefined 或者 null 占位，否则参数会错误对象作为参数传参的优点：直接使用对象，不用记参数顺序参数干净封装Ajax function myAjax(options) { //创建实例 var http = new XMLHttpRequest();...
2019-07-25 19:37:40
192
原创 css自定义形状(clip-path)
示例接下来的操作以以下div为例基本图形：insetinset() : 定义一个矩形 。注意，定义矩形不是rect，而是 inset。inset()可以传入5个参数，分别对应top,right,bottom,left的裁剪位置,round radius（可选，圆角）//示例clip-path：insetclip-path: inset(2em 1em 5em 2em round 3...
2019-07-19 11:03:53
1090
原创 正则表达式的组匹配
（1）概述正则表达式的括号表示分组匹配，括号中的模式可以用来匹配分组的内容。/fred+/.test('fredd') // true/(fred)+/.test('fredfred') // true上面代码中，第一个模式没有括号，结果+只表示重复字母d，第二个模式有括号，结果+就表示匹配fred这个词。下面是另外一个分组捕获的例子。var m = ‘abcabc’.match(/...
2019-07-19 08:57:58
4698
原创 JS创建对象的四种模式对比
目录1. 工厂模式2. 构造函数模式3. 原型模式4. 组合模式（推荐）1. 工厂模式function createObject(name, age, gender) { var obj = { name: name, age: age, gender: gender, sayName:function(){ ...
2019-07-15 19:08:24
216
原创 JS重写reverse、push、pop、unshift、shift
var arr = [8, 6, 3, 2, 9, 5, 7, 1, 4]//反转数组Array.prototype.rev = function () { var later = this.length - 1, temp; for (let i = 0; i < this.length; i++) { temp = this[i]; ...
2019-07-15 09:28:50
624
原创 JS声明提前
JS中的声明提前，变量声明提前，函数声明提前，以及声明提前的顺序首先来看以下一段代码：console.log(a)//?a();//?var a ;function a(){ console.log(10);}console.log(a);//?a = 6;a();//?四个输出分别是什么呢？我们来调试一下，执行到 a= 6时输出如下：最后一个a();报错。接下...
2019-07-11 20:26:23
513
原创 原生JS实现轮播图
JS轮播图所涉及的主要知识点：定时器绝对定位溢出隐藏CSS代码#slider { overflow: hidden; /*溢出隐藏*/ position: relative; /*相对定位为子元素提供参考*/ width: 100%; height: 520px;}/*轮播图片*/#pic li { background: url(../...
2019-07-09 19:47:15
182
原创 JS逻辑运算
在JS中 逻辑运算返回的值不一定是true 和 false例如：在这段代码中： var a = 123 var b = undefined var c = 'hello' var d = '' var e = 0 console.log(a && b) ...
2019-07-09 17:04:42
242
原创 Navicat远程连接数据库
工具/原料navicat、Linux系统、MySQL。步骤1.在服务器上登录自己的mysql2.创建可以远程连接的用户并赋予权限GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'root' WITH GRANT OPTION;（前一个root 是用户名，后一个是密码，%代表所有电脑都能登录）3.当然别忘了刷新权...
2019-07-05 15:22:21
3172
2
原创 JS局部变量和参数传递
以以下代码为例：var bb = 1; function aa(bb) { bb = 2; alert(bb); }; aa(bb); alert(bb);这段代码的输出结果是什么呢？首先看Var bb=1；这是一个全局变量而函数aa(bb)中的bb是以传值方式传入的，相当于在函数中重新...
2019-07-05 09:58:19
1375
原创 H5 Css3常见问题
1、a.无意义标签div，span 主要用来布局b.一级标签body 一个页面中只有一个c.二级标签div，span…d.三级标签p2、布尔属性的样式reversed 反转 open 打开checked 默认选中，用于单选或者多选disabled 禁止选中状态readonly 只读multiple 是否可以多选selected 默认选中下拉框中的某...
2019-07-03 20:26:41
343
原创 关于阿里云22端口连接失败的问题
先说说今天遇到的问题，由于在另一台电脑登录云服务器的时候忘记了密码，于是在阿里云需改密码后就遇到如下的问题我心想这不就是未开放22号端口吗，随后又访问我的域名，发现域名也无法访问，wtfffffffffffff， 尝试救援连接也登录不上，没办法最后给阿里提交了个工单，不得不说，阿里的服务还是不错的，虽然总时长有些长，但最终结果还是很好的，感谢阿里的小哥这么晚还给我解决问题。还要听各位...
2019-07-03 20:09:26
6740
2
转载 H5新标签
1.Header：页眉描述了文档的头部区域，于定义内容的介绍展示区域。（1）只有必要时使用header，大多数情况下，如果只有h1~h6或hgroup，没有其它需要与之组合在一起的伴生内容，就没有必要用header将它包起来。（2）header与h1~h6元素中的标题是不能互换的，它们都有各自的语义目的。（3）不能在header里嵌套footer元素或另一个header，也不能在foote...
2019-07-03 20:05:36
739
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人