自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 本地打开dist文件

没有http-server,npm install -g http-server。npm run build打包后。

2023-07-11 11:39:50 165

原创 uni.app 配置自动导入(unplugin-auto-import/vite)

【代码】uni.app 配置自动导入(unplugin-auto-import/vite)

2023-04-22 23:43:59 3677 1

原创 H5跳转支付宝小程序

H5跳转支付宝小程序

2022-08-04 09:24:43 2920

原创 支付宝生活号关闭右上角菜单按钮

支付宝生活号关闭右上角菜单栏按钮

2022-08-03 13:21:18 394

原创 H5 解决ios 屏幕下方返回键页面不刷新的问题

H5 页面返回不刷新

2022-06-17 11:10:38 529

原创 windows nginx 常见操作命令

在根目录下,打开cmd1.查看Nginx的版本号:nginx -v2.启动Nginx:start nginx 或 nginx.exe3.快速停止或关闭Nginxnginx -s stop4.正常停止或关闭Nginx:nginx -s quit5.配置文件修改重装载命令:nginx -s reload6.查看nginx进程tasklist /fi "imagename eq nginx.exe"7. 查看所有nginx进程tasklist /fi "imagenam

2022-05-04 16:28:10 2742

原创 element-ui循环验证表单时prop绑定方式

循环绑定 prop 以及 rules验证的相关方式 <div v-for="(item, index) in channelForm.typeList" :key="index"> <div > <el-divider content-position="center"> <span class="title-box">东方财富</sp

2022-04-14 16:33:28 864 1

原创 vue-quill-editor 配合element el-upload上传图片

<template> <div class="quill-editor"> <el-upload id="iviewUp" ref="upload" :show-upload-list="false" :on-success="handleSingleSuccess" :on-change="chnage" :format="['jpg','jpeg','png']" :max-size="2

2022-04-03 16:24:59 1052

原创 element 输入框相关正则

这里写自定义目录标题el-input 输入框相关正则el-input 输入框相关正则/** * 数字输入框正整数 * @param {*} value 传入的值 */ export const positiveInteger = (value, length) => { if(!value) return value let str = value.replace(/[^\d]/g,'') if(str == 0) { str = ''

2022-04-02 18:16:32 944

原创 git 重名名 tag

重命名git tag1. git tag newtag oldtag2. git tag -d oldtag3. git push origin :refs/tags/oldtag4. git push --tags

2022-02-23 09:55:07 819

原创 修改完文件,想直接切换分支,怎么办

修改文件后,需要切换分支 // 暂存git stash // 列所有stashgit stash list // 恢复暂存的内容git stash apply //删除暂存区git stash drop // 恢复暂存的内容git stash pop

2022-02-10 13:12:34 436

原创 nvm管理工具切换node版本

node版本管理工具(nvm)一、先安装nvmgithub上下载最新版本:https://github.com/coreybutler/nvm-windows/releases推荐下载第三个包:nvm-setup.zip:(建议安装1.1.7版本)二、nvm基本命令nvm -V 查看nvm版本号nvm list 是查找本电脑上所有的node版本nvm list installed 查看已经安装的版本nvm list available 查看网络可以

2022-01-17 13:13:29 677

原创 git新建tag

git tag使用新建tag (例如 新建一个 V1.0.0 tag)git tag V1.0.0推送tag 到远程git push origin V1.0.0删除本地taggit tag -d V1.0.0删除远程taggit push origin :refs/tags/V1.0.0列出已有taggit tag切换taggit checkout V1.0.0...

2022-01-11 09:39:58 635 1

原创 typescript 基础类型定义

1.typescript 类型定义代码如下(示例): //基础类型 /** * 1. 布尔 boolean * 2. 数字 number * 3. 字符串 string * 4. 数组 array * 5. 元组 Tuple * 6. 枚举 enum * 7. 任意 any * 8. Void * 8. Null 和 Undefined * 8. Never */ // 布尔类型(boolean) t

2022-01-06 10:24:30 1313

原创 vue3.0 使用事件总线(mitt的使用)

1.安装依赖npm install --save mitt 2.新建event.js文件import mitt from 'mitt'const VueEvent = mitt();export default VueEvent;3.触发<template> <div> <el-button type="primary" @click="changeEvt">触发事件总线</el-button> </di

2022-01-05 09:33:47 2007

原创 vue3.0 父子组件传值(语法糖)

一、父子组件交互<template> <el-icon :size="size" :color="color" @click="change"> <component :is="name"></component> </el-icon></template><script setup>import { defineProps, defineEmits, defineExpose} f

2021-12-30 16:36:50 946

原创 vue3.0 使用element-plus 按需自动导入

一、element-plus 安装npm install element-plus --save// 按需自动导入npm install -D unplugin-vue-components unplugin-auto-import二、vue.config.js 配置const AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/web

2021-12-30 14:27:24 2520 1

原创 支付宝小程序跳转

1.跳转第三方(如客服,基金列表)代码如下(示例):// 引入 mp-alipay-url-handler jsimport urlHandler from "./mp-alipay-url-handler/index"// 如 alipays开头的 alipays://platformapi/startapp?appId=201910176840427xx&query=publicId%3D20180611603930xx&nbupdate=syncforceeurlHandle

2021-12-15 16:48:10 1127

原创 支付宝小程序关注生活号组件使用

// public-id 财富号的id<button @followLifestyle="onFollow($event,item)" open-type="lifestyle" public-id="20180611603930xx"></button>onFollow(e) { // 关注生活号弹窗回调 let status = e.detail.followStatus // 1 未关注 2 关注失败},...

2021-12-15 16:22:40 902

原创 Vuex相关用法

vuex的相关用法1. 安装依赖包npm install vuex -- save2. 导入依赖包,并创建对象 在src目录下新建一个文件夹 store 在里面新建index.js文件 (index.js)import Vue from 'vue'import Vuex from 'vuex'import commonStore from './commonStore'Vue.u...

2020-04-01 15:18:48 162

原创 前端上传图片压缩

<template><div class="img-upload"><img class="img" ref="img" :src="imgSrc" alt=""><input ref="file" type="file" :accept=accept @change="imgSelect($event.target)"><ca...

2019-06-04 14:21:22 225

原创 微信小程序 wepy父子组件传值

在开发过过程中经常会有些重复的性的工作,为了加快我们的开发效率,便把一些相同的部分抽取出来,哪里用就扔哪里 先讲一下组件的抽取因为tab栏比较常用,就简单举例说明一下tab的抽取方法吧建一个与page同级的文件夹,comments ,在此文件夹下新建一个 tabBar.wpy 页面  (结构为 wepy component)1. 将抽取的结构放在tabBar.wpy 的 template里&lt;...

2018-07-06 09:26:16 7025

原创 小程序的相关坑点

以下是我在使用小程序开发中的碰到的坑点,未完待续....1. 不支持图片的jpg格式,支持png格式,以及图片名字不允许有中文2. 微信小程序的官方文档小程序发出request请求链接地址必须为https,如果是使用http访问 请求,那么在使用微信webapp开发工具时,如果勾选“不校验请求域名以及TLS版本” ,则可以使用开发环境的预览请求数据,但是一旦发布为微信小程序预览版,则...

2018-07-04 20:24:54 195

转载 http状态码详解

201-206都表示服务器成功处理了请求的状态代码,说明网页可以正常访问。200(成功)  服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。201(已创建)  请求成功且服务器已创建了新的资源。 202(已接受)  服务器已接受了请求,但尚未对其进行处理。 203(非授权信息)  服务器已成功处理了请求,但返回了可能来自另一来源的信息。 204(无内容)  服务器成功处理了请求,但未返...

2018-06-29 15:07:05 151

原创 js获取当前页面url网址信息的方法

1、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);返回:http://i.cnblogs.com/EditPosts.aspx?opt=12、window.location.protocol(设置或获取 URL 的协议部分)var test = window.location.pr...

2018-06-20 17:46:05 232

原创 字符串的常用方法详解

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;标题&lt;/title&gt; &lt;script&gt; //字符串常用方法:不管是那个字符串方法,都不会改变原来的字符

2018-06-20 17:35:13 436

转载 localStorage,sessionStorage和cookie的区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念。session...

2018-06-12 23:30:12 131

原创 github的基本介绍与详细使用

gitgit是什么:是一个开源的分布式版本控制系统,可以对项目进行版本管理。 早期是linux之父用来管理linux系统源代码的(linux是和windows一样操作系统 开源免费的操作系统)常见的源代码管理工具 git : 分布式版本控制系统svn : 集中式的版本控制系统什么是版本控制系统版本控制系统: 用来控制源代码的版本 (类似QQ 微信 版本升级) 软件升级后 代码也会变化 代码也需要...

2018-06-07 20:55:02 8680

原创 sass简单介绍与使用

sass介绍与的使用sass介绍sass是一个css扩展语言,使用sass写样式时,不是直接创建 .css文件,而是创建一个.scss文件,按照sass特定的语法格式来写样式, 写完样式之后,再将 .scss文件执行一次编译, 生成 .css文件。 所以 sass又称为css的预编译语言sass的优点 1.声明变量 2.css 嵌套写法 3.其它高级特性(参考后面sass高级语法)...

2018-06-07 20:28:04 439

原创 利用原生 ajax 调接口创建表格,渲染页面

效果php 代码&lt;?phpheader( "Content-Type: application/json" );$keys = explode( ",", "num,name,gender,birthdate,join_date,address,email,phone" );if ( $_SERVER[ "REQUEST_METHOD" ] == "GET" ) { $d..

2018-06-01 01:09:03 1135 2

原创 for循环的坑

2018-06-01 00:54:12 775

原创 简单的到计时

示例代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-05-30 12:24:28 212

原创 addEventListener和onclick 的不同之处

.addEventListener 是DOM中提供注册监听的方法,对DOM元素都是有效的,允许给一个事件注册多个监听演示如下得出结果:onclick只出现一次alert,我是click2 ,因为前面一次click事件会被第二次所覆盖,但是addEventListener却可以先后运行,不会被覆盖.    &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&...

2018-05-30 09:17:18 497

原创 实现图片懒加载的一种方法

使用jquery.lazyload.js  插件实例说明:使用懒加载,当页面在可视区窗口内图片才会加载出来,这样做能防止页面一次性向服务器响应请求导致服务器响应慢,页面卡顿或崩溃等问题&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta nam

2018-05-27 22:42:21 542

原创 js 沙箱的基本概念

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-05-27 22:18:39 2939

原创 js 使用闭包点击li获取他的索引值

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-05-27 22:02:29 1232

原创 js 中利用递归求阶乘及斐波那契

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-05-27 21:49:51 4957

原创 H5C3和fullafullpage实现购物车动画

效果相关插件ea

2018-05-27 21:29:35 597 1

原创 js实现图片本地预览功能

效果

2018-05-26 01:17:51 3653 2

原创 H5 实现自定义video播放器,快来点我吧

要实现自定义video播放器需要熟悉video的相关操作    1. 视频播放它有哪些操作        1. 播放 play()        2. 暂停 pause()        3. 判断当前是暂停还是播放状态 paused        4. 更新进度 监听事件 ontimeupdate = function() {}        5. 设置进度 视频的总时长: duration 当...

2018-05-26 00:41:32 7659 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除