- 博客(98)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 fe常用网站
点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转点击跳转
2021-01-16 20:03:41
405
1
原创 Ajax详细获取数据(不会的转行吧！)
Ajax获取数据1.原生AjaxGET获取//步骤一:创建异步对象 var ajax = new XMLHttpRequest(); //步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端 ajax.open('get','路径'); //步骤三:发送请求 ajax.send(); //步骤四:注册事件 onreadystatechange 状态改变就会调用 ajax.onreadystatechange = func
2020-10-06 15:33:47
2823
8
原创 Vue常用各种插件详细安装步骤（不收藏就找不到了！）
Vue安装步骤1.小黑框安装vue create 项目名 -b -n2.vuex安装yarn add vuex //全局状态管理工具yarn add vuex-persistedstate //vuex保存在本地3.路由安装yarn add vue-router //路由4.路由跳转yarn add axios //路由跳转yarn add vue-axios //路由跳转5.快速实现页面效果pc端yarn add element-ui -S //pc端6.s
2020-09-29 14:15:20
2818
2
原创 vue后台水印实现
<template> <router-view v-waterMark="waterCode" ></router-view></template><script>import waterMark from 'common/utils/watermark';export default { directives: { waterMark: waterMark, },
2022-03-17 10:31:13
1093
2
原创 Jenkins使用
MacBook Pro安装/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"再次安装brew install jenkins-lts安装完成之后打开浏览器输入http://localhost:8080/
2021-12-06 15:11:13
740
原创 npm配置 上传 跟新 安装
官网登陆注册点击跳转淘宝镜像npm config set registry http://registry.npm.taobao.org/npm镜像npm config set registry https://registry.npmjs.org/需要npm 镜像才能登陆登陆 npm loginnpm init -y{ "name": "abc", // 名称 "version": "0.0.5", // 版本号 "private": false}上传 npm pu
2021-11-17 17:55:56
157
原创 vue m3u8视频播放 单个视频和多个视频处理
文章目录使用方式组件npm install video.js使用方式《组件》组件在下方// 单个视频 <videojs :src="url"/>// 多个视频 <div v-for="item in list" :key="item.id" class="count" > <videojs :src="item.url" :val="item.id" /> </div&
2021-11-09 14:57:14
2974
4
原创 vue中xss详细配置
xss文件import xss from 'xss'; // 导入xss包const options = { // 白名单 whiteList:{ a: ['style', 'href', 'title', 'target'], p:['style'], section: ['style'], strong: ['style'], abbr: ["title",'style'], addres
2021-09-25 12:08:54
3837
原创 多维数组中删除指定项，数据结构不变
let arr = [[11,22,33],[44,55,66],[77,88,99]];arrRemove(it, arr) { if(!arr || arr.length == 0) { return ""; } let flag = arr.indexOf(it); if (flag > -1) { arr.splice(flag, 1); return arr; }}arrRemove(55, a
2021-09-25 12:03:57
203
原创 对象修改key
let list ={ "222":{ "12101": "生殖孕育", "12102": "妇科综合", "12103": "产科", "12104": "产后妇科", "12105": "妇产科其它" }, "444":{ "12201": "儿内科", "12202": "儿外科", "12203": "儿童五官科", "12204": "儿童保健科", "12205": "新生儿科", "12206": "其他儿科" }}
2021-08-31 15:36:48
237
原创 css不知道的常用方法
content-visibility: auto; // 长列表DOM渲染优化 display: grid;place-items: center;相当于浮动 display: flex;margin: auto; gap:1em;//设置间隙 // 垂直居中
2021-08-30 09:31:07
138
原创 vue实现批量打印
<template> <div> <ul class="print-ul"> <li v-for="(item,index) of tableData" :key="index" :id="'printDiv' + index" style="page-break-after:always;"> <div>
2021-08-20 11:52:06
3600
4
原创 cascader快速数据格式转化
<i-cascader v-model="params.cate_l3_no" style="width: 155px" placeholder="药品分类" trigger="hover" @on-change="change" :data="cate_l1_list" transfer > </i-cascader>// 使用this.cate_l1_list= this.convertTree(da
2021-06-25 16:40:28
456
原创 iview table 分页复选框保存状态记忆
<i-table stripe ref="selection" :columns="columns" :data="dataList" :loading="loading" @on-select="onSelect" @on-select-cancel="onSelectCancel" @on-select-all="onSelectAll" @on-select-all-cancel="onSelectAllCancel"/>
2021-06-10 12:36:49
580
原创 多维对象转一维对象
a:{ list:111, obj:222, b:{ add:333, box:444 }, c:{ haha:555, nihao:666 }}Object.values(a).forEach(item => { let obj = item; for (let key in obj) { if (obj[key]) { this.$set(this.obj, key, obj[key]); }
2021-05-28 18:56:40
534
原创 数组中的对象判断里面的内容
// 有一个数组let list = [ {treat_date: "2021-04-20", time_segment: "3"}, {treat_date: "2021-04-20", time_segment: "2"}, {treat_date: "2021-04-19", time_segment: "1"}]// 想吧他改成let list =[ {'treat_date': "2021-04-20", "time_segment":["3", "2"]},
2021-04-23 19:57:43
202
原创 vue实现消息的实时刷新websocket
直接上代码，只要vue中级就能懂 mounted(){ this.initWebSocket(); //页面渲染的时候，对ws进行初始化 }, methods:{ initWebSocket () { this.websock = new WebSocket('ws://localhost:8081');//这个连接ws://固定，后面的根据自己的IP和端口进行改变，我设置监听的就是8081 this.websock.onmessage = this.websocket
2021-04-14 18:57:02
1939
原创 前端冷知识
文字模糊效果color: transparent;text-shadow: #111 0 0 5px;毛玻璃效果.blur { display: block; width: 300px; height: 300px; margin: 100px auto; filter: blur(10px);}<img src="./img/test.png" class="blur" alt="">整个页面变得可以编辑document.body.
2021-04-02 11:24:47
90
原创 vue实现二维码
安装 npm install xkeshi/vue-qrcode --save<div v-show="qrcodeUrl" class="response"><qrcode :value="qrcodeUrl" v-if="qrcodeUrl" :options="{ size: 170 }"></qrcode><p>请使用支付宝扫码支付</p></div>// script 代码import Qrcode
2021-03-24 17:22:34
129
原创 苹果mac使用npm安装依赖报错
在使用npm按照vue的时候报错，解决方法asus$ npm install -g @vue/cli输入密码以管理员身份安装
2021-03-24 15:11:10
458
原创 前端新电脑配置
文件安装1.下载wps点击下载2.下载谷歌浏览器3.VS Code点击下载4.百度网盘点击下载5.ps系统安装1.node.js2.cnpm3.yarn4.git5.vue6.webpack7.sassVScode扩展1.Chinese 中文2.Rainbow Fart 小彩虹3.Auto Close Tag 自动闭合4.Auto Rename Tag5.Bracket Pair Colorizer6.Code Runner7.Code Spell Checker
2021-03-23 13:02:21
186
原创 vue中使用MD
安装npm install mavon-editor --save使用<template> <div style="width: 100%;height: 100%"> <mavon-editor v-model="value" @save="save" :toolbarsFlag="!readOnly" :defaultOpen="readOnly?'preview':'edit'" :ishljs = "true" :subfield="readOnly"
2021-03-08 10:23:44
375
原创 用户监控zanePerfor部署与使用
官网// installnpm install web-report --save // 通用版本引入import { Performance } form 'web-report'// 使用 建立在oncreate中Performance({ domain:'http://report.com/api/v1/report/web', add:{ appId:'D3D9B9AA45B56F6E424F57EFB36B0XXX',//zanePerfor中创建的
2021-03-08 10:21:26
293
原创 浏览器实现word在线预览
注册注册过程十分简单，输入邮箱，两个key直接发送到你的邮箱，注册地址http://www.xdocin.com/xdoc?_func=resource替换url，只要替换下面url中的key为你的只读key和文档地址就可以http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_key=你的只读key&_xdoc=你的文档地址 window.open( "http://www.
2021-03-08 10:16:15
629
原创 微信小程序实现地图快速定位
腾讯地图<!--index.wxml--><view class='view'> <map longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}" show-location> <cover-view> 经度：{{longitude}} </cover-view> <cove
2021-03-08 08:18:20
229
原创 Electron配置
创建简单创建//首先在一个空的文件内，创建package.json文件{ "name": "electronl", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": ".\\node_modules\\.bin\\electron .", "start": "chcp 65001 && npm test" }, "author": "ha
2021-03-07 19:56:30
711
原创 网页实现视频作背景
pc端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0;
2021-03-02 20:20:11
270
原创 vue3组件使用方式
<template> <div> <span>count is {{ count }}</span> <span>plusOne is {{ plusOne }}</span> <button @click="increment">count++</button> </div></template><script>import { val
2021-02-27 13:56:32
462
原创 H5开发遇到的问题
1.弹出数字键盘<!-- 有"#" "*"符号输入 --> <input type="tel"> <!-- 纯数字 --><input pattern="\d*">2. 调用系统的某些功能<!-- 拨号 --><a href="tel:10086">打电话给: 10086</a><!-- 发送短信 --><a href="sms:10086">发短信给: 10086</
2021-02-26 16:06:32
173
原创 element-ui中Table聚光灯效果
<template> <el-table :data="tableData" border class="marking-table" :cell-class-name="cellClassName" :header-cell-class-name="headerCellClassName" @cell-mouse-enter="cellMouseEnter" @cell-mouse-leave="cellMouseLeave".
2021-02-24 14:00:24
312
原创 unapp左右联动
<template> <view> <view class="search"> <view class="searchBox"> <navigator url="#"> <image src="../../static/image/search2.png" mode=""></image> 搜索全部 </navigator> </view> &
2021-02-20 11:30:51
144
原创 mysql使用
const mysql = require('mysql');//配置连接const connection = { host: 'localhost', post: '3306', user: 'root', password: 'root', database: 'timu'};//创建连接对象//let con = mysql.createConnection(connection);//连接// con.connect(err => {// if (
2021-02-05 10:27:11
85
原创 react学习
文章目录安装使用函数式组件类组件样式注释构造函数setState()修改数据事件路由Redux安装//脚手架cnpm install -g create-react-app//创建项目create-react-app 名使用function box(){ let time=new Date().toLocaleString(); let element=( <div> <h1>现在的时间是{time}</h1> <
2021-02-04 20:41:39
83
原创 css-doodle学习教程
文章目录什么是css-doodle?使用方式属性介绍简单的dome什么是css-doodle?一个用于使用CSS绘制图案的Web组件使用方式官网 https://css-doodle.com/标签 <script src="https://unpkg.com/css-doodle@0.14.2/css-doodle.min.js"></script>安装 yarn add css-doodle属性介绍@rand(开始[，结束])//返回两个数字之间的随机值，简写 @
2021-02-01 16:19:29
1482
原创 HTML标签
标签作用属性1属性2属性3属性4属性5属性6属性7a超链接href=""//链接目标地址download=""//指定下载链接hreflang=“en”//指定被链接文档的语言rel=""//文档与目标 URL 之间的关系media=“all”//目标 URL 的媒介类型target=""//在何处打开地址//_blank–_parent–_self–_top–framenametype=“text/html”//类型abbr表示一个缩写词或者首字母...
2021-01-28 14:56:15
122
原创 vue3路由hash和histroy切换
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'const router = createRouter({ //history history: createWebHashHistory(process.env.BASE_URL), //hash history: createWebHistory(process.env.BASE_URL), routes})exp
2021-01-24 17:44:04
917
1
原创 vue3 给全局添加公共方法
vue2 添加的方法很简单import Vue from 'vue'import axios from 'axios'Vue.prototype.$axios = axiosvue3第一种：使用 app.config.globalProperties 添加import { createApp } from 'vue'import axios from 'axios'const app = createApp()app.config.globalProperties.$axios = a
2021-01-22 17:44:06
1034
原创 vue3语法引入element-ui
安装插件npm install element-plus --savemain.js中import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementPlus from 'element-plus'import 'element-plus/lib/theme-chalk/index.css'crea
2021-01-22 13:54:10
628
todolist.html
2020-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人