前端
文章平均质量分 52
大大艺术家
这个作者很懒,什么都没留下…
展开
-
如何日期增加月数
前序最近在做一个会员续费月数的项目,没有找到数据库操作api,那咱只能自己写了。。。开整在看MDN文档的时候,意外瞧见了setMonth 这个api,它能让我们任意修改时间戳的月份,并且大于12,它就自动年份增加,这。。。不是巧了嘛~很开心,那就发个微博吧~// 第二个参数,可以从指定时间戳开始增加月份,默认从今天开始const addMonth = (months, timeStamp = Date.now()) => { // 用lodash库来判断一下是不是日期更好。原创 2022-02-12 10:54:09 · 981 阅读 · 0 评论 -
手写Promise,实现then,finally, all, resolve,reject,allSettled功能
手写promise这次的博客就是这么干,赋值粘贴就能运行。使用守则和注意事项建议把代码复制到本地编辑器查看。创建一个html文档,在html文档里的script里面引入KPromise模块注意要把script的type=‘module’,并且需要在本地起服务打开,否则不能引入KPromise模块创建一个名为KPrimise.js的文件,把下面的js代码赋值粘贴。html文件<script type='module'>import KPromise from './KPro原创 2021-01-25 20:44:29 · 651 阅读 · 1 评论 -
axios原理及使用
一、什么是axios?axios是一个基于Promise的方法,并且前后端都可以使用。二、axios的内部原理1.有一个Axios方法,它有一个interceptors对象,这个对象有一个request对象和response对象,所以,我们外部可以调用axios.interceptors.request.use().2.interceptors对象里面的request对象和response对象,他们是一个用来管理拦截器的数组(handlers)。interceptors对象提供了一个use方法,当我原创 2020-11-27 14:29:50 · 9923 阅读 · 2 评论 -
vue实现图片上传功能
一、vue的核心插件vuexvuex用于集中存储管理应用的所有组件的状态(state),在一个项目的开发过程中,如果一些值或者方法被多个组件频繁的使用,就把这些值或者方法定义在vuex中,便于组件的调用。vue-router这是一个Vue的官方路由器,让构建单页面应用变得十分简单。二、服务器代理配置当向服务器发送请求的时候,可以对请求进行处理后再发送,可以在vue.config.js中进行配置module.exports = { devServer: { pro原创 2020-11-27 14:28:59 · 4449 阅读 · 0 评论 -
chrome拓展程序devtool
chrome拓展程序devtool步骤git clone https://github.com/vuejs/vue-devtools用gitbash clone该项目cd vue-devtoolsnpm i安装依赖包npm run build解压包找到vue-devtools > shells > chrome打开Chrome浏览器 > 选择更多工具 > 扩展程序 > 打开开发者模式把第5步找到的chrome文件拖入到扩展程序界面启动项目文件,找到Vue原创 2020-11-25 14:44:51 · 190 阅读 · 0 评论 -
vue学习
一、全局注册和局部注册<div id='app'></div><script> const Bar = { template: ` <h1>im 局部 bar</h1> ` } Vue.component('Foo', { components: { Bar }, template: ` <h1>im Foo <Bar></Bar> </h1&g原创 2020-11-17 21:35:55 · 147 阅读 · 0 评论 -
js贪吃蛇
想起不来之前在哪里看到过这个贪吃蛇代码,这里做一下笔记。<!DOCTYPE HTML><html lang=''en'> <head> <meta charset='utf-8'> <title>document</title> <style> *{ margin: 0; padding: 0; } canvas{ background-color: black;原创 2020-10-18 23:46:33 · 99 阅读 · 0 评论 -
js异步操作大集合
1、为什么会有异步呢?在javascript里,同步操作遇到加载量大时就会阻塞,这时候的用户体验并不好,如果采用异步操作,就不会阻塞。而且有的时候,我们想要某一个进程在几秒后再执行,而JavaScript的工作机制是同步的,这个时候就需要用到异步操作。一般来说,加载需要时间的就需要用到异步操作。2、处理异步操作的几种方法回调(回调地狱)自定义事件promiseasync以及await以上几种方法中,虽然promise和async以及await比较常用到,但是上面两种还是需要做一下笔记,我认原创 2020-10-15 20:54:39 · 575 阅读 · 1 评论 -
画矢量图上传iconfont并使用
一、photoshop画矢量图1.获取目标图形↑2.分析该图形为一个圆并截掉一部分3.先画一个圆,选择椭圆工具,原创 2020-10-12 15:40:00 · 611 阅读 · 0 评论 -
js自定义组件
// 自定义组件// 1.继承html组件class myImg extends HTMLImageElement{ constructor() { super() setTimeout(() => { this.src = "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg" },1000) }}custom原创 2020-10-11 00:12:44 · 1033 阅读 · 0 评论 -
元素标签在父级元素里垂直居中方法
<div> <span>dsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwp</span></div>div{ width: 300px; height: 500px; border: 1px solid black; font-size: 0px; }div span{ backg原创 2020-10-07 23:41:57 · 478 阅读 · 0 评论 -
正则表达式
一、正则表达式创建// 1.字面量创建,//里面的默认是字符串,不能传入变量let str = '123adfj3425dda23'//let reg = /\d+/g//let arr = str.match(reg)//console.log(arr) // 123,3425, 23// 2.用构造函数创建正则,\需要用\来转义,并且里面可以传入变量//let reg2 = new RegExp('\\d+', 'g')let a = '123'let reg2 = new RegEx原创 2020-10-03 00:16:53 · 125 阅读 · 0 评论 -
面向对象-原型,实例,构造函数
面向对象的编程思想一、面向过程: 注重解决问题的步骤,分析问题需要的每一步,实现函数一次调用二、面向对象: 是一种程序设计思想。将数据和处理数据的程序封装到对象中。三、面向对象特性: 抽象、继承、封装、多态优点: 提高代码的复用性及可维护性。...原创 2020-10-01 22:45:26 · 117 阅读 · 0 评论 -
面向对象ES6-封装类
1、ES6直接获取类的静态属性和修改静态属性的值class Person{ static num = 10; constructor(){ this.myname = 'joy'; }}Person.staticNum = 20;console.log(Person.num) // 202、静态属性来统计类的实例化次数,防止污染全局class Person{ static num = 0; constructor(myname){ this.myname = myname;原创 2020-09-29 13:22:47 · 487 阅读 · 0 评论 -
scoped slot
scoped slot关于scoped slot自学关于scoped slot自学看了官方的例子,总是会报错firstName is undefined,原来不能在父级里面定义user,而是在子级里面定义user。例子如下:<current-user> <template v-slot:default='slotProps'>//这里的slotProps可以用你自己...原创 2019-11-07 20:22:20 · 1368 阅读 · 0 评论 -
disabling attribute inheritance
关于disabling attribute inheritance学习分享欢迎来到我的博客前序disabling attribute inheritance的官方例子解析欢迎来到我的博客你好!我叫Joy,很高兴您来到这里,这是我第一个博客的第一篇内容,以后将会更多。我学习js再到vue,都是自学的过程,在这个过程中我经常会遇到各种问题,我猜想你们也在经历这些,希望您能在这里有所收获。如果发现问...原创 2019-10-19 20:27:30 · 159 阅读 · 0 评论