- 博客(56)
- 资源 (1)
- 收藏
- 关注
原创 WEB前端初阶入门
WEB入门WEB的基础知识前端页面的三大构成HTML、css、JavaScriptHTML文档——网页网页:后缀名.html- 语法:标签(标记)用尖括号括起来的关键词;单标签、双标签单标签: | 双标签:[内容]HTML文档基本结构<!doctype html> 声明语句<html> 文档的开始 <!-- html标签和head标签是父子关系(嵌套关系) head标签和body标签是兄弟关系(并列关系) -->
2022-04-27 10:54:00
1066
1
原创 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
1740
原创 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
3124
原创 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
1288
原创 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
179
原创 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
743
原创 对象数组新增一条数据
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
498
原创 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
1300
原创 基于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
796
原创 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
3616
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
507
原创 微信小程序整合后台数据
//数据整合,将后台取出的数据整合成自己需要的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
583
原创 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
736
原创 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
2923
原创 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
938
原创 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
91
原创 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
505
原创 事件委托
<script> //事件委托: 本质是利用冒泡 //使用:涉及到重复的同一件事情,不许每一个都单独处理了,只需要交给他们的父集进行处理 var myUl = document.getElementById("myUl"), oLis = myUl.getElementsByTagName("li"); // // 性能不好 // for(var i =...
2020-10-28 21:58:45
99
原创 输入框正则校验
~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
634
原创 封装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
112
1
原创 多张图片懒加载
<script> var newsList = document.getElementById('newsList'), oLis = newsList.getElementsByTagName('li'), aImg = newsList.getElementsByTagName('img'); //滚动事件 window.onscroll = function () { ...
2020-10-25 22:17:38
143
原创 懒加载
<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
87
原创 回到顶部
var btn = document.getElementById("btn"); //首屏的高度加上滚动条卷去的高度大于3500的时候就显示btn //获取首屏的高度 var winH = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function () { //获取滚动条卷去的高度.
2020-10-25 22:15:46
56
原创 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
581
原创 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
2059
原创 简单的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
225
原创 根据配置项插入复选框
//checkbox.vue<template> <div class="check"> <input type="checkbox" class="box"> <span class="text">wiaa</span> </div></template><script> export default { }<.
2020-10-23 00:28:34
177
原创 vue-chacao
//插槽chacao.vue<template> <div> <h1>插槽的使用</h1> <h2>匿名插槽</h2> -------------- <Chacaoson> <!-- <div slot="slotA"> <h1>这里给了slotA插槽</h1.
2020-10-22 22:00:15
177
原创 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
91
原创 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
168
原创 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
154
原创 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
201
原创 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
161
原创 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
58
原创 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
69
KoalaSetup.exe
2020-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人