前端
文章平均质量分 55
前端知识总结
黑胡子大叔的小屋
嵌入寺点灯大师
展开
-
自定义事件总线
输出:订阅事件 小猪佩奇 12。原创 2023-01-12 09:44:49 · 176 阅读 · 1 评论 -
封装leaflet pm 地图打点标记组件
封装leaflet地图打点标记组件原创 2023-01-07 15:54:04 · 914 阅读 · 0 评论 -
Vue3 富文本组件封装wangeditor
在找到这个组件之前尝试了vue-quill-editor,onChange事件失效,搜到说是不支持vue3tinymce-vue,报搜不到model.js,没找到解决方案都不好用,封装过程中存在bug最后找到了wangeditor这个富文本组件,封装成功,直接上代码引入参照文档中正常引入就好原创 2022-12-29 17:10:38 · 1803 阅读 · 2 评论 -
自定义cell控件
自定义cell控件原创 2022-11-14 10:46:36 · 882 阅读 · 0 评论 -
vue 打印
vue 打印原创 2022-11-11 17:29:52 · 268 阅读 · 0 评论 -
leaflet地图插件汇总
vue + leaflet实例。leaflet.pm的使用。leaflet地图文档。leaflet地图蒙版。原创 2022-10-25 10:19:43 · 682 阅读 · 0 评论 -
common.css
【代码】common.css。原创 2022-09-27 10:33:06 · 544 阅读 · 0 评论 -
环形进度条组件
自定义环形进度条组件原创 2022-07-29 14:58:57 · 323 阅读 · 0 评论 -
flex布局实例
flex布局实例原创 2022-07-14 14:57:43 · 642 阅读 · 0 评论 -
CSS整理
CSS原创 2022-07-14 11:02:32 · 200 阅读 · 0 评论 -
小程序控件实现长按事件
小程序控件实现长按事件原创 2022-06-20 14:43:36 · 583 阅读 · 0 评论 -
关于 Element 表单自动加载userName和passowrd字段的配置
在做用户注册表单,遇到自动加载了cookies中存的用户信息,可以通过设置autocomplete="new-password"解决 <el-form-item label="用户名" prop="userName"> <el-input v-model="addForm.userName"></el-input> </el-form-item> <el-form-item labe.原创 2022-04-29 09:40:39 · 305 阅读 · 0 评论 -
关于ElementUI 的 el-time-picker 组件分钟无法选择的问题
在用el-time-picker组件时,遇到分钟无法通过滑动修改的情况,默认卡在04分钟,键盘可以修改错误代码如下: <el-time-picker v-model="addForm.meetingTime" style="width: 100%;" is-range value-format="HH:MM" format="HH:MM" range-separator="至" start-placeholder.原创 2022-04-28 16:44:12 · 3532 阅读 · 3 评论 -
在子组件中使用Echarts图表无法刷新显示的问题(解决:子组件刷新)
场景问题在项目中,子组件中使用了Echarts的图表,图表的数据需要从父组件传入Id来进行查询,墒情仪与气象站相同的结构,当切换设备时,图表无法回显,父子组件传值正常。解决心路历程1、我将两种设备传值的Id分开传递,处理无果2、给子组件赋key,每次点击设备标识 key++,修订成功 <template v-if="instrumentValue == 0 && facilityId != ''"> <Soil原创 2022-04-12 10:57:52 · 2126 阅读 · 0 评论 -
vant 时间选择控件修订为只显示年份
路径:node_modules\vant\es\datetime-picker\DatePicker.js两处修订,源码中标记实现效果如下:import _extends from "@babel/runtime/helpers/esm/extends";import { createNamespace } from '../utils';import { isDate } from '../utils/validate/date';import { padZero } from '../.原创 2022-01-05 17:18:46 · 1465 阅读 · 0 评论 -
JS获取指定长度的随机字符
JS获取指定长度的随机字符function random_string(len) { len = len || 32; var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; var maxPos = chars.length; var pwd = ''; for (i = 0; i < len; i++) { pwd += chars.charAt(Math.floor(Math.rand原创 2021-05-26 10:57:35 · 197 阅读 · 0 评论 -
移动数字图书馆,基于UniApp,Android实现图书管理系统
移动数字图书馆,基于UniApp,Android实现图书管理系统移动数字图书馆,基于UniApp,Android实现图书管理系统开发环境开发框架表结构效果图展示后端管理系统登录管理主界面图书管理图书分类管理读者管理借阅信息管理APP首页图书查询图书详情、借阅、续借、归还借阅信息移动数字图书馆,基于UniApp,Android实现图书管理系统开发环境 window10 eclipse: Mars.2 Release (4.5.2) HbuildX Sql Server 20原创 2021-04-09 11:58:38 · 2052 阅读 · 8 评论 -
cJSON的那点事儿
cJSON的那点事儿JSON(了解)cJSON(明确)cJSON数据结构cJSON常用方法(掌握)实例JSON(了解)JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。值可以是对象、数组、数字、字符串或者三个字面值(false、null、true)中的一个。值中的字面值中的英文必须使用小写。数据在键/值对中;数据由原创 2021-03-29 12:02:49 · 451 阅读 · 0 评论 -
CGI以及CGIC那点事儿
CGI介绍(了解)早期的Web服务器,只能响应浏览器发来的HTTP静态资源的请求,并将存储在服务器中的静态资源返回给浏览器。随着Web技术的发展,逐渐出现了动态技术,但是Web服务器并不能够直接运行动态脚本,为了解决Web服务器与外部应用程序(CGI程序)之间数据互通,于是出现了CGI(Common Gateway Interface)通用网关接口。简单理解,可以认为CGI是Web服务器和运行其上的应用程序进行“交流”的一种约定。CGI是Web服务器和一个独立的进程之间的协议,它会把HTTP请求Req原创 2021-03-29 11:59:51 · 1402 阅读 · 3 评论 -
Vue探索
Vue生命周期Setup()@date 2021/3/18@note 今天再看一个开源的系统项目https://gitee.com/asaasa/element_vue3.0?_from=gitee_search#/asaasa/element_vue3.0/blob/dev/src%5Cplugins%5Cpermission.js在看到它的登录部分时候,发现该页面不存在onCreate()等生命周期的处理,只是在一个Setup()中有处理,搜罗了一下相关的资料,汇总一下抛出问题既然原创 2021-03-18 17:26:12 · 386 阅读 · 0 评论 -
JS实现Form表单渲染
JS实现Form表单渲染<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js"></script></head><body><form id="formDialog" class="uk-原创 2021-02-24 17:10:23 · 1034 阅读 · 0 评论 -
threejs例子、解析与总结
前言目前没有找到特别系统且免费threejs课程,现阶段看一下官方的demo和源码,官方的demo都是开源的,这点还不错。然后还搜罗了基本大家推荐的书《threejs入门指南》https://www.ituring.com.cn/book/1272例子一实例https://threejs.org/examples/#webgl_multiple_elements源码解析:import * as THREE from '../../node_modules/three/build/t原创 2021-01-18 16:41:52 · 978 阅读 · 1 评论 -
搭建threejs测试环境
前言在做threejs练手项目时,会存在同源策略的问题倘若你需要从外部文件里载入几何体或是纹理贴图,由于浏览器same origin policy(同源策略)的安全限制,从本地文件系统载入外部文件将会失败,同时抛出安全性异常。参照threejs的官方文档,给出两种解决方式在浏览器中改变本地文件的安全策略,这将使你可以通过搭建本地服务器官方文档中也做了详细解析,还有开启本地服务器的几个例子;这里采用node的http-server这里采取第二种解决方式构建使用到npm webpa原创 2021-01-18 14:06:43 · 665 阅读 · 1 评论 -
threejs资料汇总
threejs文档https://techbrood.com/threejs/docs/threejs案例https://scqilin.github.io/learning-threejs-third/#chapter-10_01-basic-texturethreejs非常不错的博客https://blog.csdn.net/jdk137/article/details/84943611?utm_medium=distribute.pc_relevant.none-task-blog.原创 2021-01-15 11:11:25 · 585 阅读 · 2 评论 -
HTML实现拖拉拽放置功能的例子
<!DOCTYPE HTML><html><head><meta charset="utf-8"> <title>拖拉拽</title><style type="text/css">#div1 {width:350px;padding:10px;border:1px solid #aaaaaa;}</style><script>function allowDrop(ev){ ev原创 2021-01-15 10:26:49 · 886 阅读 · 0 评论 -
前端BUG汇总记录
export declarations may only appear at top level of a module情景再现:在练习three.js的时候点开查看别人的demo,控制台报出如上错误,搜索发现是需要在服务器上打开,不能在本地,放到服务器上便可以运行了。...原创 2020-12-31 16:29:38 · 903 阅读 · 0 评论 -
CSS整理,自己碰到的一些例子
例子例子一<template> <div class="nav-frame"> <!-- 封装一个导航组件,用在搜索功能的导航栏处 --> <!-- <ul> <li v-for="(item,index) in title" :key="index">{{item}}</li> </ul> --> <div原创 2020-12-18 14:24:04 · 162 阅读 · 0 评论 -
响应式界面设计
小记你是否还在为为啥我的界面不能普适手机、平板、pc为啥我的界面改变分辨率整个界面的dom都 “飞了”而发愁没错,我也有相同的困扰。笔记小伙子,响应式网页了解一下。https://www.zhihu.com/question/58701928/answer/955789217...原创 2020-12-11 17:30:43 · 143 阅读 · 0 评论 -
使用Vue仿一个网易云网站
小记预期进程记录12-09目前实现的效果如下项目架构初步搭建起来了,记录组件拆分原创 2020-12-09 17:42:07 · 3298 阅读 · 4 评论 -
C实现WebSocket服务端与订阅端以及HTML5的WebSocket
WebSocket如何在浏览器端使用<!DOCTYPE html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="format-detection" content="telephone=no"> <meta charset="UTF-8">原创 2020-12-02 17:41:00 · 444 阅读 · 0 评论 -
谈谈跨域这点事儿以及axios实现跨域
什么是跨域参考这篇博客:https://www.jianshu.com/p/f880878c1398提取下关键词:跨域请求就是指:当前发起请求的域与该请求指向的资源所在的域不一样。这里的域指的是这样的一个概念:我们认为若协议 + 域名 + 端口号均相同,那么就是同域。跨域引起的安全问题:CSRF攻击那么问题又来了什么是CSRF攻击参考这篇博客:https://blog.csdn.net/ppxin/article/details/94717173#1.%20%E4%BB%80%E4%B9原创 2020-11-26 11:20:32 · 347 阅读 · 0 评论 -
(vue)项目实践
项目实践小记笔记项目构建项目别名网络请求封装配置路由\构建视图正式开发组件拆分组件一组件二点击切换li标签颜色的实现组件三小记终于可以进入实践阶段了笔记项目构建项目别名完成项目构架后,对项目别名,要不后面改的东西太多后续的使用如下:js中:html中:~别名css中:网络请求封装其中网络模块进行了进一步的封装基础的网络请求封装在request.js中import axios from 'axios'export function request(config){原创 2020-11-24 17:35:30 · 2942 阅读 · 1 评论 -
(vue)axios
基本使用axios({ url:'http://123.207.32.32:8000/home/multidata', method:'get', param:{ type="pop", page:3 }}).then(res=>{ console.log(res)})对axios进行封装为啥进行封装如果项目换了网络请求插件的话,就不用再去单个组件中去修改代码了封装request.jsimport axios from 'axios'export原创 2020-11-23 12:03:20 · 146 阅读 · 1 评论 -
(vue)Vuex
Vuex认识VuexVuex是一个专为vue.js应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可以预测的方式发生改变状态管理模式状态管理模式、集中式存储管理可以简单的看做:把需要多个组件共享的变量全部存储到一个对象当中;然后将这个对象放到顶层的Vue实例当中,让其他组件可以使用一般什么会放到Vuex中状态需要在页面之间共享的比如:登录状态、用户名、头像、地理位置信息比如:购物车信息...原创 2020-11-17 11:34:59 · 119 阅读 · 0 评论 -
(vue)Promise
什么是Promisepromise是异步编程的一种解决方案ES6中一种非常好用重要的特性简单体会<!DOCTYPE html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="format-detection" content="telephone=no">原创 2020-11-17 11:14:48 · 146 阅读 · 0 评论 -
webgl
整理一些webgl的学习资料:技术博客:http://www.yanhuangxueyuan.com/学习视频:https://www.bilibili.com/video/BV1s4411c7RD?from=search&seid=15520430262951531133HT for Web 3D 手册 :https://www.hightopo.com/guide/guide/core/3d/ht-3d-guide.htmlHT for Web 数据模型手册 :https://www原创 2020-11-12 17:06:53 · 112 阅读 · 0 评论 -
(vue)搭建一个简单的vue插件
实现效果点击下方导航栏切换不同的页面其中下方的标题、图标以及个数都是自由定义的实现思路组件拆分文件结构TabBar.vue源码:<template> <div id="app"> <div id="tab_bar"> <slot></slot> </div> </div></template><script>export defaul原创 2020-11-12 15:48:31 · 209 阅读 · 1 评论 -
(vue)路由
一、VueCliruntime-compiler和runtime-onlyruntime-compiler:new Vue({ el:"#app", template:'<App/>', components:{App}})runtime-only:new Vue({ el:"#app", render:h=>h(App)})没有注册其中render(渲染):h=>h(App)箭头函数相当于如下内容:new Vue({原创 2020-11-11 10:37:37 · 222 阅读 · 1 评论 -
(vue)脚手架vue-cli
小记笔记什么是vue-cli使用vue开发大型项目的时候,我们需要考虑目录结构、项目结构、部署、热加载、单元测试等问题,如果这些全部手动完成,无疑效率较低,这时候就会用到一些脚手架工具。使用前提安装nodewebpackvue-cli使用安装npm install @vue/cli -g配置vue-cli2和vue-cli3都支持npm install @vue/cli-init -g初始化项目vue init webpack my-project2vue c原创 2020-10-25 15:46:55 · 262 阅读 · 0 评论 -
(vue)webpack配置文件分离
小记笔记webpack配置文件分离在开发活动中,开发中用到的插件和发布时用到的插件往往是不相同的,比如为了提高代码的简洁性,我们会在发布时,使用代码丑化插件将代码压缩;而在开发过程中,为了方便调试,是采用格式化后的代码。因此配置文件也是不相同的,这也是我们配置文件分离的初衷。安装配置安装npm install webpack-merge -D将配置文件抽离base.config.js://导入path模块const path=require('path')const {原创 2020-10-25 15:04:16 · 393 阅读 · 0 评论