- 博客(64)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 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
1196
原创 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
784
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
1008
原创 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
319
原创 前端日常记录一下 ftp连接成功但是不能获取到目录列表的情况
1.检查对应的端口是否放行。2.在宝塔面板修改ftp配置文件。在文件搜索"ForcePassiveIP" 替换为自己服务器 ip 即可。3.在ftp 客户端 文件 --->站点管理（选中站点）----> 高级 ---> 被动模式...
2021-01-06 17:30:05
1359
原创 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
298
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
830
原创 elmentUI+vue（FormData） 同一个接口提交表单数据和图片
1.不使用FormData提交。2.思路有两个接口，一个是图片接口，一个是表单数据接口，选择图片的时候让图片自动上传（auto-upload=‘真’），在后台使用formidable接收，解析图片名称将其返回（记得引入formidable），前端在on-success绑定的函数下接收返回数据。// 商品图片 uploadImg(req, res) { let form ...
2020-04-01 16:52:10
1514
原创 vue 在 main.js 引入less 文件报错解决
1.2.加入javascriptEnabled: true // <- enable this option
2020-03-18 17:10:05
1471
1
原创 Vue proxyTable 设置代理 请求数据
1.设置proxyTable proxyTable: { '/api': { target: 'http://127.0.0.1:3000', changeOrigin: true, pathRewrite: { '^/api': '/' } },...
2020-03-18 10:22:53
776
原创 mysql8.0.19安装 由于找不到vcruntime140_1.dll
1.下载安装即可链接：https://pan.baidu.com/s/17EVbeTblLggWBWyu6i0frg提取码：ic5o
2020-03-18 08:48:29
2396
原创 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
1219
原创 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
2446
原创 ERROR 1045 (28000): Access denied for user 'ODBC'@'localhost' (using password: NO)
1.mysqld --install
2020-02-21 21:43:25
529
原创 微信小程序及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
8772
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
662
原创 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
608
原创 vscode React 代码自动补全解决办法
1.如果你看到了这篇博客，那你一定是同行。2.步骤（其实Ctrl+,）就可以完成这一步。3.搜索emmet.includeLanguages 或者 搜索 用户设置4.添加如下 "emmet.includeLanguages": { "javascript": "javascriptreact"}ko...
2019-11-28 18:03:27
2686
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
669
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
4949
原创 vue.js+elementUI+node.js 后台实现分页
1.前端页面（贴图），点击页码按钮，会获取相应的页码（val）,然后将页码（val）传给getdpData(),其接受两个参数，分贝是页码（currentPage）和显示条数（pageSize）,将这个两个数据作为请求参数提交到后台进行分页处理。2.后台处理分页（贴图），首先设置默认页码为1，默认显示条数为5，做完一些逻辑操作之后，将获取的参数传给dplist(),...
2019-11-14 22:13:16
758
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
2750
原创 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
3664
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
5052
原创 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
298
原创 解决 vscode 黑屏的方法，兼容性。
1.首先查看自己电脑的一个属性。计算机（我的电脑）》右键》属性》2.vscode》右键》属性》兼容性、选择与自己电脑对应的版本。应用》确定，重启就可以。顺便补一句打开终端快捷键（Ctrl+~）...
2019-11-11 16:33:51
2298
原创 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
2731
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
3157
原创 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
123
原创 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
1046
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
354
原创 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
1396
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
364
原创 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
1817
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
4851
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
1162
原创 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
230
原创 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
691
1
空空如也
nuxt.js async asyncData (同步) 会发送两次请求.
2021-02-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人