原创
关注
分享
扫一扫
能c能v
这个作者很懒，什么都没留下…
展开
-
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 · 1322 阅读 · 0 评论 -
vue.js 父组件异步传值给子组件 数据 undefined
1.父组件2.子组件watch 一下在赋值即可。原创 2020-09-25 17:08:32 · 1314 阅读 · 0 评论 -
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 · 325 阅读 · 2 评论 -
elmentUI+vue（FormData） 同一个接口提交表单数据和图片
1.不使用FormData提交。2.思路有两个接口，一个是图片接口，一个是表单数据接口，选择图片的时候让图片自动上传（auto-upload=‘真’），在后台使用formidable接收，解析图片名称将其返回（记得引入formidable），前端在on-success绑定的函数下接收返回数据。// 商品图片 uploadImg(req, res) { let form ...原创 2020-04-01 16:52:10 · 1559 阅读 · 0 评论 -
vue 在 main.js 引入less 文件报错解决
1.2.加入javascriptEnabled: true // <- enable this option原创 2020-03-18 17:10:05 · 1513 阅读 · 1 评论 -
Vue proxyTable 设置代理 请求数据
1.设置proxyTable proxyTable: { '/api': { target: 'http://127.0.0.1:3000', changeOrigin: true, pathRewrite: { '^/api': '/' } },...原创 2020-03-18 10:22:53 · 806 阅读 · 0 评论 -
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 · 2525 阅读 · 0 评论 -
微信小程序及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 · 8858 阅读 · 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 · 703 阅读 · 0 评论 -
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 · 634 阅读 · 0 评论 -
vscode React 代码自动补全解决办法
1.如果你看到了这篇博客，那你一定是同行。2.步骤（其实Ctrl+,）就可以完成这一步。3.搜索emmet.includeLanguages 或者 搜索 用户设置4.添加如下 "emmet.includeLanguages": { "javascript": "javascriptreact"}ko...原创 2019-11-28 18:03:27 · 2728 阅读 · 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 · 718 阅读 · 1 评论 -
vue.js+elementUI+node.js 后台实现分页
1.前端页面（贴图），点击页码按钮，会获取相应的页码（val）,然后将页码（val）传给getdpData(),其接受两个参数，分贝是页码（currentPage）和显示条数（pageSize）,将这个两个数据作为请求参数提交到后台进行分页处理。2.后台处理分页（贴图），首先设置默认页码为1，默认显示条数为5，做完一些逻辑操作之后，将获取的参数传给dplist(),...原创 2019-11-14 22:13:16 · 796 阅读 · 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 · 2827 阅读 · 0 评论 -
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 · 5219 阅读 · 0 评论 -
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 · 3742 阅读 · 1 评论 -
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 · 328 阅读 · 0 评论 -
解决 vscode 黑屏的方法，兼容性。
1.首先查看自己电脑的一个属性。计算机（我的电脑）》右键》属性》2.vscode》右键》属性》兼容性、选择与自己电脑对应的版本。应用》确定，重启就可以。顺便补一句打开终端快捷键（Ctrl+~）...原创 2019-11-11 16:33:51 · 2371 阅读 · 0 评论 -
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 · 2756 阅读 · 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 · 3244 阅读 · 0 评论 -
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 · 149 阅读 · 0 评论 -
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 · 1075 阅读 · 1 评论 -
npm 清除缓存命令
1.npmcacheclean -f原创 2019-11-01 14:14:43 · 7791 阅读 · 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 · 391 阅读 · 0 评论 -
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 · 1435 阅读 · 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 · 423 阅读 · 0 评论 -
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 · 1878 阅读 · 1 评论 -
python 基础入门小游戏（石头剪刀布）
1.知识点：random函数，循环语句，函数调用。import randomdef play(): diannao = random.randint(1, 3) return diannaodef main(): while True: diannao = play() # print(diannao) Pers...原创 2019-06-05 22:25:07 · 832 阅读 · 0 评论 -
JavaScript ——arguments对象
1.arguments对象arguments 对象为JavaScript内置对象，该对象包含了函数调用的参数数组，是数组（Array）类型，可以通过arguments对象来找到参数数组里最大的值。<!DOCTYPE html><html><head><meta charset="utf-8"><title>JavaSc...原创 2019-05-23 22:11:02 · 174 阅读 · 0 评论 -
layui 入门案例------layui hello word！
layui 入门案例------layui hello word！1.下载 layui：https://www.layui.com/admin/，解压，将layui文件拿出来。2.新建自己的html文件，在html中通过<link rel="stylesheet" href="layui/css/layui.css"> 引用layui。<link rel="...原创 2019-05-16 13:30:27 · 814 阅读 · 0 评论 -
python 使用django框架 出现 django.core.exceptions.SuspiciousFileOperation 异常解决
**1 异常表现**django.core.exceptions.SuspiciousFileOperation: The joined path is located outside of the base path component.2 解决方案在静态文件有 os.path.join(HERE, ‘static/’)将 里的 “/” 去掉 os.path.join(HERE, ...原创 2019-05-07 12:41:47 · 2337 阅读 · 0 评论 -
Host * is not allowed to connect to this MySQL server -- Navicat 使用ip不能连接mysql数据库问题
1登录msyql，使用mysql数据库（use mysql;）修改里面的user表，将字段host的值“localhost”改为“%”,最后刷新数据库（一定要刷新）。如下：mysql>use mysql;mysql>update user set host = '%' where user = 'root';mysql>FLUSH PRIVILEGES;ok！...原创 2019-05-06 13:17:42 · 277 阅读 · 0 评论 -
python 猜字游戏
python猜字游戏挺有意思的，主要是猜random函数随机生成的数字。import randomrang1 = int(input("设置本局游戏最小值:"))rang2 = int(input("设置本局游戏最大值:"))num = random.randint(rang1,rang2)guess = 'guess ' #猜想等于猜测print(...原创 2019-04-23 21:04:06 · 2353 阅读 · 0 评论 -
w10 安装face_recognition模块
1 安装CMake首先安装CMake，通过pip install CMake命令进行安装。安装成功之后通过CMake -version查看版本。安装成功2 安装dlib模块首先下载dlib-19.8.1-cp36-cp36m-win_amd64.whl 提取码：u9e5通过命令:pip install dlib-19.8.1-cp36-cp36m-win_amd64.whl (一般...原创 2019-04-15 22:31:20 · 433 阅读 · 0 评论 -
可视化编程---echarts动态加载json数据（饼状图）
首先，编写代码之前，先下载好jquery和echarts包，及你要显示的json数据jquery下载地址：https://jquery.com/echarts下载地址：https://echarts.baidu.com/dist/echarts.min.js1、我的json数据：tm4_yx_xiaofei_json_0.json{"da":[{"dpname":"体育学院","jine"...原创 2019-04-11 11:14:43 · 5203 阅读 · 0 评论 -
可视化编程---echarts动态加载json数据（柱状图）
可视化编程—echarts动态加载json数据（柱状图）**首先，编写代码之前，先下载好jquery和echarts包，及你要显示的json数据jquery下载地址：https://jquery.com/echarts下载地址：https://echarts.baidu.com/dist/echarts.min.js1、我的json数据：tm4_yx_xiaofei_json_0.json...原创 2019-04-11 11:04:14 · 3463 阅读 · 2 评论 -
关于scrapy sef write(self, data, async=False):错误的解决
关于scrapy sef write(self, data, async=False):错误的解决在python路径下找到manhole.py文件如：D:\soft\python3\Lib\site-packages\twisted\conch\manhole.py用记事本打开manhole.py，将async替换为其它名字（我的变换为async1，随意）。之后继续执行 scrapy c...原创 2019-03-20 15:25:50 · 288 阅读 · 0 评论 -
python 文件读写、列表（list），字典（dict） 保存为 文本文件（txt）和 json文件格式
1.列表（list）保存为txt。#list转txtlist = ['a','b','c','d']filename = open('D:\\soft\\Anaconda3\\list.txt','w') for i in list: filename.write(i) filename.write('\n')filename.close()2.字典（dic...原创 2019-06-07 22:09:28 · 14943 阅读 · 0 评论 -
python request 爬虫爬取起点中文网小说
1.网页分析。进入https://www.qidian.com/，点击全部，进行翻页，你就会发现一个规律，url=https://www.qidian.com/all?orderId=&style=1&pageSize=20&siteid=1&pubflag=0&hiddenField=0&page=0（1,2,3，……）那么我么可以这...原创 2019-06-14 14:16:35 · 2127 阅读 · 3 评论 -
apache 无法启动之 no listening sockets available 解决办法
1.修改监听端口号。apache 启动会自己去监听80端口，我们只要在自己的安装目录下找的httpd.conf文件，对其进行编辑。Ctrl+F 查找内容为80。Listen 原来为80，改为其他就好，这样就可以启动Apache啦。...原创 2019-06-19 13:15:23 · 6396 阅读 · 1 评论