- 博客(32)
- 收藏
- 关注
RSS订阅
原创 VUE爬坑之----微信支付功能
微信支付功能相比较支付宝支付，有点点繁琐，整理记录下来，以便日后所需项目用VUE+EL搭建而成，支付用EL的radio来做的<el-radio v-model="radio" label="weixin" > <i class="iconfont icon-weixin"></i> <div class="list"> ...
2019-05-21 17:33:30
4008
5
原创 vsCode 快速生成VUE模板代码
使用 vscode 快速生成 vue 模板代码方法1、打开 vscode ，快捷键 ctrl + shift + p，弹出输入框后，输入 snippets2、选择 “ 首选项：配置用户代码片段 ” 一项，输入 vue（或者vue.json），选择 vue.json 选项；3、打开 vue.json 文件，更改里面的代码3-1、源代码：3-2：更改后代码：改成自定义代码4、更改后，新建vue文件，输入 vue 按下 enter 键，快速生成自定义代码模块...
2021-08-21 12:09:47
3684
原创 VUE 常见问题 --- vue+el 验证时，只有在失败时返回，成功不返回的问题
在使用 vue + el 做表单验证的时候，点击提交按钮，只有在 vaild 为false时执行，成功时没有反应addUser() { this.$refs.addFormRef.validate(valid => { console.log(valid) }); }只返回 false，成功时控制不报错，页面不执行百度后解决：在验证时，成功与否都要callback，并且要写对 callback（）var checkEmail = (rule,
2021-06-26 14:42:00
588
原创 VUE 常见问题 ----- 页面正常渲染，控制台报错404请求失败undefined
页面渲染早于接口解决方法： 添加 v-if 判断，控制台不报错<template> <div class="home"> <el-image v-if="data.path != undefined" :src="data.path"></el-image> // 这里添加 v-if判断 <home-login :id="this.id" :city_id="this.data.city_id" :ordered_img="thi
2021-06-04 17:47:28
774
原创 vue 3.0项目搭建部署
关于 VUE3.0 项目搭建部署及码云仓库代码管理详细步骤1、下载 Git2、打开 Git bash3、cd 项目要安装的文件夹cd d:4、vue create web ---- “web 是项目文件名称”5、接下来是一些配置项目A、1、default（babel，eslint） ----- 默认设置，快速创建项目原型，没有带任何辅助功能的 npm包2、Manually select features ----- 自定义配置，提供可选功能的 npm 包 *这里我们选择此选项
2021-04-27 11:40:16
964
原创 关于 GitBash 光标无法使用的问题，vue无法在gitbash选择的问题
简单 四步 ，马上get1、找到 GitBash 安装目录2、右键 【打开文件位置】，找到 bash.bashrc 文件3、在文件最后一行添加 alias vue=‘winpty vue.cmd’4、重启 GitBash ！
2021-04-22 10:38:30
474
原创 windows 下查看并停止80端口 Apche由于端口禁用无法启动 80端口被PID为4进程占用
关于Apche由于80端口被占用无法启动的解决方法一、查找80端口占用1、快捷键 win + r ,打开运行，输入cmd2、输入命令： netstat -ano若提示 ‘netstat’ 不是内部或外部命令，说明cmd当前操作不在系统文件夹system32下，切换到当前文件夹下：cd c:\WINDOWS\system32\ ，重新输入命令：netstat -ano3、查看80端口占用情况4、Ctrl + Alt + Delect 启动任务管理器点击 ‘ 服务 ’，查看80端口占用情况
2021-03-17 11:16:26
444
原创 原生JS实现图片轮播跑马灯效果
实现原理：1、准备一个展示区域的盒子，设置宽高；2、准备一个存放所有图片的盒子，将所有图片依次放入，设置溢出隐藏一、HTML布局<div class="wrapper"><div id="container"><!--图片展示区域盒子--> <ul id="imglist"><!--将所有图片并列展示盒子--> <li> <img src="./img/banner.jpg" alt="暂无
2021-03-13 16:25:34
824
原创 Python爬取页面数据（纯小白干货分析）
Python爬取静态页面数据分析1、确定目标页面2、分析页面布局3、获取数据4、存入本地表格用到的Python的包：requests、lxml、xlwtrequests：获取目标链接lxml： 解析数据xlwt：写入表格代码分析：1、引包import requestsfrom lxml import etreeimport xlwt2、requests 抓取数据requests.get("http://www.hebnews.cn/")3、分析结构获取目标数据title
2021-03-11 14:09:40
524
原创 代码托管仓库---码云
为什么要使用代码托管1、避免本机或服务器宕机，程序丢失2、多人、多地协作办公如何使用：1、注册码云账号密码https://gitee.com/2、通过公钥建立链接个人中心 – 设置添加公钥复制公钥本机 — git bash – 粘贴公钥3、码云创建项目4、下载到本地复制创建好项目的 SSH使用 git clone SSH将项目放至本地5、本地编写完成后，上传至码云cd 本地项目文件git add.git commit -mgit push...
2021-03-05 15:08:08
196
原创 原声JS仿京东编写Tab切换菜单
使用JS原生实现Tab切换菜单排他思想及自定义属性具体代码如下：HTML结构代码.cur{ background: red; color: #fff;}<div class="wrapper"> <div class="menu"> <ul> <li>首页</li> <li>列表1</li> <li>列表2</li> &l
2021-02-27 10:53:01
232
原创 原生 js 短信发送 60s重新发送
实现原理：点击 btn 按钮，更改 disabled 为 true；使用定时器函数 setInterval , 时间每秒减一；若时间小于零，更改btn 的 disabled 为 false，同时将时间重新调整为60具体代码：<div><input type="text" placeholder="请输入短信验证码"><button>发送短信</button></div><script>var btn = docume
2021-02-14 11:04:24
426
原创 vs code前端插件汇总及使用
一、装机插件：1、Chinese 汉化插件------ 更改菜单栏为中文；2、Auto Rename Tag 重命名标签3、One Dark Pro 颜色主题4、Live Server 实时预览 (使用前提：使用vs打开项目目录)5、Easy LESS 编辑less文件6、vscode - icons : 设置文件图标7、会了吗 ： 翻译单词8、格式化代码：右下角管理 — 设置 — 文本编辑器 — 格式化 — 选中format…二、快捷键1、shift + alt + ↓ ：快
2021-02-12 16:31:05
267
原创 js中对无序数组进行排序 使用sort()及不使用sort()对比
问题一、请使用两种方法对一下数据进行升序，降序排序：arr = [1, 4 ,19, 2, 65];方法一：function Arrsort(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = 0; j<arr.length-i-1; j++){ if(arr[j]<arr[j+1]){ //升序排序 【arr[j]>arr[j+1] //降序排列判断】 var tem =
2021-01-31 12:24:03
925
1
原创 js原生编写倒计时原理及方法详解，解决刷新页面倒计时不显示问题
关于原生js倒计时编写：原理：用户输入时间 - 当前时间 = 剩余时间步骤：1、获取当前时间：var nowTime = +new Date()；2、获取用户输入时间： var InTime = +new Date(‘2020-01-01’)；3、剩余时间戳 = 输入时间戳 - 当前时间戳：var Times = InTime - nowTime4、将获取到的时间戳转为秒：Times = Times / 1000；4、将时间戳转化成日、时、分、秒a、var d = parseInt(Time
2021-01-31 11:23:44
512
原创 大白菜重装系统
一、准备8G以上空U盘二、进入大白菜官网http://dbc.dqsspx.top/?bd_vid=7459194807350602611点击下载，下载本地电脑；三、安装下载好的大白菜软件，安装到本地电脑；四、插入空U盘，并打开大白菜，默认安装即可。(直接点击-------一键制成U盘启动盘)；五、下载装机系统点击进入：https://msdn.itellyou.cn/选择你需要安装的系统，复制 ed2k（红框中所有内容）；粘贴至迅雷、旋风、百度网盘离线或者其他下载工具中，进行下
2020-12-26 17:58:15
3799
原创 域名如何部署到正在使用的服务器
阿里云申请的域名，PHP环境，宝塔工具；一、登录阿里云，对该域名进行解析二、登录宝塔，添加站点；添加成功后，在改站点下上传你已经做好的页面即可；如果需要FTP操作的，就创建FTP账号密码，创建成功后，直接用FTP账号密码登录即可；...
2020-12-19 16:02:04
557
2
原创 ThinkPHP部署到宝塔模板不存在，报错
Linux会区分大小写开发环境使用windows，Windows下不区分文件名大小写；部署环境，使用linux，大小写一定要统一，JS，css，文件尽量使用小写！
2020-11-17 15:05:57
639
原创 基于Thinkphp环境部署到阿里云服务器/宝塔
项目基于TP5；服务器使用阿里云服务器；第一步：在阿里云上购买服务器，域名1、域名购买成功后，进行域名实名认证，通过后，进行域名的备案2、服务器购买成功后，会有对应的实例，打开实例页面，下面有部署教程选择开发环境，根据提示进行按照即可。这里，我只操作了第一步-----登录阿里云服务器，之后，直接安装宝塔，在宝塔上进行操作。第二步：在服务器上安装宝塔通过命令登录阿里云服务器后，在命令中输入：yum install -y wget && wget -O install.sh
2020-11-15 17:34:39
789
原创 基于Thinkphp使用同一个域名，PC和M端访问不同模板
一、首先目录结构展示：（主要修改这几个文件）二、更改入口文件 index.phprequire DIR . ‘./isMobile.php’;三、在入口文件index.php同级目录下，增加common.php 文件，代码为：<?php function isMobile() { if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } if (isset($_SERVER['HTTP_VIA'])) { retu
2020-10-30 14:40:31
522
原创 微信小程序 ----- css伪元素带框加号 加入购物车效果
微信小程序 + css 实现 加入购物车 按钮效果.add{ width: 45rpx; height: 45rpx; border: 1px solid; color: #ccc; transition: color .25s; position: relative; border-radius: 50%; background-color: red;} ....
2020-04-27 17:11:03
860
原创 微信小程序----解决swiper指示点样式
官方文档里，swiper的指示点默认是圆形，且只能修改其颜色。如果要修改形状需要弄清swiper里控制指示点的类，并对其中样式进行修改。首先 ： 我们需要了解几个class swiper里控制指示点的类1.wx-swiper-dot 指示点的类名2.wx-swiper-dot-active 当前指示点的类名有了这两个类名 改变颜色样式啥的就比较简单了<view class=...
2020-04-24 16:05:16
1920
1
转载 微信小程序-----解决swiper默认高度150px
微信小程序缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。那么，怎样让图片自适应不同分辨率呢？思路是：获取屏幕宽度，获取图片的宽高，然后等比设置当前屏幕宽度下swiper的高度.wxml部分<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{...
2020-04-24 15:58:59
5656
转载 Vue爬坑之----在vue项目中引入swiper
版本选择swiper是个常用的插件，现在已经迭代到了第四代：swiper4。常用的版本是swiper3和swiper4，我选择的是swiper3。安装安装swiper3的最新版本3.4.2:npm i swiper@3.4.2 -S这里一个小知识，查看node包的所有版本号的方法：npm view 包名 versions组件编写swiper官方的使用方法分为4个流程：加载插...
2019-07-15 18:06:28
429
原创 VUE爬坑之---支付宝支付功能
之前感觉支付宝很亲民，今天再做，感觉也是很多需要注意的地方，记录以防日后再入坑一、在子组件中，引入ab.js(function() { var b = {}; var a = {}; a.PADCHAR = "="; a.ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; a.make...
2019-07-11 17:20:25
6613
转载 VUE爬坑之---ios12系统微信中，填写完input后 键盘收起 页面底部有留白 需点击页面才可使用提交按钮
在 IOS 12 的系统中，在输入框中输入完内容，当点击键盘上的完成按钮时，会发现页面底部会有一大段区域变成了白色的，高度就是原来弹起的键盘的高度，这时候如果将页面上下滑动下，会发现这块空白区域又会消失，页面也恢复了正常一、新建 JS 文件，自定义指令，代码如下import Vue from 'vue'/** * 自定义指令 v-reset-page，以解决 iOS 12 中键盘收起后页面...
2019-07-11 17:01:45
562
原创 关于Webpack安装与删除
安装Webpack一、创建一个新的本地项目目录名为webpack-demod: 回车 — 进入D盘cd Webpack_demo — 在D盘下新建文件，或进入目录二、创建package.json文件: npm init -y三、安装webpack:1》局部安装：npm install --save-dev webpack2》全局安装：npm install webpack --...
2019-06-21 16:05:43
722
原创 关于vue+webpack配置
基于node.js 、npm 安装一、全局安装CNPMnpm install -g cnpm --registry=https://registry.npm.taobao.org二、全局安装VUE-CLI脚手架npm install vue -cli -g查看VUE-CLI版本：cnpm view vue-cli三、创建基于Webpakc模板的项目E: – 进入E盘目录E md 文...
2019-06-21 15:50:38
198
转载 Vue中的computed属性与watch属性区别
computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或...
2019-06-03 11:10:21
329
1
原创 VUE安装 与 GIT 仓库同步使用记录
最近学习VUE，希望将VUE中遇到的问题，记录下来，与大家分享，也希望路过的大神分享VUE学习经验及遇到的坑【比心】今天学习了VUE与Git同步的使用方法，记录分享一、下载 Node.js ：官网下载，安装；https://nodejs.org/en/，直接下一步就好；安装成功后，打开CMD，输入命令：node -v 回车输入命令： npm -v 回车二、安装GIT官网下载安装：...
2019-05-29 11:01:11
407
原创 VUE爬坑之----微信打开支付宝支付功能
在微信内通过浏览器打开支付宝功能，也是爬坑之一一、首先要在【src–assets–js】下新建ap.js(function() { var b = {}; var a = {}; a.PADCHAR = "="; a.ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; a.makeDO...
2019-05-21 16:47:15
1422
原创 vue爬坑路之----微信转发分享功能
最近做VUE转发分享功能，转发出去的页面没有详情及图片，搜集了一些资料，原来是因为转发链接写成了后台传来的链接地址了【笑哭自己】，我们前端应该获取当前页面的URL并传递给后台，让后端使用我们的URL，而不是自己接口URL，以此记录下来，以防再入坑一、在 【src–assets–js】下新建JS文件 wx.jsapi.jsimport axios from ‘axios’export defa...
2019-05-21 15:30:32
2704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人