![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
new Object ~
这个作者很懒,什么都没留下…
展开
-
前端上传压缩图片代码
【代码】前端上传压缩图片代码。原创 2022-12-15 14:40:13 · 258 阅读 · 1 评论 -
js小方法汇总
【代码】js方法汇总。原创 2022-09-22 10:19:46 · 101 阅读 · 0 评论 -
递归深拷贝
递归深拷贝原创 2022-07-26 09:33:48 · 194 阅读 · 0 评论 -
封装button组件
代码】封装button组件原创 2022-07-20 17:14:06 · 378 阅读 · 0 评论 -
vue项目发布后,elementUI样式优先级高,覆盖本地样式
vue项目发布后,elementUI样式优先级高,覆盖本地样式原创 2022-07-19 17:03:52 · 1688 阅读 · 0 评论 -
防抖节流的使用
代码】防抖节流的使用。原创 2022-07-19 16:56:29 · 182 阅读 · 0 评论 -
实现vue数据双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2022-01-24 17:00:50 · 85 阅读 · 0 评论 -
FullCalendar日历控件vue使用记录
原创 2022-01-24 15:38:39 · 3536 阅读 · 1 评论 -
js文件下载功能总结
每次写下载都要百度这次自己记录一下,图片打开的话有时候是预览这个方法可以下载文件而不是打开预览downloadFile(filePath,fileName) { console.log(filePath); var request = new XMLHttpRequest(); request.responseType = "blob"; let fileUrl = filePath; // 文件路径 request.open("GET", fi原创 2021-11-20 14:52:18 · 2376 阅读 · 0 评论 -
error eslint@5.8.0: The engine “node“ is incompatible with this module.报错
报错error eslint@5.8.0: The engine “node” is incompatible with this module. Expected version “^6.14.0 || ^8.10.0 || >=9.10.0”. Got “9.3.0”error Found incompatible module.解决:yarn config set ignore-engines true反正执行完就不报错了。No why…...原创 2021-01-16 16:13:38 · 1534 阅读 · 1 评论 -
git rebase 合并代码到master分支
首先在dev分支rebase -i master 会出来vi编辑器在里面drop掉不需要合并的代码其他的都pick就可以了,然后编辑完成之后切换分支到master,在master分支上rebase dev 这样master上面的就是你在dev上面pick的提交rebase完成之后push master 这样master的合并就完成了切换到dev 然后把刚刚drop掉的提交在恢复回来我这里使用的是reset --hard,就可以回到你所有的dev的提交了然后rebase一下master在强推一下就可以.原创 2020-09-03 15:38:00 · 2493 阅读 · 0 评论 -
es6简单的学习
let定义:1、没有域解析,不纯在变量提升 在代码块内,只要let定义变量,在之前使用都是报错 先定义在使用 2、同一个作用域里面,不能重复定义变量 3、for循环,for循环里面是父级作用域,里面又一个4、var声明的变量是属于window的let和const不是{ let a = 12; { let a = 6 console.log(a) ...原创 2019-04-18 13:51:46 · 234 阅读 · 0 评论 -
vue cli 3.0 安装教程
// 全局安装@vue/cli npm install -g @vue/cli // 创建项目 vue create my-project我在安装这个第一步的时候会报错下面我把错列举在下面 ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org...原创 2019-03-13 22:19:27 · 515 阅读 · 0 评论 -
快速搭建react
如今开始学习react觉得还是很有必要的,首先需要安装node和npm。1.安装creat-react-app clinpm install -g create-react-app2.创建工程create-react-app react-seed然后进入项目根目录react-seed安装相关依赖cd react-seednpm install3.暴露配置项由于采用creat...原创 2018-09-21 11:17:10 · 2633 阅读 · 0 评论 -
webpack过滤console打印
开发环境下需要console打印很多的数据但是放在放在线上又不能又console打印的那些数据,只要在webpack的配置里面加上一段代码就可以过滤掉。找到webpack.prod.conf.js 文件,在这个文件里面有一个plugins 这个是一个数组,在这个数组里面加上下面的代码就可以了:new webpack.optimize.UglifyJsPlugin({ com...原创 2018-09-03 19:13:15 · 3587 阅读 · 0 评论 -
通过linux登陆服务器
需要执行ssh 后面是你的服务器的ip地址然后输入密码就OK了原创 2018-05-11 17:36:03 · 1737 阅读 · 0 评论 -
关于localStorage的项目实用
最近写项目时使用到了本地存储的问题下面就是在项目中的真实使用情况: 通过window.localStorage.setItem(‘命名’,存储的内容) $(".show-book").on("click", function() { var headerurl = $(this).children(".fl").child原创 2017-11-15 09:56:05 · 490 阅读 · 0 评论 -
swiper的应用
关于swiper的鼠标放到上面停止切换的功能代码: $(".banner,.works-book").mouseenter(function () {//滑过悬停 myswiper.stopAutoplay(); myswipers.stopAutoplay();//mySwiper 为上面你swiper实例化的名称原创 2017-11-16 15:42:20 · 249 阅读 · 0 评论 -
json的转换
关于在提交数据传给后台的时候会要求你传递对象或者是字符串下面就来介绍一下两个转换的问题: //对象 var rose={"name":"Rose","weight":"65"}; //序列化成字符串 var str=JSON.stringify原创 2017-11-16 17:30:17 · 221 阅读 · 0 评论 -
关于webstorage的使用
概述 这个API的作用是,使得网页可以在浏览器端储存数据。它分成两类:sessionStorage和localStorage。sessionStorage保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空;localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。除了保存期限的长短不同,这两个对象的属性和方法完全一样。它们很像coo原创 2017-11-16 18:34:18 · 2969 阅读 · 0 评论 -
canvas使用案例
最近遇到了合成图片的一些坑,所以就想学习一下canvas虽然说这个是h5的新特性但是也没有怎么了解过,下面就是一些学习的经验: 首先你需要创建canvan这个标签,有了这个标签你才可以对他进行操作,这样这个标签就创建好了下面就该是在js里面对这个创建好的canvas进行操作了 let canvas=document.getElementById('canvas');//这原创 2017-12-07 17:31:49 · 1102 阅读 · 0 评论 -
jquery的加载动画
今天在写项目时使用到了一个搜索的时候,书籍如果没有显示又不能让用户乱点,所以就想着可不可以写一个加载动画来完成,因为自己的项目里面也是用到了jquery那就用到了jquery里面自带的两个方法 "beforeSend":function(){ //这里是开始执行方法,显示效果,效果自己写 $('.imgs').show(); },原创 2018-01-08 15:22:21 · 1469 阅读 · 0 评论 -
vue分页组件项目实践
最近开发后台项目需要写一个vue的分页组件,所以把写好的组件分享到这个上面加深一下印象: 看了下写的还是比较多的最开始是父子组件之间的通讯。 父组件container里面的内容<template>//模板 <div> <div class="search"> <...原创 2018-03-21 15:55:00 · 579 阅读 · 0 评论 -
vue的路由穿参
今天在写项目时居然把之前的路由传递参数给忘记了,故此纪念一下。首先在你需要跳转路由的模板里面: (我的用到了点击事件)changePassword(password){ this.$router.push({name:'changePassword',params:{password:'password'}})}push的第一个参数就是你要跳转的另一个页面,第二个参数...原创 2018-04-08 18:38:28 · 463 阅读 · 1 评论 -
JS判断页面是在pc端还是移动端打开方法
好久没复习js了,今天正好之前的项目要重新写一套移动端的代码,之前的没有做移动端的兼容,故将遇到的问题写在上面:在移动设备应用越来越广泛的今天,许多网站都开始做移动端的界面展示,两者屏幕尺寸差异很大,所以展示的内容也有所差别。于是就遇到一个问题,如何判断你的页面是在移动端还是在PC端打开的,很简单的问题,那我们就简单点来说:Navigator对象 首先来了解一下Navigator 对...原创 2018-03-28 19:48:01 · 7389 阅读 · 1 评论 -
移动端自适应问题——响应式、rem/em、利用Js动态实现移动端自适应
一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下:<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-sca...原创 2018-03-28 20:05:05 · 552 阅读 · 0 评论 -
es6拼接字符串的方法
字符串拼接是开发时一个必不可少的环节,也是很恶心的一个环节,尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢,主要有以下几点:传统的字符串拼接不能正常换行 传统的字符串拼接不能友好的插入变量 传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。 es6的模板字符串解决了以上问题es6 使用“(windows键盘英文输入法下tab键上面那个键)来定义一...原创 2018-05-02 16:40:39 · 3389 阅读 · 0 评论 -
vue使用element-ui的el-input监听不了键盘事件解决问题
vue使用element-ui的el-input监听不了键盘事件,原因应该是element-ui自身封装了一层div在input标签外面,把原来的事件隐藏了,所以如下代码运行是无响应的:<el-input v-model="name" placeholder="账号" @keyup.enter="doLogin"></el-input>在执行的时候事件是定义在inp...原创 2018-05-10 15:59:40 · 3510 阅读 · 1 评论 -
关于for......of的使用
for…of 一种用于遍历数据结构的方法。它可遍历的对象包括数组,对象,字符串,set和map结构等具有iterator 接口的数据结构。 (上面这句话如果有看不懂的地方,自动忽略即可,后续会有章节介绍。) 下面就以大家熟悉的数组为例来介绍for…of。原创 2017-11-10 10:47:15 · 1208 阅读 · 0 评论