- 博客(64)
- 问答 (1)
- 收藏
- 关注
原创 Vue,React 打包上线去除 打印日志 console.log 等...
1.Vue插件安装:npm install babel-plugin-transform-remove-console --save-dev使用:babel.config.js// 项目在发布时需要用到的babel插件数组const proPlugins = [];// 如果当前是生产环境,则使用去掉console的插件if (process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-consol
2021-03-29 16:19:02
1313
原创 TypeScript/JavaScript 2021-02-25T03:34:35.772Z 时区 日期格式化
/** * @param n 参数 */function repairZero(n: number | string) { return n > 10 ? n : "0" + n}/** * @param d 日期 * @param f 想要格式化的字符串 */function dateFormatter(d: Date | string, f?: string) { const date = d ? new Date(d) : new Date(); c.
2021-02-25 11:36:16
825
1
原创 vue+echarts 实现(显示)中国地图 Component series.XXX not exists
1. 安装较低版本npm install echarts@4.9.0 千万注意 。echarts 的图形组件是按需加载,不是importechartsfrom"echarts" 就可以。加载echarts 相关模块(提示缺什么就加载什么组件即可)main.jsimportechartsfrom"echarts/lib/echarts";import'echarts/lib/chart/map'import'echarts/lib/chart/scatte...
2021-01-29 09:49:42
1054
原创 jquery 实现淡入淡出切换效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>淡入淡出</title> </head> <style type="text/css"> * { padding: 0; margin: 0; box-sizing: border-box; } .carousel-box { cursor:.
2021-01-14 11:33:09
343
原创 前端日常记录一下 ftp连接成功但是不能获取到目录列表的情况
1.检查对应的端口是否放行。2.在宝塔面板修改ftp配置文件。在文件搜索"ForcePassiveIP" 替换为自己服务器 ip 即可。3.在ftp 客户端 文件 --->站点管理(选中站点)----> 高级 ---> 被动模式...
2021-01-06 17:30:05
1430
原创 vue.js 模拟九宫格抽奖效果
<template> <div class="box"> <div class="draw-box"> <div class="draw-item" v-for="(item,index) in 8" :key="index" :class="['draw'+index,{'active':index===idx}]">奖品{{index+1}}</div> <div class="draw-start" @click=".
2020-07-25 15:37:05
322
2
原创 vue.js 项目中使用wangeditor 富文本编辑器
1. npm i wangeditor -S---title: Vue使用wangeditor富文本编辑器date: 2020-06-30 11:22publish: truecategories: - 前端开发tags: - Vue.js---## 1.wangEditor编辑器 wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器>官网 [wangeditor](http://www.wangeditor.com/
2020-06-30 11:36:07
863
原创 elmentUI+vue(FormData) 同一个接口提交表单数据和图片
1.不使用FormData提交。2.思路有两个接口,一个是图片接口,一个是表单数据接口,选择图片的时候让图片自动上传(auto-upload=‘真’),在后台使用formidable接收,解析图片名称将其返回(记得引入formidable),前端在on-success绑定的函数下接收返回数据。// 商品图片 uploadImg(req, res) { let form ...
2020-04-01 16:52:10
1552
原创 vue 在 main.js 引入less 文件报错解决
1.2.加入javascriptEnabled: true // <- enable this option
2020-03-18 17:10:05
1510
1
原创 Vue proxyTable 设置代理 请求数据
1.设置proxyTable proxyTable: { '/api': { target: 'http://127.0.0.1:3000', changeOrigin: true, pathRewrite: { '^/api': '/' } },...
2020-03-18 10:22:53
803
原创 mysql8.0.19安装 由于找不到vcruntime140_1.dll
1.下载安装即可链接:https://pan.baidu.com/s/17EVbeTblLggWBWyu6i0frg提取码:ic5o
2020-03-18 08:48:29
2419
原创 js实现拖动(拖拽)验证效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>拖拽验证</title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing:...
2020-02-22 23:59:19
1255
原创 js获取滚动条距顶部距离,js实现返回顶部。
1.back.jsfunction goTop() { this.top = function(obj) { console.log(obj) // 获取返回按钮 // el 为元素节点的选择器 var btn = document.querySelector(obj.el) // 获取屏幕宽度/高度 var clientHeight = docume...
2020-02-22 17:05:13
2517
原创 ERROR 1045 (28000): Access denied for user 'ODBC'@'localhost' (using password: NO)
1.mysqld --install
2020-02-21 21:43:25
554
原创 微信小程序及uni-app修改swiper轮播dot指示点样式
1.微信开发者工具>调试>调试微信开发者工具2.在控制台输入3.在弹出的框里找到相应节点4.希望能帮到你/* wx-swiper-dots wx-swiper-dots-horizontal */ wx-swiper .wx-swiper-dot-active{ width: 40rpx; border-radius: 10rpx; bac...
2020-01-10 11:27:35
8844
6
原创 js 数组去重、日期格式化
var list = [1,5,9,8,7,5,2,3,5,4,6] var newList =[] // 去重 for(var i =0;i<list.length;i++){ // 在新的数组(newList)中遍历查询原数组(list)的元素,如果存在,则返回一个大于0的数(index) // 否则返回-1,并将元素添加的新的数组(newList)中 if(newL...
2019-12-15 23:02:04
697
原创 vue 解决前端多次点击相同路由 Navigating to current location ("/XXX") is not allowed 问题。
1.vue-router改到3.0npm i vue-router@3.0 -S,亲测,完美解决
2019-11-28 21:35:06
632
原创 vscode React 代码自动补全解决办法
1.如果你看到了这篇博客,那你一定是同行。2.步骤(其实Ctrl+,)就可以完成这一步。3.搜索emmet.includeLanguages 或者 搜索 用户设置4.添加如下 "emmet.includeLanguages": { "javascript": "javascriptreact"}ko...
2019-11-28 18:03:27
2722
1
原创 js +css3 实现水平导航,垂直导航线条跟随鼠标移动动画。
1.样式不重要,重要的是怎么实现,主要涉及mouseover,mouseleave鼠标移入移出事件,移入的时候线条display为block,移出时为none,在css里面加transition: all .3s; 实现一个动画过渡的效果,线条会根据内容改变自己的宽度和高度。horizontalLine.style.width = target.offsetWidth + 'px';s...
2019-11-28 11:53:53
716
1
原创 vue.js修改第三方组件(elementUI)样式 ,穿透修改样式
1.外层类 >>> 第三方(类名){ 样式} .login >>> .el-input__inner { border: 1px solid transparent !important; background: transparent; color: white; border-bottom: 1px s...
2019-11-18 17:12:25
4979
原创 vue.js+elementUI+node.js 后台实现分页
1.前端页面(贴图),点击页码按钮,会获取相应的页码(val),然后将页码(val)传给getdpData(),其接受两个参数,分贝是页码(currentPage)和显示条数(pageSize),将这个两个数据作为请求参数提交到后台进行分页处理。2.后台处理分页(贴图),首先设置默认页码为1,默认显示条数为5,做完一些逻辑操作之后,将获取的参数传给dplist(),...
2019-11-14 22:13:16
794
1
原创 vue.js+elementUI 列表实现分页 翻页 ,el-pagination组件的使用。
1.简单介绍slice(start,end) 可以理解为在一个列表中,从第几个(start)开始,到第几个(end)结束翻页组件:<div> <el-pagination layout="sizes, prev, pager, next" :background="background" :current-page="currentPage" :pa...
2019-11-13 13:10:27
2818
原创 vue computed属性 实现input实时搜索,边输入边搜索功能
1.主要涉及computed属性这是模板内容,在input绑定一个v-model,提供参考声明一个计算属性computed,将changeValue 绑定到input上,其中getValue()为axios 请求方法。里面接收来自input框的值也就是我们绑定的v-model=“input”,值为this.input。computed: { chan...
2019-11-13 12:51:30
3732
1
原创 js 、jquery 实现input边输入边搜索,实时搜索功能
1.实现这个功能主要是 keyup() 事件,input框的值有变化时,会实时获取input的值value,并传给getData(value)方法,getData()是发起我们自己ajax数据请求的方法。$('.search-box input').keydown(function(event){ if(event.keyCode == 13) { let value = th...
2019-11-13 12:05:14
5202
原创 vue.js momentJS 格式化时间
1.npm i moment --save2.import moment from 'moment'3.let time= moment(time).format('YYYY-MM-DD');time 是你要格式化的时间4. yourTime = time
2019-11-12 15:16:15
326
原创 解决 vscode 黑屏的方法,兼容性。
1.首先查看自己电脑的一个属性。计算机(我的电脑)》右键》属性》2.vscode》右键》属性》兼容性、选择与自己电脑对应的版本。应用》确定,重启就可以。顺便补一句打开终端快捷键(Ctrl+~)...
2019-11-11 16:33:51
2361
原创 vue+element-ui+axios 提交数据给后台(坑)
1.相信你们的准备工作都做好啦,就差提交数据啦。我们直接说提交数据,axios 提交数据和ajax 差别不大,只是在参数提交形式上有点区别,ajax提交的数据放在 data:{}中,而axios 提交的数据需要放在 params{}中。具体如下。import axios from "axios"; methods: { getForm() { this.dia...
2019-11-08 08:55:28
2754
1
原创 vue.js 实现搜索,添加,删除,id自增。
1.知识点,computed 计算属性,filter过滤器,返回每一项。,macth在返回的item中匹配一个或多个值。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, i...
2019-11-05 11:32:57
3238
原创 npm 安装vue.js
1.安装vue-clinpm i vue-cli -g最后输入 vue -V 查看是否安装成功(大写的V)2.创建一个vue工程,使用命令 vue init webpack my-project(这是你的工程名,可更改),创建过程有点long,耐心等待……vue init webpack my-project最后创建出来有这么一堆3.测试cd ...
2019-11-04 17:21:30
146
原创 vue.js node+express+mysql 简单的数据请求渲染到页面上,vue.js vue-resource 插件数据渲染
1.vue-resource请求数据 vue-resource请求数据方式是官方提供的一个插件,通过npm install vue-resource --save或者cnpm install vue-resource --save进行安装,也可以通过在线引入的方式使用vue-resource,引用方式如下。<script src="https://cdn.bootcs...
2019-11-02 11:23:23
1070
1
原创 vue小案例 ,vue 简单实现购物车功能,vue入门小案例
1.主要是用了computed计算属性,sum的变化依赖goods,页面初始化就可以实现sum的计算。2.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initia...
2019-10-31 15:19:47
385
原创 webpack clean-webpack-plugin 插件 删除之前打包的文件,新旧文件替换
1.clean-webpack-plugin插件可以删除webpack之前打包出来的文件,这样就不用手动去删除。2.安装npm i clean-webpack-plugin --save3.引用及配置//引用插件const {CleanWebpackPlugin} = require("clean-webpack-plugin");//配置plugins: [ ...
2019-10-30 11:30:04
1425
3
原创 js cmd commoJS 导入导出
1.cmd有三种导出方式// CMD 的导入导出// 使用define定义模块,require,exports,module是define自带的.// common.js// 1// define(function(require,exports,module){// // 定义导出方法// function minus(a, b){// ret...
2019-10-30 10:47:31
410
原创 html 页内跳转,单页面跳转,锚标记跳转。
1、直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #a1{ width: 100%; height: 800px; ...
2019-10-21 18:20:47
1871
1
原创 初识nodejs 前后数据交互,获取数据库数据。
1.环境如果你已经做到数据交互,那么环境就不是问题啦,自己上菜。2.接收前台数据mysqldb.js。let db = require('mysql')let express = require('express')let app = express()app.all('*',function(req,res,next){ res.header('Acces...
2019-09-22 22:40:03
4902
1
原创 html5 canvas,画布 小案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <t...
2019-09-10 17:16:34
1195
原创 jquery 模拟手风琴效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <styl...
2019-08-15 14:07:32
247
原创 jQuery 简单的模拟tab切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 400px; height: 200px; border:...
2019-08-13 20:56:38
708
1
空空如也
nuxt.js async asyncData (同步) 会发送两次请求.
2021-02-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人