- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webpack-dev-server5.0+ 版本问题
在使用webpack-dev-server搭建新项目时，需要依赖node 和webpack以及webpack-cli。这是需要注意各个应用之间的版本问题。
2024-03-12 17:20:06
779
原创 纯CSS 动画
<div class="container"> <div class="box"> <span style="--x:1;"><i> I </i> LOVE <i>YOU</i> TOO!</span> <span style="--x:2;"><i> I </i> LOVE <i>YOU</i> TOO!</spa
2022-05-05 09:55:22
300
原创 【防抖和节流】
防抖和节流 // 防抖 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
233
原创 ajax 和 axios对比
1.语法差异// 1.ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});// 2.axiosaxios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred',
2020-06-23 15:30:41
364
原创 学一下 JavaScript 创建对象模式
1. 工厂模式2.构造函数模式3.原型模式4.组合（构造函数模式和原型模式）5.动态原型模式6.寄生构造函数模式7.稳妥构造函数模式
2020-04-05 21:22:04
151
原创 Funtion类型，需要理解原型链
1.定义每个函数都是Function类型的实例如何理解这句话呢？我们从一个例子入手__proto__的含义是 实例对象指向实例原型实例的原型对象就是构造函数.prototypevar fun = new Function()function test () {}console.log(test.__proto__ === Function.prototype)...
2020-04-01 10:12:53
260
原创 Photoshop基础知识
1.色彩模式（HSB）（1）色相/色度（hues）用于调整颜色，范围在0~360度之间。按照角度值标识。比如红是0°、橙色是30°等。（2）饱和度（saturation）是指颜色的强度或纯度。饱和度表示色度中彩色成分所占的比例，用从0%(灰色)-100%(完全饱和)的百分比来度量。在色立面上饱和度是从内向外逐渐增加。范围在0%-100%之间，0%为灰色，100%为纯色。（3）亮度/明暗（...
2020-01-13 10:57:02
1710
原创 egg.js + koa项目搭建和接口请求实例分析
1. 环境配置(1) 安装nodejs运行环境(nodejs版本必须≥8.0)(2)创建egg的环境npm i egg-init -g / cnpm i egg-init -g2. 创建项目(1)快速搭建请参考官网（https://eggjs.org）(2)逐步搭建$ mkdir egg-project$ cd egg-project$ npm init（创建项目名称、版本、...
2019-12-13 10:29:53
629
2
原创 Js中闭包的几种写法
1.定义闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。2.实例实例1function init () { let name = 'gaodda' // name 是一个被 init 创建的局部变量 function sho...
2019-11-23 10:52:28
4026
原创 数组去重的几种常见写法
方法一：双重for循环方法二：Array.sort()方法三：for…of + includes()方法四：Array.filter() + indexOf方法五：new Set()
2019-11-19 16:08:13
2574
原创 css 的常用案例
Css 的几个常用案例1. css 编写三角形2. css编写燕尾角3. css编写多边形4. css伪类的妙用5. css浮动的清除6. css响应式页面的编写Created with Raphaël 2.2.0开始我的操作确认？结束yesno...
2019-10-29 17:44:44
1549
原创 工欲善其事，必先利其器（VsCode）
1. 安装（卸载）插件贼溜在左侧导航区域，点击扩展（Extensions），在上方的搜索框中输入需要安装的插件，点击install（uninstall）就可以完成安装或者卸载。2. 全文检索方便快捷3. 配置快捷输出文件–>首选项–>用户代码片段（找到vue.json文件）下面是vue.json文件的简单配置, 配置好后在XXX.vue 文件中输入vue回车就会生成你配置的...
2019-08-24 10:00:21
267
1
原创 Vue + Markdown（是时候放弃ueditor了）
1.优点轻量级（相比Ueditor）使用更加简单操作功能基本可以满足需求2.缺点没有Ueditor功能齐全3.使用方法（步骤）// 1. 安装$ npm install --save vue-markdown//2.引入可以在main.js中import { mavonEditor } from 'mavon-editor'import 'mavon-editor...
2019-08-20 11:26:41
954
原创 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
8912
4
原创 记录一些好用的工具
1. Licecap用来生成或者获取gif图片安装完毕后-点击Record开始录制，参数设置如下图，点击Stop停止录制2.ColorPix获取颜色值的小工具（方便轻巧），点击空格键停止取值，CTRL+V黏贴颜色值3. Octotree谷歌浏览器的一款插件，用来查看github的项目，可以生成导航菜单，用起来很是嗨皮！！！在谷歌插件库里安装成功后，在右上角会有一个小图标，随便打开...
2019-07-30 15:21:53
312
2
原创 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
5829
原创 Python 爬取数据（实例实操），并写入excel文件
1.准备工作工具：pyCharm安装： Python环境变量（网上查找）可以在git中运行，也可以再cmd中运行，或者直接在工具pycharm中运行2. 引入需要的包和定义临时存储变量# 引入需要的包和定义变量from urllib import requestimport refrom openpyxl import Workbookwenjian=[] // 临时变量#爬...
2019-07-11 10:01:02
5207
原创 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
597
原创 使用 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
161
原创 图解js原型
最近梳理了一下js原型图例一图例二图例三配有代码块和实操/** * 两个概念 * 构造函数和原型对象 * 补充：普通对象和函数对象的概念 */ // 1.1构造函数 function A () {} // 原型对象：在声明了一个函数之后，浏览器会自动按照一定的规则创建一个对象，这个对象就叫做原型对象。这个原型对象其实是储存在了...
2019-06-17 17:37:14
261
原创 使用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
1138
原创 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
2853
原创 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
4026
原创 头部底部通栏，内容区域滚动布局
内容区域滚动布局采用绝对定位布局内容css.main { position: absolute; top: 80px; left: 0; right: 0; bottom: 100px; padding: 10px; overflow: auto;}代码demo上传github（待续）...
2019-05-20 15:04:31
689
转载 模仿级联单选多选
先来一张图效果图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
697
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
253
原创 css中的em，px，%
#用em创建弹性盒子浏览器默认渲染文字大小为16px，也就是，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。"em"是一个相对大小，必然有一个参考值，那这个参考值就是相对于它的父级。一般我们在body中设置font-size:16px,那么body的后代元素设置字体大小为0.75em，实际文字大小就是12px。（0.75*16px = 12px）（注意：不能重新在...
2019-05-10 09:41:56
504
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人