- 博客(58)
- 收藏
- 关注
原创 自定义滚动条样式
.dispose-result-list .content::-webkit-scrollbar { width: 5px; height: 100%; border-radius: 50px;}//控制滚动条宽高.dispose-result-list .content::-webkit-scrollbar-thumb { background: #2f5aab; border-radius: 50px;}//控制滚动条内滑块的样式.dispose-re
2020-09-23 17:17:22 563
原创 动态修改legend属性
ECharts不能单独动态修改legend某个属性,let data:string[]= ['信息','测试']option.legend.data = data这样达不到你想要的结果想要修改data属性需要给legend重新赋值,而不是给legend的data属性赋值正确写法:let legend = { type:'bar', data:[] ...}option.legend = legend;这样就能实现想要的效果了...
2020-08-06 09:08:51 2726
原创 swiper禁止滑动
touchRatio:触摸比例。触摸距离与slide滑动距离的比率默认为1,按照1:1的触摸比例滑动。设置为0时,完全无法滑动如果touchRatio值为 -1 则反方向滑动var swiper = new Swiper(".swiper-container", { touchRatio: '0' });...
2020-05-22 09:33:44 2895 2
原创 uni-app全局变量的几种实现方式
uni-app全局变量的几种实现方式有 公用模块、挂载Vue.prototype、globalData、vuex 几种方式
2020-04-06 10:48:39 552
原创 禁止html移动端双击变大
加上这段代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
2020-01-14 15:03:15 1156
原创 清除下拉框(select)样式
select清除默认样式 appearance:none; -moz-appearance:none; -webkit-appearance:none;ie清除默认样式select::-ms-expand { display: none; }
2020-01-14 15:00:25 1152
原创 uni-app form表单的@submit属性获取不到form表单中的内容
@submit获取不到form表单内容问题需要给每个form表单里边的元素加上一个name<form @submit="formSubmit"> <input type="text" name="我是input" value="" /> <input type="text" placeholder="我是input" name="input1"/>...
2020-01-09 11:54:00 8370 3
原创 点击复制文本框中的内容
创建一个id为basic_wxh的HTML盒子在时间里边调用该函数copyArticlefunction copyArticle() { var range = document.createRange(); range.selectNode(document.getElementById('basic_wxh')); var selection...
2020-01-02 11:07:44 308
原创 vue的优点
VUE的优点轻量级框架简单易学双向数据绑定组件化视图数据和结构分离虚拟DOM运行速度快vue是页面应用,是页面布局刷新,不用每次条状页面求要请求所有数据和DOM,这样大大加快了访问速度和提升用户体验。而且他的三方ui库很多,可以节省开发时间...
2019-11-01 09:30:50 3539
原创 v-if/v-for
Vue.js初始Vue.js声明式渲染初始Vue.jsVue是一套用于构建用户界面的渐进式框架声明式渲染核心:是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统:<div id = "app">{{ message }}</div>//我是Vue!var app = new Vue({ el:'#app', data:{ message:'我...
2019-10-28 23:35:24 138
原创 MongoDB数据库的增删改查
MongoDBMongoDB1. 新建数据库1. 添加集合2. 删除集合3. 查询集合2. 查询数据库3. 删除数据库MongoDB1. 新建数据库use 数据库名1. 添加集合db.createCollection(集合名)1. 添加数据db.集合名.insert({name:'张三',age20})添加多条:db.info.insert({name:'张三',age:20},...
2019-10-19 19:34:26 279
原创 callback(回调函数)
callback(回调函数)作用:解决异步数据传递问题示例:function weather(callback){ let url = '路径'; $.get(url,function(data){ callback(data); })}weather(function(data){ console.log(data);})...
2019-10-15 19:54:17 270
原创 node.js 文件操作
文件操作1. 完整读文件var fs = require('fs');//异步fs.readFile('./fs.txt',(err,data)=>{ console.log(err);//如果没有错误则为null,否则部位null console.log(data.toString());})//同步let data = fs.readFileSync('./fs.t...
2019-10-13 18:50:33 130
原创 node.js模块系统
模块系统模板的概念:模块可以理解为相似或相近功能代码的封装;具体来说,模块在程序里边的体现就是一个js文件模块系统: 核心模块 和文件模块核心模块;1. 核心模块可以认为核心模块就是node.js内置自带的模块,比如events,path,url,fs,http,tcp等模块;核心模块基本都是c++编写,效率高;引入的时候不需要路径,直接写模块就行var http = require...
2019-10-13 16:08:12 115
原创 node.js Buffer(缓冲区)和concat方法
Buffer(缓冲区)什么是Buffer因为JavaScript语言自身只有字符串数据类型,没有二进制数据类型,但在处理TCP流或文件流的的时候必须使用二进制数据,所以Node.js中定义了Buffer类,该类用来创建一个专门存放二进制数据的缓存区;1. Buffer实例与JavaScript字符串之间的互转Buffer实例一般用在表示编码字符的序列let buf = new Buffe...
2019-10-13 14:19:06 2182
原创 node.js中的事件模块
文章目录事件1.事件使用步骤事件1.事件使用注册监听事件事件触发,调用监听函数步骤1. 引入事件模块let Emitter = require('events').EventEmitter;2. 初始化一个事件对象let event = new Emitter();3.监听事件enent.addListener('click',function(...args){cons...
2019-10-13 00:12:33 177
原创 ES6 箭头函数及箭头函数this指向
箭头函数箭头左边是形参列表var fa = (a) => {};//只有一个参数的时候,形参外边的括号可以省略fa();箭头右边是函数体//不写{}函数体的时候,默认直接返回内容var fa = () => 10;var fa = () => [1, 2, 3];var fa = () => 'hello';var a = 1, b = 2;var...
2019-10-10 23:06:54 205
原创 ES6 promise
promisepromise跟callback一样,用来解决异步数据传递问题,只不过promise不存在回调地域问题promise:承诺;承诺了一件事,肯定会完成只不过这个完成可能需要时间(完成的结果有两种:成功或者失败)promise内部存在三个状态:pendding(等待执行结果),fulfilled(调用resolve后promise进入fulfilled状态),rejected(调...
2019-10-10 22:38:13 223
原创 ES6 symbol
symbolsymbol是ES6新增的数据类型,也就是说symbol是ES6中的第七种数据类型使用场景给对象属性名赋值,防止被覆盖;模拟class私有变量console.log(Symbol());//Symbol()console.log(typeof Symbol());// symbol注意:symbol()每次调用都要产生一个独一无二的值if (Symbol() ==...
2019-10-09 23:14:53 104
原创 ES6 JSON完成深拷贝、浅拷贝
深拷贝、浅拷贝指的都是对象数据类型的拷贝;```let a = 10;let b = a;a = 20;console.log(a,b); // a --> 20 b --> 10```默认的对象拷贝是浅拷贝let arr1 = [1,2,3];let arr2 = arr1;arr1[0] = 4;console.log(arr2); // arr2-->...
2019-10-09 22:37:03 520
原创 变量的解构赋值
1. 数组的结构赋值按照一定模式,从数组和对象中提取值,对变量进行赋值,被称为解构(Destructuring)。核心思想:“匹配模式”。针对数组和对象重点 :赋值运算符左边是模式,右边是数组或对象let [a,b,c] = [1,2,3];//可以从数组中提取值,按照对应位置,对变量赋值1. 解构不成功(左边内容>右边)如果解构不成功,变量的值就等于undefinedle...
2019-10-08 22:31:52 88
原创 ECMAScript6中let命令和const命令
ECMAScript1. let1. let 和 var 区别2. 不存在变量提升3. 暂时性死区2. const命令1. letES6新增let命令,用来声明变量。它的用法类似var,但是所声明的变量只在let命令所在的代码块内有效。1. let 和 var 区别let是块级作用域(存在块级嵌套问题),var是函数作用域;let声明的变量不存在变量声明提升(需要先声明后使用),var...
2019-10-08 21:24:00 183
原创 jQuery事件
文章目录1. 事件对象的属性2. 事件绑定 on()3. 取消事件 off()4. 事件绑定one()5. 合成事件 hover()1. 事件对象的属性jQuery中的事件对象不需要兼容,通过处理函数的参数传入$(document).click(function(){ console.log(ev);//jq的事件对象 console.log(ev.orifinaEvent);//返回原...
2019-09-26 22:32:50 200
原创 jquery的DOM操作
文章目录1. 属性操作1. 查找属性节点2. 操作class3. html标签内容操作4. 获取元素的宽高4. 节点操作1. 添加2. 插入3. 删除4. 替换5. 复制5. 查找1. 属性操作1. 查找属性节点利用jQuery选择器查找到需要的元素之后,就可以使用attr()方法来获取他的各种属性的值,attr()方法的参数可以是一个,也可以是多个。1. attr()```jQuer...
2019-09-24 22:27:37 404
原创 jquery 选择器及循环
文章目录1. 基本选择器2. 层次选择器3.基本过滤选择器4. 内容过滤选择器5.属性选择器6.表单相关选择器7.循环1.map2.each1. 基本选择器//标签$("div").css("background","red");//id$("#active").css("background","orange");//类$(".box").css("background","g...
2019-09-23 23:06:14 1986
原创 数组快排
快排var arr = [1,5,4,3,7,2];function kSort(arr){ if(arr.length<=1) return arr;//当arr里边的元素小于等于1的时候,不需要再循环,返回arr //找中间值 var middle = arr.splice(Math.floor(arr.length/2),1)[0]; var left = []; va...
2019-09-23 18:45:57 355 1
原创 ajax
1. 什么是ajaxAJAX即 “Asynchronous JavaScript And XML”(异步JavaScript 和 XML),是指一个创建交互网页应用的网页开发技术,可以用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以是网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,刚好解决了传统方法的缺陷。异步: 浏览器在请求数据的过程中,不会一直等待这...
2019-09-16 22:42:14 89
原创 JavaScript面向对象
面向对象1. 面向对象1. 三个基本特征2. 对象由属性和方法组成2. 面向对象的创建1. 字面量方式创建2. 实例创建3. 工厂模式创建对象4. 构造函数创建对象5. 原型创建对象6. 混合模式创建(构造+原型)1. 面向对象1. 三个基本特征封装继承多态2. 对象由属性和方法组成属性:对应变量,表示对象的基本特征,是静态的;方法:对应函数,表示对象的行为,是动态的;2...
2019-09-15 19:33:53 495
原创 面对对象实例
选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box div { width: 300px; ...
2019-09-15 19:27:31 102
原创 正则表达式
正则表达式: 是对字符串操作的一种逻辑公式,就是用事先定义好的一些字符,及这些特定字符的组合,组成一个‘规则字符串’,这个规则字符串用来表达对字符串的一种过滤逻辑,简单地说就是规定文本检索的内容,通常用来检索、替换文本。1. 创建正则表达式正则对象RegExp,又称为正则表达式;创建方式:构造函数创建;new RegExp(检测内容,修饰符) var reg1 = new RegExp...
2019-09-11 22:20:33 109
原创 cookie
cookie是浏览器访问服务器后,服务器传给浏览器的一段数据。浏览器需要保存这数据,不会轻易删除(保存在计算机中)。此后每次浏览器方位该服务器,都必须带上这段数据。cookie介绍cookie 实际上是指小量信息,只能存储4KB,是由Web服务器创建的,将信息存储在用户计算机在上的文件,比如用户登入某个网站,浏览器会提醒是否保存用户名和密码方便下一次登录,如果保存就是将信息保存在cookie中...
2019-09-11 21:08:01 144
原创 JavaScript事件和事件委托
事件1. 事件类型2. 事件绑定1.事件绑定2. 标准浏览器的事件绑定和ie浏览器的事件绑定的区别:3. 事件取消3. 事件流阻止事件冒泡4. 事件默认行为事件处理函数: 事件触发的时候调用的函数事件对象:ie和chrome: window.event,事件发生的时候,会将事件相关的所有内容储存在时间对象中(事件类型,实践目标,鼠标等);ff(火狐浏览器): 火狐的事件对象通过时间处理函数...
2019-09-10 13:15:34 318
原创 JavaScript数学对象
处理数组的基本方法Math.ceil(); 执行向上舍入,即它总是将数值向上舍入为最接近的整数;Math.floor(); 执行向下舍入,即它总是将数值向下舍入为最近接近的整数;Math.round(); 执行标准舍入,即它总是将数值四舍五入为最接近的整数;Math.abs(); 返回参数的绝对值;Math.min() 和 Math.max(); 用于确定一组数值中最小值和最大值;M...
2019-09-08 21:32:54 335
原创 JavaScript数组
JavaScript数组增、删、改、查一. 数组1. 创建数组1. 字面量创建2. 构造函数创建2. 添加删除1. push 和 pop2. unshift 和 shift3.splice() 删除、添加、替换一. 数组1. 创建数组方式: 字面量方式串讲,构造函数创建;1. 字面量创建声明一个数组,数组中的元素可以使任意类型;var arr = [1,2,3,4];2. 构造函数...
2019-09-08 21:16:55 278
原创 表单操作
DOM操作表单1. 获取表单元素2. 表单事件1. 提交事件(onsubmit)2. 重置事件(onreset)3. 获得/失去焦点事件(onfocus、onblur、onchange)3. 表单方法1. 获取表单元素**方法:**通过form.name可以获取到相应的表单元素<form><input type="text" name = "UserName" value...
2019-09-08 16:46:14 241
原创 DOM操作
一、结点加载HTML页面时,web浏览器生成的一个树状结构,用来表示页面内部结构,称之为DOM树,DOM将这种树形结构理解为有节点组成;1.节点类型标签节点;文本节点(空格,回车,文字);属性节点:只能获取文本和标签阶段;1. 获取子节点<ul> <li>1</li> <li>2</li> <li>3&...
2019-09-07 22:07:10 355
原创 图片懒加载
懒加载先只加载可视窗口区域的图片,当用户向下拖动滚动条的时候再继续加载后面的图片(同样,也只是加载可视窗口区域的图片);减少了加载时县城数量,使可视区域内的图片也能够快速加载,优化了用户体验;减少了同一时间发向服务器的请求数,服务器压力剧减;方法:在写网页<img>标签时并不会兼顾图片的路径放入src属性,而是自定义一个其他属性:_scr。将路径放入这个自定义的属性中,南无...
2019-09-07 21:32:35 681
原创 BOM(Browser Object Model)-window对象
文章目录一.BOM-window对象二. window提供的系统警告框1. alert();-->警告框;2. confirm; -->带选择的对话框3. promt("提示信息",默认值)三. opan与close(打开/关闭网页)1.opan(打开)2. close()关闭窗口四. body位置属性1. client2. offset3.scroll五. 懒加载六. resize事...
2019-09-07 21:31:22 138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人