js
文章平均质量分 67
gaodda
No 作, No Die
展开
-
【防抖和节流】
防抖和节流 // 防抖 function debounce (fn, t) { var time = null return function () { var args = arguments var self = this clearTimeout(time) time = setTimeout(function () { fn.apply(self, args) },原创 2022-01-06 15:05:44 · 202 阅读 · 0 评论 -
学一下 JavaScript 创建对象模式
1. 工厂模式2.构造函数模式3.原型模式4.组合(构造函数模式和原型模式)5.动态原型模式6.寄生构造函数模式7.稳妥构造函数模式原创 2020-04-05 21:22:04 · 117 阅读 · 0 评论 -
Funtion类型,需要理解原型链
1.定义每个函数都是Function类型的实例如何理解这句话呢?我们从一个例子入手__proto__的含义是 实例对象指向实例原型实例的原型对象就是构造函数.prototypevar fun = new Function()function test () {}console.log(test.__proto__ === Function.prototype)...原创 2020-04-01 10:12:53 · 223 阅读 · 0 评论 -
Typescript学习总结
1.运行环境 + 安装2.指定数据类型3. 类(class)4. 接口(interface )原创 2019-12-05 10:25:56 · 202 阅读 · 0 评论 -
Js中闭包的几种写法
1.定义闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。2.实例实例1function init () { let name = 'gaodda' // name 是一个被 init 创建的局部变量 function sho...原创 2019-11-23 10:52:28 · 3859 阅读 · 0 评论 -
数组去重的几种常见写法
方法一:双重for循环方法二:Array.sort()方法三:for…of + includes()方法四:Array.filter() + indexOf方法五:new Set()原创 2019-11-19 16:08:13 · 2534 阅读 · 0 评论 -
x-data-spreadsheet一款web表格插件
1.缺点ie浏览器不支持目前不能配置多个sheet不会自动添加列2.优点可编辑表格可导出相应格式化数据可校验结合web页面操作简单方便3.使用npm install x-data-spreadsheet<div id="x-spreadsheet-demo"></div>import Spreadsheet from "x-data-sp...原创 2019-08-13 17:31:41 · 8615 阅读 · 4 评论 -
vue项目前端记账凭证纸张(240*140)打印功能(Print-Webpage)
1.设置本机电脑打印机配置设备和打印机–打印机首选项–设置A5纸张的宽高-保存-应用。如下图:2.vue组件编写效果图:3.辅助js的编写参看github地址(https://github.com/gaodda/web-print)4.引入项目将print.js引入项目所需页面我们的项目放在(import Print from ‘@/assets/js/print’)这个目录上...原创 2019-07-16 10:51:40 · 5546 阅读 · 0 评论 -
Python 爬取数据(实例实操),并写入excel文件
1.准备工作工具:pyCharm安装: Python环境变量(网上查找)可以在git中运行,也可以再cmd中运行,或者直接在工具pycharm中运行2. 引入需要的包和定义临时存储变量# 引入需要的包和定义变量from urllib import requestimport refrom openpyxl import Workbookwenjian=[] // 临时变量#爬...原创 2019-07-11 10:01:02 · 5008 阅读 · 0 评论 -
node.js爬取数据(实操)
1.准备工作前提是安装过node准备一个文件夹, 比如:“drag-data”依次安装依赖 npm install https request cheerio --save在文件夹drag-data下创建data和image两个文件,用来存储抓取的数据(抓取豆瓣电影url=“https://movie.douban.com/subject/1291843/?from=subject-pa...原创 2019-07-04 14:38:13 · 547 阅读 · 0 评论 -
图解js原型
最近梳理了一下js原型图例一图例二图例三配有代码块和实操/** * 两个概念 * 构造函数和原型对象 * 补充:普通对象和函数对象的概念 */ // 1.1构造函数 function A () {} // 原型对象:在声明了一个函数之后,浏览器会自动按照一定的规则创建一个对象,这个对象就叫做原型对象。这个原型对象其实是储存在了...原创 2019-06-17 17:37:14 · 219 阅读 · 0 评论 -
使用 js 的一些注意事项以及es6的补救
1. 变量提升函数声明和变量声明会被解析器提升到方法体的顶部// 变量声明-提升x = 5console.log(x)var x// 等同于var xx = 5console.log(x)// 函数声明-提升fn() // 先调用-后声明function fn () {}// 等同于function fn () {}fn() // 先声明-后调用// 补充-函数...原创 2019-06-25 09:52:59 · 132 阅读 · 0 评论 -
使用element-ui的一些总结
1.隐藏组件el-scrollbar使用(父级div需要设置高度)<div class="warp"> <el-scrollbar style="height:100%;"> <div v-for="item in ListData" :key="item.code"> </el-scrollbar></div>2.级联...原创 2019-06-06 11:26:38 · 1062 阅读 · 0 评论 -
js小技巧 (if else 的多种写法)
常规if (status===1) { return 'a'} else if(status===2) { return 'b'} else if(status===3) { return 'c'} else if(status===4){ return 'd'} else if(status===5){ return 'e'} else { return 'f...原创 2019-05-28 10:44:38 · 3918 阅读 · 0 评论 -
js实现数字自动变大动画效果
数字变大动画效果-js没有废话-先上代码(一个简单的定时器+一个简单的函数)######样式<style> .warp { text-align: center; margin-top: 100px } .label { font-size: 20px; padding: 10px 15px; border: 1px soli...原创 2019-05-30 14:07:41 · 2759 阅读 · 0 评论 -
模仿级联单选多选
先来一张图效果图function tnTreeBox(id,name,data,selected){ var obj = new _tnTreebox(); obj.init(id,name,data,selected); obj.makeHtml(); clickEvents()}代码块 $(function(){ tnTreeBox('treebox', 'che...转载 2019-05-17 17:46:16 · 616 阅读 · 1 评论 -
兼容ie8,9,10,11波浪
#波浪<div class="warp"> <div class="wave-box"> <div class="marquee-box marquee-up" id="marquee-box"> <div class="marquee"> <div class="wave-list-b...原创 2019-05-15 15:06:54 · 222 阅读 · 0 评论