- 博客(39)
- 问答 (4)
- 收藏
- 关注
RSS订阅
原创 物联网可视化大屏
结：以上操作方法还是太麻烦了，终极简单的方法就是使用CSDN的MardDown编辑器，写完全选复制到Typora中可以正常显示，上传到gitee或者github也没问题，省的上传图片文件移过去移过来的！
2022-05-05 11:05:52
4013
1
原创 js,jsvascript常用正则表达式(邮编，文件压缩，多余空格，电子邮件，手机，身份证，中文，日期，6-16位数字字母 两者结合)
常用正则表达式//常用正则表达式 //检查邮政编码//共 6 位数字，第一位不能为 0 /^[1-9]\d{5}$/ //检查文件压缩包 //xxx.zip\xxx.gz\xxx.rar /^\w+\.(zip|gz|rar)$/ //删除多余空格 // str.replace(/\s/g,''); //删除首尾空格 str.replace(/^\s+/,''); s......
2019-08-28 18:52:54
651
原创 代码规范（记录使用）
二、开发规范2.1 组件规范1） Prop 定义应该尽量详细● 必须使用 camelCase 驼峰命● 必须指定类型● 必须加上注释，表明其含义● 必须加上 required 或者 default，两者二选其一● 如果有业务需要，必须加上 validator 验证正例：props: {// 组件状态，用于控制组件的颜色status: {type: String,required: true,validator: function (value) {return [ ‘succ’
2022-04-01 15:18:25
159
原创 vue2的 vuex 模块化引入 require.context
store的index.js文件中：Vue.use(Vuex);const modulesFiles = require.context('./modules', true, /\.js$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') const value = mod
2020-11-25 09:52:31
645
原创 vue2与vue3打包大小与文件对比
用的vue-cli 4.5.0做的测试首先是打包文件 图1 vue2 看到各个文件大小 图2 vue2 看到打包后文件与路由关系#### vue3 看到各个文件大小
2020-11-03 09:03:51
1702
原创 element 手机号 身份证 邮箱验证
phone: [ { required: true, message: "请输入手机号", trigger: "blur" }, // 这个只能验证手机号 // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" } { pattern:/^((0\d{2,3}-\d{7,8}...
2020-10-13 09:27:48
282
原创 vue3 reactive ref getCurrentInstance watch 与生命周期 （简单todolist）
<template> <div class="user_list"> <p>{{aa}}</p> <p>{{userlist.adddata.name}}</p> <p>{{num}}</p> <input type="text" v-model="userlist.adddata.name"> <input
2020-10-12 21:14:51
4975
原创 mapbox 线条发光效果 发光（如何实现 ）？已实现
这种效果如何实现的这个是我由两个图层做出效果 颜色之类的可以修改 （如果想发光更亮就可以用更多图层，更低的透明度，加上模糊程度，最关键的白线色图层要最后再加）1：先创建一个颜色为绿色 宽度为8的图层 模糊程度可以设置为3map.addLayer({ "id": "route", "type": "line", "source": { "type": "geojson", "data": {
2020-08-20 15:52:35
4082
原创 vuecli4手机端 px自适应配置 （px转rem）
npm install amfe-flexible --Snpm install postcss-pxtorem --S在vue.config.js里面配置 ；如果没有这个文件夹在根目录下面创建一个module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("autoprefixer")({ // 配置使用
2020-08-19 16:08:38
351
1
转载 vuecli4 vue3.0改变路径为hash路径
history: createWebHashHistory(process.env.BASE_URL), hash 路由createWebHistory history 路由createMemoryHistory 带缓存 history 路由parseQuery 查询参数反序列化stringifyQuery 查询参数序列化onBeforeRouteLeave 路由离开钩子作者：直立猿链接：https://www.jianshu.com/p/2b7001c0b6e0来源：简书著作权归作者
2020-08-19 16:05:17
2488
原创 下面mapbox 请问一下下面高亮的框一圈框demo怎么做的 或者demo 谢谢！！
下面mapbox 请问一下下面高亮的框一圈框demo怎么做的 或者demo 谢谢！！
2020-07-14 09:22:40
191
转载 vue导出word（vue-cli3）
安装四个依赖 npm install docxtemplater jszip-utils jszip FileSaver --S创建一个world模板 目录放在 public里面模板样式引入import FileSaver from 'file-saver';import docxtemplater from 'docxtemplater';import JSZipUtils from 'jszip-utils';import { saveAs } from 'file-saver
2020-07-02 17:00:24
622
转载 element table max-height问题
第一步：utils目录下创建一个文件为directive，新建auto-height.js文件，export default {componentUpdated(el, binding, vnode) {const ctx = vnode.context;if (!ctx || typeof ctx[binding.arg] === 'undefined' || ctx.autoHeightResizeListenner) return; ctx.autoHeightResizeLis
2020-05-27 09:21:55
3031
2
原创 react-quill的使用
安装npm i react-quill引入import ReactQuill from 'react-quill'; import 'quill/dist/quill.snow.css';state里面写配置 这是我的配置 也可以根据官方配置，这里的图片我用的是自定义上传再插入，特别注意：要改变this指向this.state={ text:"", ...
2020-03-11 11:06:54
5410
8
原创 高德地图实现框选，区域选择（vue，原生页面同用）
通过点击来绘制 左键选择点，三点一个面，右键 确定绘制 ， <!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <...
2020-02-18 14:51:15
3023
原创 element tree 树状图根据条件是否显示多选框
看过一些网上的，修改样式只让最后一层显示多选框但是这不是我想要的结果 我要要根据后台传过来的数据来判断是否显示多选框；首先 第一步 把 node_modules 里面的 element tree 复制出来 到自己src 路径下面，第二步 在el-checkbox 标签里面的 v-if加入自己的判断条件，要判断哪个值 就写 node.data.*** ，第三步 vue的rend...
2020-01-14 16:25:24
1107
转载 react 防抖o((⊙﹏⊙))o.
在react中input事件防抖方法还可以做其他事件防抖import React, { Component } from 'react'；//防抖方法function debounce(fn, ms = 500) { let timeoutId return function () { clearTimeout(timeoutId) timeout...
2019-11-23 16:54:16
686
原创 antDesign+ react 获取输入框中的值
import React,{Fragment,PureComponent} from 'react';import moment from 'moment'; //引入了moment的库import {Input} from 'antd';class InputSave extends PureComponent{ state ={value1:'',value2:''}//在输入...
2019-11-22 11:43:29
6634
原创 create-react-app基础购物车功能实现
本文主要利用create-react-app创建项目，react16.8+版本，以及react-router5+版本，配合axios进行数据交互。准备商品列表组件Home.js：import React ,{Component}from 'react';import {NavLink} from 'react-router-dom'import axios from 'axios';im...
2019-11-21 20:39:21
402
原创 antd表单设置默认值
在下面这个地方设置 <Form.Item> {getFieldDecorator('username', { //这个地方 initialValue:'Tom', rules: [{ required: true, message: '请输入你的用户名！'}], })( <Input prefix={&l...
2019-11-20 19:19:56
12254
原创 react 无状态组件实现todolist Hook 无状态组件ref取表单的值
无状态组件ref取表单的值//val就是dom <input type="text" ref={(val)=>value=val}/> console.log(value.value)//需要使用Hook 16.8新增的import React,{useState} from "react"const Index = (props)=>{ //us...
2019-11-15 11:55:36
615
原创 Vue回到顶部
哪个区域块需要回到顶部，也就是哪个区域块有滚动条 加上 绑定ref 与@scroll.passive=“getScroll($event)” <ul class="list_wrap" ref="top" @scroll.passive="getScroll($event)">创建并修饰 自己回到顶部 我这里用的vant框架的 组件绑定click事件 或者 v-t...
2019-11-02 19:42:42
577
原创 npm audit fix
一.npm 安装报错（以下任意一个）1.found 5 vulnerabilities (1 low, 4 high)2.added 60 packages from 42 contributors and audited 135 packages in 3.279s3.found 0 vulnerabilitiesrun `npm audit fix` to fix them, or...
2019-10-19 08:52:42
674
原创 nodejs 搭建服务器并且能引进css js img（也就是加载原来页面）
var http = require('http');var fs = require('fs')var url = require('url');var path = require('path')var mine = require('./mine').type;http.createServer((req,res)=>{ if(req.url!='/favicon.ico...
2019-10-14 17:03:10
458
原创 ajax 封装
两种传参形式//get post 是否向服务器（后台接口）传数据/* params * type:get/post * url:资源路径（接口地址） * data:前端给后台的数据{key1:value1,key2:value2} => key1=value1&key2=value2 * cb:前端接收到数据之后的处理函数 * *///传参形式//functio...
2019-09-10 17:42:49
79
原创 Cookie 获取，删除，修改添加，封装
//添加 或者修改function setCookie(name,value,date){ let oDate = new Date(); oDate.setDate(oDate.getDate()+date); document.cookie = name+"="+value+";expires="+oDate;}//获取function getCookie(name){ var...
2019-09-09 16:07:34
88
原创 星级特效（购物好评几颗星星）
html页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body,ul,li{ padding: 0; margin: 0; }...
2019-09-04 20:34:58
198
原创 瀑布流页面
html（图片需要自己随便找几张）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ display: block; border:...
2019-09-04 20:30:03
275
原创 放大镜（例如电商页面购买手机时鼠标放上去右边出现放大图）
图片大家可以自己找一些试一试css*{ margin: 0; padding: 0;}#box{ position: relative; width: 400px; height: 500px; border: solid 1px #cecece; margin: 10px;}#xiao{ position: relative; width: 400px; heig...
2019-09-04 20:27:57
208
原创 面向对象无缝轮播图
面向对象无缝最基础样式轮播图（如果有简单的方法大家可以私聊我讨论下）cssbody,ul,li{ margin: 0; padding: 0;}img{ display: block;}li{ list-style: none;}#box{ position: relative; width: 900px; height: 300px; overflow: hid...
2019-09-04 08:29:53
237
原创 while for循环（薪水，打印100以内所有偶数的和，打印100以内的奇数（两种方法），求出1-1/2+1/3-1/4…..1/100的和,闰年，三角形，整除，100阶乘，水仙花，九九乘法表）
入职薪水10K，每年涨幅5%，50年后工资多少？(使用wihile和for循环)while循环var a = 1;var b = 10;while(a<=50){ //while 循环b = b+b*0.05; //计算每年上涨薪水a++; //得出b之后+1}console.log(b) for循环var gongzi = 1...
2019-08-31 15:23:48
1610
原创 函数题（和，商，积，差 。。三个数字从大到小排列,奇数个数，四位数字验证码，公用电话传递密文，任意个数字和商积差，最大公约数，递归求阶乘）
一，编写一个函数，计算两个数字的和、差、积、商 要求：使用传参的形式function aaaaa(a,b){ //函数 a b 两个值 var sum = a+b; //- * / 类推就行 docunment.write ( sum); } jia.onclick = function (){ var a = Number(diy...
2019-08-31 15:01:24
590
原创 九宫格拖拽改变位置
cssbody{ padding: 0; margin: 0;}#wrap{ position: relative;}#wrap>div{ position: absolute; width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 50px; border...
2019-08-28 10:55:31
534
原创 一些兼容问题封装
添加事件监听器和移除 封装function addEvent(domobj, type, fn) { if(domobj.addEventListener) { domobj.addEventListener(type, fn);//现代浏览器支持，IE低版不支持 } else { domobj.attachEvent("on" + type, fn);//IE低版支持 }}...
2019-08-28 08:33:05
72
原创 判断手机端移动端
//判断手机端移动端 var arr = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var str = navigator.userAgent; for(var i = 0;i<arr.length;i++){ if(str.indexOf(arr[i])){ locat...
2019-08-28 08:32:20
109
原创 string练习题
一 ，密码强度（大写字母 小写字母 数字）方法1，转化成ASCII码值进行判断先写入一个输入文本框和一个点击按钮<input type="text" name="" id="txt" value="" /><!-- 收集输入字符串 --><button type="button" id="btn">检测</button> <...
2019-08-21 14:57:01
487
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人