自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3 使用swiper制作带缩略图的轮播图

【代码】vue3 使用swiper制作带缩略图的轮播图。

2024-09-12 09:08:36 221

原创 全局基础通用scss

【代码】全局基础通用scss。

2024-09-04 10:50:29 149

原创 vue 通过事件的形式调用全局组件

通过vue.use 挂载组件,然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。

2024-08-29 14:26:44 1736

原创 vue3 商品详情 图片放大镜

vue3 商品详情 图片放大镜

2024-08-13 15:43:28 205

原创 el-date-picker 扩展

后端对于时间范围字段都是两个字段 start 及 end el-date-picker只能v-model一个数组 每次从数组中取值 赋值很麻烦 所以对它做了一下扩展 代码如下。其中对开始时间做校验 如果开始时间没空 表单校验失败。

2024-07-09 13:54:03 458

原创 微信公众号 H5本地调试配置 hosts + nginx + openssl

微信公众号授权会跳转到控制台配置的域名下 无法本地调试 这里通过修改hosts nginx代理 + ssl安全证书的操作骗过微信开发者工具。刷新nginx 配置 nginx.exe -s reload。微信开发者工具访问 http 自动 转 https问题。openssl生成本地证书。nginx 配置证书。

2024-03-19 16:27:01 698

原创 微信小程序 input绑定async函数

微信小程序 input绑定async函数

2022-08-04 10:18:09 263 1

原创 vue 子组件批量导入及根据参数 动态组件渲染

<template> <div> <component class="item" :is="currentView"></component> </div></template><script>const path = require("path");const files = require.context("@/views/handle-instruction/details.

2021-08-04 09:37:17 512

原创 微信小程序仿支付宝账单列表

支付宝是咋做的 咱也不知道 先把效果实现了再说效果图如下:js代码后端根据最后的时间 向后查询size条数据getData() { const params = { page: 1, size: 10, type: this.data.navActive + 1 } const list = this.data.dateList; if (list.length <= 0) { const mon...

2021-05-27 17:41:00 1799

原创 记一下vue element-ui form表单绑定数组遇到的坑

先上一下效果图其中商品可以一次性添加多个, 起初看到这个需求想的是循环创建多个el-form表单的, 但是写的时候发现如果循环多个表单就会有很多个ref, 表单效验就没法写。我的解决方案是使用computed, 将一个数组拼成一个表单对象 computed: { formData: function() { const formData = {}; this.formDataArr.map((item, index) .

2021-04-08 18:34:41 4580

原创 微信小程序使用previous-margin 与 next-margin 实现幻灯片轮播

先上一张效果图吧<swiper class="swiper-box" previous-margin="40px" next-margin="40px" current="{{active}}" bindchange="swiperChange"> <swiper-item class="swiper-item" wx:for="{{banners}}"> <view class="img-box {{active == index ? 'ac..

2021-03-17 15:27:44 1266

原创 elment ui form表单循环校验

<el-form label-width="140px" ref="formBox" :model="formData" :rules="formDataRules"> <el-form-item label="操作人:" prop="manager"> <el-input v-model="formData.manager" size="small" placeholder="请输入操作人"></el-i..

2021-02-06 15:51:18 214

原创 elment ui 自定义校验规则获取vue 实例

2021-02-06 15:45:40 206

原创 微信小程序request请求封装, token失效刷新继续请求

Promise.prototype.finally = function (callback) { var Promise = this.constructor; // 获取Promise 构造方法 return this.then ( function (value) { Promise.resolve(callback()).then( function () { return value; .

2020-10-26 09:58:01 2532 1

原创 小数点后最大2位小数正则

const reg = /^0\.([1-9]|\d[1-9])$|^[1-9]+(\d*)?$|^([1-9]+(\d*)?\.)([1-9]|\d{1,2})$/g

2020-10-15 17:13:38 344

原创 原生ajax请求封装

html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原生ajax封装</title></head><body> <b.

2020-08-26 15:41:21 260

原创 git 基本使用

连接远程仓库 git remote add origin 地址 拉取远程代码 git pull origin master 查看代码状态 git status 添加文件 git add dirName || fileName || . 添加整个文件夹 添加单个文件 添加所有更改 删除文件 git rmfilePath; git commit -m '文本'; git push; -r删除文件夹-f将文件从暂存区中删除,并且删除原文件 删除暂存区 git rm --cached filePat...

2020-07-14 16:45:14 152

原创 微信小程序watch 属性监听器

/** * 设置监听器 接收需要监听的对象, 一个watch对象 */ setWatcher(data, watch) { Object.keys(watch).forEach(v => { // 遍历需要监听的属性 this.observe(data, v, watch[v]); // 监听data内的v属性,传入watch内对应函数以调用 }) },/** * 监听属性 并执行监听函数 */ observe(obj, k...

2020-07-14 09:33:23 905 2

原创 node 爬虫demo

代码const axios = require("axios");const cheerio = require("cheerio");const async = require("async");const Koa = require("koa");const router = require("koa-router")();const app = new Koa();router.get('/', async ctx => { start()})let index =

2020-05-20 11:27:34 189

转载 web 网络图片下载

代码imgDownload() { let imgUrl = this.imgList[this.actIndex].url; let imgName = this.imgList[this.actIndex].name; let image = new Image(); image.setAttribute("crossOrigin", "anonymous"); // 关键部分 image.src = imgUrl; image.onload = () => {.

2020-05-18 14:26:35 260

原创 commonjs,ADM,CMD,ES6模块规范

// 1 commonjs特点: 每个js文件都可以当做一个模块 服务端: 模块加载是同步的 浏览器: 需要进行编译打包处理语法: 暴露: 暴露的都是exports这个对象 module.exports = value --> 相当于对exports对象重新赋值 exports.xxx = value --> 相...

2020-03-18 14:30:27 189

原创 js 对象

1 for ... in let obj = { name: '王小二', age: 18 } for(let key in obj) { console.log(obj[key]) }输出 王小二 182 es6 Object.keys(obj) 与 Object.values(obj)let obj = { name: '王小二', a...

2020-03-12 13:46:17 114

原创 微信小程序setData对象的属性

// input输入 setAddStoreInput(e) { let value = e.detail.value; let str = e.currentTarget.dataset.str; let up = `addStore.${str}`; this.setData({ [up]: value })...

2019-12-21 09:52:16 144

转载 nginx 配置项明细

https://www.cnblogs.com/knowledgesea/p/5199046.html

2019-12-13 18:55:59 98

转载 vue cli3 关闭eslint

新建vue.config.jsmodule.exports = { lintOnSave: false, devServer: { overlay: { warnings: false, errors: false } }}详细参考:vue-cli-eslint github...

2019-12-12 12:00:06 298

原创 vuex-router-sync的使用

懒得废话直接上代码main.jsimport Vue from 'vue'import App from './App.vue'import store from "./store"import router from "./router"import {sync} from "vuex-router-sync"sync(store, router)Vue.config...

2019-12-12 11:52:12 594

原创 css 的三个技巧

1 图片等比例缩小.imgBox { width: 100px; height: 100px;}.imgBox img { width: 100%; height: auto;}2 多行文本省略// 单行.text { overflow: hidden; text-overflow: ellipsis; white-s...

2019-09-27 16:36:22 109

原创 微信小程序wx.request封装与刷新token

跪求大佬们能对我这垃圾方法提一些意见或者给优化优化,我自己都觉得有待优化,关键是不知道怎么下手啊。function ajax(method, url, data) { let that = this; let app = getApp(); let apiUrl = app.globalData.url; let time = wx.getStorageSync("expi...

2019-09-10 10:42:43 5522 5

转载 vue-cli 3.0 添加jquery

通过命令下载jquery npm install jquery --save-dev方法一在项目目录下build下的webpack.base.conf.js文件头部加入var webpack = require('webpack')并在module.exports的尾部加入plugins: [  new webpack.optimize.CommonsChunkPlugi...

2019-05-07 08:30:38 450

原创 vue 指令

v-text <span v-text="msg"></span> 等价于<span>{{msg}}</span> 没有简写方式 相当于js中的text方法 v-html双大括号会将数据解析成纯文本, v-html输出的是真正的html,等价于js中的innerHTML方法v-pre跳过编译 直接输入原代码v-c...

2019-04-28 14:05:26 157

原创 vue生命周期

瞎写的 希望有大神评论一下 写的对不对 或者补充一下。。。<template> <!-- 结构部分 --> <div class="login"> </div></template><style scoped lang="less"> // 样式部分</style><scrip...

2019-04-28 11:40:13 185

转载 微信小程序的wx.navigateBack传参

var pages = getCurrentPages();获取路由数组var prevPage = pages[pages.length - 2]; //上一个页面prevPage.setData({.......});直接调用上一个页面的setData方法 就可以从当前页向上一页传参...

2019-04-09 16:07:51 205

原创 在小程序中定义定时器

data: { times: ""}click() { let that = this; that.setData({ times: setInterval(function() { 逻辑处理 }) })}清除定时器clearInterval(that.data.times)...

2019-03-20 14:59:14 1315

原创 node获取命令行传来的参数

var arguments = process.argv.splice(2);var width = Number(arguments[0]);var height = Number(arguments[1]);var url = arguments[2];var path = arguments[3];命令行E:\>node app.js 1920 1080 https:...

2019-03-19 17:03:02 1370

原创 let,const,字符串扩展

let :块级作用域内有效(很适合for循环), 不会进行声明提升(必须先声明在使用), 暂时性死区(1.只在所在作用域有效,不受外部影响2.typeof 返回值不再百分百正确) 在同一作用域不允许重复声明(var也不行) 在块级作用域声明函数应该写成函数表达式,而不是函数声明语句。 for循环特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。co...

2019-03-01 10:07:03 281

原创 微信小程序中 三元运算符的嵌套使用

&lt;image src='../../images/goodsInfo/{{select1==0?"default":(select1== 1?"up":"down")}}.png'&gt;&lt;/image&gt;

2019-02-23 14:06:36 2566

转载 向一个数组内的固定位置合并数组

&lt;script type="text/javascript"&gt; var ary1 = ["1","2","3","4"]; var ary2 = ["11","12","13"]; var num= 3; ary2.unshift(num, 0); Array.prototype.splice.ap..

2019-02-15 14:55:29 597

原创 vue父子组件之间的相互通信

父组件向子组件通信: 1.为子组件添加自定义属性(横线分隔单词)2 在子组件实例化中添加props属性: 是一个数组,每个成员代表一个属性(驼峰)这些属性变量会被添加到组件实例化对象上, 并设置了特性,可以在模板中直接使用,在方法中通过                   console.log(this.$props.send)获取值子组件向父组件通信:我的顺序是1.在子...

2018-12-29 12:22:30 132

原创 textarea高度随内容自适应 类似记事本样式

效果图 代码 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;link rel="stylesheet" href=&q

2018-12-17 15:23:24 222

原创 写了一个导航条的小样式

导航条底部横线过渡移动 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script src="http://cdn.bootcss.com

2018-12-14 14:15:31 166

空空如也

空空如也

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

TA关注的人

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