前端
new Object ~
这个作者很懒,什么都没留下…
展开
-
前端上传压缩图片代码
【代码】前端上传压缩图片代码。原创 2022-12-15 14:40:13 · 309 阅读 · 1 评论 -
js小方法汇总
【代码】js方法汇总。原创 2022-09-22 10:19:46 · 156 阅读 · 0 评论 -
递归深拷贝
递归深拷贝原创 2022-07-26 09:33:48 · 211 阅读 · 0 评论 -
封装button组件
代码】封装button组件原创 2022-07-20 17:14:06 · 390 阅读 · 0 评论 -
vue项目发布后,elementUI样式优先级高,覆盖本地样式
vue项目发布后,elementUI样式优先级高,覆盖本地样式原创 2022-07-19 17:03:52 · 1759 阅读 · 0 评论 -
防抖节流的使用
代码】防抖节流的使用。原创 2022-07-19 16:56:29 · 215 阅读 · 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 · 115 阅读 · 0 评论 -
FullCalendar日历控件vue使用记录
原创 2022-01-24 15:38:39 · 3603 阅读 · 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 · 2390 阅读 · 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 · 1578 阅读 · 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 · 2569 阅读 · 0 评论 -
jquery的加载动画
今天在写项目时使用到了一个搜索的时候,书籍如果没有显示又不能让用户乱点,所以就想着可不可以写一个加载动画来完成,因为自己的项目里面也是用到了jquery那就用到了jquery里面自带的两个方法 "beforeSend":function(){ //这里是开始执行方法,显示效果,效果自己写 $('.imgs').show(); },原创 2018-01-08 15:22:21 · 1488 阅读 · 0 评论 -
图片缓存解决办法
在写项目时遇到了图片修改或者上传之后,没办法实时的更新图片呢,所以下面呢就可以借助时间戳来完成图片的实时的更改:<template> <img :src="`${coverUrl+'?'+now}`"> //coverUrl对应的是图片的路径然后后面的now就是生成的时间戳</template><script> ...原创 2018-06-04 19:43:41 · 9800 阅读 · 0 评论 -
vue登录路由验证的实现方法简单介绍
vue的项目的登录状态如果用vuex状态管理,页面一刷新vuex管理的状态就会消失,这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。本主要为大家详细介绍了vue登录路由验证的实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 步骤如下:1、在登录组件里,将登录状态写入web Storage里。(一般写入session Stora...原创 2018-06-20 17:32:53 · 5207 阅读 · 0 评论 -
使用node搭建服务
最近在看node,听说学会了node就可以做全站所以就想了解下。下面就是自己使用node搭建的一个小服务。首先要安装node,直接官网下载傻瓜式安装就可完成。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。(...原创 2018-07-12 15:39:18 · 2724 阅读 · 4 评论 -
nginx下部署网站站点
今天有学习到了新的技能,在nginx下部署站点。首先登陆你的服务器ssh@IP地址然后输入下面的命令复制配置文件 sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/要创建的文件名复制完成之后配置配置文件 sudo vim /etc/nginx/sites-available/上面创...原创 2018-08-24 16:20:18 · 5702 阅读 · 1 评论 -
webpack过滤console打印
开发环境下需要console打印很多的数据但是放在放在线上又不能又console打印的那些数据,只要在webpack的配置里面加上一段代码就可以过滤掉。找到webpack.prod.conf.js 文件,在这个文件里面有一个plugins 这个是一个数组,在这个数组里面加上下面的代码就可以了:new webpack.optimize.UglifyJsPlugin({ com...原创 2018-09-03 19:13:15 · 3620 阅读 · 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 · 2643 阅读 · 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 · 528 阅读 · 0 评论 -
vue npm run build 打包去掉console和警告
在本地开发环境中肯定都会去打印一些数据,但是你如果上传到正式环境呢这些肯定不能再有了,但是你也不能一行一行的去注释掉吧,这样很麻烦所以vue在配置的时候其实是有这个配置的但是需要你自己去配置文件里面修改一下,这样才能方便你的开发二可以达到偷懒的地步,下面就说一下这个配置其实就两行代码就可以了。在build下面的webpack.prod.conf.js里面找到这里添加上drop_consol...原创 2019-03-07 14:51:33 · 10445 阅读 · 2 评论 -
html实现点击下载文件
使用a标签完成点击下载文件功能 html <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“d...原创 2018-05-25 22:39:42 · 33812 阅读 · 0 评论 -
通过linux登陆服务器
需要执行ssh 后面是你的服务器的ip地址然后输入密码就OK了原创 2018-05-11 17:36:03 · 1769 阅读 · 0 评论 -
一看就会的source tree 免登录方法!
SourceTree是老牌的Git GUI管理工具了,也号称是最好用的Git GUI工具 这里先言言它的好:* 免费* 功能强大:无论你是新手还是重度用户,SourceTree 都会让你觉得很顺手。对于非常重度用户,Source Tree还支持自定义脚本的执行。* 同时支持 Windows 和 Mac 操作系统,(而且在 Windows 环境下,SourceTree是多语言的)* 同时支...原创 2018-03-30 14:36:00 · 3856 阅读 · 0 评论 -
MVVM的理解
Vue.js 和 MVVM 小细节 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层。它的核心是...原创 2018-03-23 18:49:25 · 651 阅读 · 0 评论 -
关于vue下跨域问题,一看就明白!
最终还是遇到了跨域问题,经过一下午的各种尝试终于成功的掉到了想要的东西,下面就来写一下是如何实现的,也算是给后来者填个坑:你需要做一个反向代理的东西打开你的vue项目的config文件夹下的index.js然后找到以下的代码: dev: { proxyTable: { '/api': { target: 'http://ip地址',原创 2018-03-08 18:07:45 · 13392 阅读 · 1 评论 -
nginx下部署vue项目概览
今天要用到服务器nginx,还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx: 下载地址:https://nginx.org/en/download.html 下载下来会是一个解压包,解压到你想放的文件夹下运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了:然后如果没有成功原创 2018-03-08 11:55:45 · 46717 阅读 · 9 评论 -
canvas使用案例
最近遇到了合成图片的一些坑,所以就想学习一下canvas虽然说这个是h5的新特性但是也没有怎么了解过,下面就是一些学习的经验: 首先你需要创建canvan这个标签,有了这个标签你才可以对他进行操作,这样这个标签就创建好了下面就该是在js里面对这个创建好的canvas进行操作了 let canvas=document.getElementById('canvas');//这原创 2017-12-07 17:31:49 · 1130 阅读 · 0 评论 -
webstorm编辑器破解码
大家肯定都下载过webstorm这个码代码的神器但是它在中国是需要money的所以下面就跟大家说一个简单好用破解他的方法 首先下载webstorm这个软件然后双击安装至于安装到那个盘就不多说了毕竟都是玩计算机的然后就会弹出来一个这样的框 然后点击第三个也就是License server这个选项里面填写上给你的一个站点: http://idea.i原创 2017-12-12 14:23:15 · 321 阅读 · 0 评论 -
关于webstorage的使用
概述 这个API的作用是,使得网页可以在浏览器端储存数据。它分成两类:sessionStorage和localStorage。sessionStorage保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空;localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。除了保存期限的长短不同,这两个对象的属性和方法完全一样。它们很像coo原创 2017-11-16 18:34:18 · 2978 阅读 · 0 评论 -
json的转换
关于在提交数据传给后台的时候会要求你传递对象或者是字符串下面就来介绍一下两个转换的问题: //对象 var rose={"name":"Rose","weight":"65"}; //序列化成字符串 var str=JSON.stringify原创 2017-11-16 17:30:17 · 255 阅读 · 0 评论 -
vue分页组件项目实践
最近开发后台项目需要写一个vue的分页组件,所以把写好的组件分享到这个上面加深一下印象: 看了下写的还是比较多的最开始是父子组件之间的通讯。 父组件container里面的内容<template>//模板 <div> <div class="search"> <...原创 2018-03-21 15:55:00 · 593 阅读 · 0 评论 -
vue的路由穿参
今天在写项目时居然把之前的路由传递参数给忘记了,故此纪念一下。首先在你需要跳转路由的模板里面: (我的用到了点击事件)changePassword(password){ this.$router.push({name:'changePassword',params:{password:'password'}})}push的第一个参数就是你要跳转的另一个页面,第二个参数...原创 2018-04-08 18:38:28 · 469 阅读 · 1 评论 -
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 · 3536 阅读 · 1 评论 -
vue中子组件触发父组件的方法
方法一:子组件:`<template> <button @click="submit">提交</button> </template> <script> export default { methods: { submit: function () { ...原创 2018-05-10 15:52:06 · 3565 阅读 · 0 评论 -
es6拼接字符串的方法
字符串拼接是开发时一个必不可少的环节,也是很恶心的一个环节,尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢,主要有以下几点:传统的字符串拼接不能正常换行 传统的字符串拼接不能友好的插入变量 传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。 es6的模板字符串解决了以上问题es6 使用“(windows键盘英文输入法下tab键上面那个键)来定义一...原创 2018-05-02 16:40:39 · 3425 阅读 · 0 评论 -
移动端自适应问题——响应式、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 · 587 阅读 · 0 评论 -
JS判断页面是在pc端还是移动端打开方法
好久没复习js了,今天正好之前的项目要重新写一套移动端的代码,之前的没有做移动端的兼容,故将遇到的问题写在上面:在移动设备应用越来越广泛的今天,许多网站都开始做移动端的界面展示,两者屏幕尺寸差异很大,所以展示的内容也有所差别。于是就遇到一个问题,如何判断你的页面是在移动端还是在PC端打开的,很简单的问题,那我们就简单点来说:Navigator对象 首先来了解一下Navigator 对...原创 2018-03-28 19:48:01 · 7421 阅读 · 1 评论 -
vue配合element-UI开发后台系统
前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v npm -v cnpm -v 这些环境都已经配置成功了,若没有的话请出门左拐: node和cnpm安装看着一篇就够了如果都OK了那下面就进入正题首先打开终端在里面输入以下内容 sudo cnpm install -g vue-cli安装成功后输入vue会出现以下内容:在输入vue...原创 2018-04-10 14:35:19 · 3369 阅读 · 0 评论 -
Mac下安装nodejs、npm和cnpm
今天新配置了MacBook Pro 所以之前的环境都要重新配置所以记录一下免得以后忘记了。首先是打开node官网 nodejs 然后你会看见如下图片 点击上面的任何一个都可以完成下载,下载完成之后找到文件,一路确定傻瓜式安装,到底然后就OK了。 下面来测试下是否安装成功: 打开Mac下的终端输入:node -v 会出现版本号就说明成功了:这样就说明安装成功了,下面在终端输...原创 2018-04-10 13:56:45 · 5447 阅读 · 3 评论 -
axios的简易封装
繁琐的http请求多而复杂,这里就将axios的get和post进行封装,以方便后续在项目中方便的使用。首先创建一个名为http.js的js然后下面就是http.js中的代码:http.jsimport axios from 'axios'import qs from 'qs'let localhosts = '这里是要请求的url';axios.interceptors.r...原创 2018-03-27 17:58:56 · 2269 阅读 · 0 评论