毛默默不吃鱼-优快云博客

WEB入门WEB的基础知识前端页面的三大构成HTML、css、JavaScriptHTML文档——网页网页：后缀名.html- 语法：标签（标记）用尖括号括起来的关键词；单标签、双标签单标签： | 双标签：[内容]HTML文档基本结构<!doctype html> 声明语句<html> 文档的开始

2022-04-27 10:54:00 1116 1

原创前端测试小工具记录

package.json可配置dev，sit环境是否展示小工具

2022-04-07 13:58:03 189

原创 a-input 封装select组件 vue

input 封装select组件 vue需求：输入框，若输入框空白，聚焦展示所有下拉框，输入模糊匹配展示下拉框，输入完全匹配取消下拉框，若输入框存在值，聚焦不展示下拉框，值不完全匹配下拉框值时，展示下拉框；键盘上下可以选择下拉框值，enter可以确认选择 <a-input ref v-model.trim="userName" placeholder="用户名" autocomplete="off" @click.stop.prev

2022-04-07 13:53:07 1804

原创 antd table组件单元格嵌入select选择器

antd table组件单元格嵌入select选择器dom <a-table :columns='columns' :dataSource='columnsList' rowKey="key" :pagination="false" :row-selection="selection" > <template slot="select" slot-scope="text"> <div

2022-02-15 09:11:17 3392

原创 Antd Select 可输入可选择带联想可多选择

Antd Select 可输入可选择带联想可多选择 <a-select :showSearch="true" mode="multiple" :showArrow="true" v-model="form" placeholder="请选择" :filterOption="false" @change="handleChange" @search="searchForm" :notFoundContent="null" :dropdownMatchSelectWidth="false"&

2022-01-26 15:17:02 1364

原创 antd vue json渲染的导航栏

antd vue json渲染的管理系统布局组件

2022-01-26 11:01:10 263

原创 antd vue json数据动态渲染导航

antd框架搭建json渲染的的后台管理系统的layout布局

2021-12-31 09:38:47 503

原创 ES6语法学习

ES6语法学习正则匹配匹配的语法var reg=new RegExp('^{/d}','g')//第一个匹配规则，第二个修饰符var regOne=new RegExp(/^[0]$/i)// 斜杠内规则斜杠后修饰符var regTwo=new RegExp(/^[0]$/i,'g').flags//第二个会覆盖第一个的饰符遍历器转数组//遍历器--["test3", "e", "st3", "3", index: 10, input: "test1test2test3"]

2021-12-30 17:11:15 216

原创 vue 采坑日记（antd 框架）

Vue 采坑日记登录权限篇https://juejin.cn/post/6844903478880370701#heading-4 大佬写法antd vue 篇FORM modal 表单匹配定义的校验规则，但校验不成功//<a-form-modal-item label='AA' prop="des"> <a-select v-model="form.des"> 表单里面的v-model的值一定要放在:form定义的变量里面，prop定义同v-model的

2021-12-30 14:25:22 790

原创对象数组新增一条数据

let option=[{text:"aaa",value:"0"},{text:"bb",value:"1"}]let newList=[]let obj=[{text:"111",value:"00"}]let set =new Set([...option,...obj])newList.push(...set)console.log(newList,'11');```javascript在这里插入代码片

2021-12-15 10:42:13 531

原创 Antd Vue Select组件

Antd Vue Select组件既可以输入模糊查询，也可以不输入复制粘贴内容模糊查询，又可以选择 <a-select show-search :allowClear="true" :show-arrow="true" v-model.trim="testValue" placeholder="请输入" :filter-option="true" @search="handleSearch"

2021-12-10 15:43:07 1358

原创 vue 自定义蒙层引导

进入页面之后的新手指引

2021-12-03 16:55:26 2352

原创基于pdfjs和modal的接口渲染打开对应pdf的弹框

vue封装pdf组件npm i pdfjs-dist （本次基于2.3.200版本）npm i cross-spawn （这个必须要一起安装）pdf组件//部分思想参考网上<template> <div :id="eid" :ref="eid"> <div class="pdf-wrap"> <canvas> v-for="page in pdf_pages" :class="'the-canvas'+page"

2021-11-24 10:18:01 854

原创 vue antd的form表单一个item多个input校验

<a-form-item props="father"><a-col> <a-form-item props="son1"> <a-input /> </a-form-item></a-col><a-col> <a-form-item props="son2"> <a-input /> </a-form-item></a-col><span>-

2021-11-22 17:26:35 3765 2

原创 javascript算法：输入整数n，从1到n 包含多少个1

function aa(n){ var arr=[],newN=0,i=1 while(i<=n){ var str=i.toString() if(str.includes("1")){ var newArr= str.split('') newArr.forEac...

2021-11-03 15:09:21 555

原创微信小程序整合后台数据

//数据整合，将后台取出的数据整合成自己需要的const getDataList=async ()=>{ let newctrAllPrice=0,task=[],newPrdList=[],allNum=0 let res=await Db.queryData(config.tables.cate) if(res.data.length!=0){ res.data.forEach((item)=>{ item.ctrNo.forEach((val

2021-11-02 16:55:31 628

原创 js 排序字符串内含数字字母特殊符号排序

var a="10022.T01"var b="02133.SH1" getChartCode(str){ var newStr = str.split(""); var num = 0; newStr.forEach((item, ind) => { let flag = Number(item) ? true : false; var mm=Math.pow(10,(newStr.length-ind))

2021-11-02 15:10:36 777

原创 echarts根据时间画出折线图

```javascript在这里插入代码片 drawTime() { const data = [ { value: ["2021-9-16 12:00", 8] }, { value: ["2021-9-16 12:50", 6] }, { value: ["2021-9-16 13:20", 6] }, { .

2021-11-01 10:58:03 3074

原创 antd desgin Vue组件样式修改百分百有效

Antd Vue组件样式修改百分百有效a-modal组件<a-modal :visible="true" title="aa" okText="同意" wrapClassName="aa" cancelText="tuichu" @ok="()=>{}"><a href="#">全部订单</a></a-modal>先在组件上添加wrapClassName=“aa”，一定要有less 样式编写.aa{ div[role='d

2021-09-16 11:18:29 1013

原创 react-native 学习笔记

视频学习笔记```javascriptimport React, { Component } from 'react';import {View,Text,Image,StyleSheet, Platform,Platform,TextInput,TouchableOpacity} from 'react-native'const STATUS_BAR_HEIGHT=20class NavigationBar extends Component { static propTypes={

2020-11-09 00:28:37 112

原创 react-search

//search页面import React, { Component } from 'react';import "../../style/search.styl"import SongList from '../../components/SongList'class Search extends Component { constructor() { super() this.state = { hotSearch: [], .

2020-11-09 00:01:15 529

原创事件委托

2020-10-28 21:58:45 115

原创输入框正则校验

~function () { var form = document.getElementById('form'), tel = form.username, pass = form.pass, repass = form.repass, yzm = form.yzm, verify = form.verify, btn = form.btn; var b = document.createE..

2020-10-28 21:46:52 654

原创封装ajax

// 防止污染全局将方法挂到widnow上~ function (window) { // 处理IE 兼容问题 // 创建ajax的实例 function createXHR() { if (window.ActiveXObject) { //IE的 return new ActiveXObject("Microsoft.XMLHttp"); } else { //标准 return new

2020-10-25 22:28:24 140 1

原创多张图片懒加载

2020-10-25 22:17:38 166

原创懒加载

<body> <div id="box"> <img src="" trueSrc="img/6b0d1a7924eb2bc716cbd3ed80502a3b.jpg" /> </div> <script> var box = document.getElementById("box"), aImg = box.getElementsByTagName("img")[0

2020-10-25 22:16:42 104

原创回到顶部

var btn = document.getElementById("btn"); //首屏的高度加上滚动条卷去的高度大于3500的时候就显示btn //获取首屏的高度 var winH = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function () { //获取滚动条卷去的高度.

2020-10-25 22:15:46 68

原创 window.location用法

// location (地址栏对象信息) //http://127.0.0.1:5500/04.location.html console.log(window.location); //host:域名和端口号 console.log(window.location.host); //hostname:域名 console.log(window.location.hostname); ...

2020-10-25 22:13:12 628

原创 js操作添加表格

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #form { width: 480px; margin: 30px auto; border: 1px solid #eee;

2020-10-25 22:11:43 2091

原创简单的js工具库

function getStyle(eleObj, attr) { return eleObj.currentStyle ? eleObj.currentStyle[attr] : window.getComputedStyle(eleObj)[attr];} // 判断滚轮的方向（兼容的处理） function whellEvent(ev) { //滚轮方向的 //IE或谷歌事件对象.wheelDelta //往前滚： 120 往后滚：-120 并且火狐

2020-10-25 21:56:40 245

原创根据配置项插入复选框

//checkbox.vue<template> <div class="check"> <input type="checkbox" class="box"> <span class="text">wiaa</span> </div></template><script> export default { }&lt.

2020-10-23 00:28:34 192

原创 vue-chacao

//插槽chacao.vue<template> <div> <h1>插槽的使用</h1> <h2>匿名插槽</h2> -------------- <Chacaoson> <!-- <div slot="slotA"> <h1>这里给了slotA插槽</h1.

2020-10-22 22:00:15 211

原创 vue is 属性

//is.vue<template> <div> <button @click="login">登录</button> <button @click="register">注册</button> <div :is="comName"></div> </div></template><script> .

2020-10-22 21:56:22 104

原创 vue-component通信

//main.jsimport Vue from 'vue'import App from './App'import './filter/timeFormat.js'Vue.config.productionTip = falseVue.prototype.$bus = new Vue()/* eslint-disable no-new */new Vue({ el: '#app', components: { App }, template: '<App/>'}.

2020-10-22 21:55:24 229

原创 react-购物车

//app.jsimport React, { Component } from 'react'import List from './List'import Total from './Total'export default class App extends Component { constructor() { super() this.state = { checkAll: false, num: 0,

2020-10-19 23:32:04 179

原创 vue-评论案例

<template> <div class="mask" v-if="isShow"> <input type="text" v-model="name"> <br> <input type="text" v-model="age"> <br> <input type="text" v-model="gender"> &l

2020-10-19 23:22:00 225

原创 git axios

# Git axios 做项目git bashgit guigit --versionGit 是一个开源的分布式****版本控制****系统，用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件## 安装windows 桌面右键点击git bashmac 直接打开明令行```git config --global user.name “你的github用户名”git config --glo

2020-10-19 23:18:30 181

原创 axios封装

import axios from 'axios'let instance = axios.create({ baseURL: "/api", // 最终会跟传进来的url进行拼接 timeout: 6000 // 请求过期时间})// 请求拦截instance.interceptors.request.use((config) => { console.log(config) let token = localStorage.getItem("token"

2020-10-19 23:16:23 71

原创 vuex

vuex的使用场景：保存登录状态 token 用户名登录成功，添加商品：/addProduct?id=1&name=香蕉&token购物车今后，只要遇到多个组件有共享的状态时，就把这个状态放到vuex存储Vuex使用安装npm i vuex --save创建文件src下新建一个store文件夹，新建一个index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)expor

2020-10-19 23:14:49 95

KoalaSetup.exe

空空如也