- 博客(76)
- 收藏
- 关注
RSS订阅原创 vue 通过事件的形式调用全局组件
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
2024-08-29 14:26:44
1737
原创 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
701
原创 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
513
原创 微信小程序仿支付宝账单列表
支付宝是咋做的 咱也不知道 先把效果实现了再说效果图如下: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
4581
原创 微信小程序使用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
1268
原创 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
215
原创 微信小程序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
345
原创 原生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
153
原创 微信小程序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
190
转载 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
145
转载 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
595
原创 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
5523
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
451
原创 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
186
转载 微信小程序的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
原创 微信小程序中 三元运算符的嵌套使用
<image src='../../images/goodsInfo/{{select1==0?"default":(select1== 1?"up":"down")}}.png'></image>
2019-02-23 14:06:36
2566
转载 向一个数组内的固定位置合并数组
<script type="text/javascript"> 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
598
原创 vue父子组件之间的相互通信
父组件向子组件通信： 1.为子组件添加自定义属性（横线分隔单词）2 在子组件实例化中添加props属性： 是一个数组，每个成员代表一个属性（驼峰）这些属性变量会被添加到组件实例化对象上， 并设置了特性，可以在模板中直接使用，在方法中通过 console.log(this.$props.send)获取值子组件向父组件通信：我的顺序是1.在子...
2018-12-29 12:22:30
133
原创 textarea高度随内容自适应 类似记事本样式
效果图 代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q
2018-12-17 15:23:24
223
原创 写了一个导航条的小样式
导航条底部横线过渡移动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com
2018-12-14 14:15:31
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人