- 博客(103)
- 资源 (20)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uni-app——picker组件的用法、时间、日期、地区选择器等
1、uniapp–picker组件<template> <view class="signUp"> <view class="signUp_dv1"> <u-form :model="form" ref="uForm" label-width="95px"> <u-form-item label="日期" :required="true"> <u-input v-model="form.applicantDat
2023-04-26 18:44:02
4054
原创 Vue中不同屏幕分辨率
在app.vue中进行出来：<template> <div id="app" :style="{'transform':`scale(${scalesNum}) translate(-50%,0)`, '-webkit-transform':`scale(${scalesNum}) translate(-50%,0)`, '-moz-transform':`scale(${scalesNum}) translate(-50%,0)`, '-o-tra
2022-05-16 14:53:34
933
1
原创 Vuex状态持久化—vuex-persistedstate
vuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。安装：npm install vuex-persistedstate --save-dev在store文件夹的index.js引入import createPersistedState from 'vuex-persistedstate'初始化vuex 加入插件const store = new Vuex.Store
2022-05-16 14:36:50
705
原创 Vue中使用js-web-screen-shot插件实现截屏功能
最近有个需求，要求类似微信、扣扣实现屏幕截屏功能，在此，使用vue插件实现了此功能，记录如下：安装截屏插件：npm install js-web-screen-shot --save页面引入：import ScreenShort from "js-web-screen-shot";调用：<el-button @click="jitT()">截屏</el-button>methods中写入截屏方法：jitT(){ const screenShotH
2022-04-28 14:13:31
6621
23
原创 Vue中使用Wangeditor富文本实现聊天窗口抖动
1、最近项目有个需求，要求实现类似扣扣发送好友窗口抖动功能，在此，整理如下，这里使用的是vue中进行元素抖动方法，具体参考vue中元素抖动组件代码如下：<template> <div> <slot></slot> </div></template><script> export default { props: { // 抖动范围，单位是px, 例如：{x: 4, y: 2,
2022-04-20 15:59:03
358
原创 Vue中使用luckyexcel插件开发在线表格编辑
最近项目需求要做一个在线编辑xlsx功能，在此使用了luckyexcel组件来进行开发：vue中使用总结如下1、首先进行引入：注意，引入这块需要进行线上引入，使用npm 安装会出如下错误：vue页面中使用：<template> <div class="excelContent"> <div class="header"> <!-- 本地导入 --> <upload :file-list="fileList" :
2022-04-20 10:49:59
8270
4
原创 浅谈前端开发必备知识点及未来发展方向
文章目录一、关于前端二、前端技术路线1.基础掌握2.进阶能力3.前端框架4.前端工程化5.技术加持6.全栈开发三、前端开发工具1.WebStorm2.Vscode3.Sublime三、前端发展方向1.web开发2.游戏开发3.多屏多端开发一、关于前端很多人总是以为前端人员就是写写页面这么简单，其实不是这样的，现代的前端岗位是一个综合素质要求很高的行业。首先，作为前端程序员，不仅要掌握开发语言、数据结构、算法等编程素养，现在的前端应用场景复杂程度非常高，这就要求我们必须向后端程序员那样，具备很高的软件
2022-04-14 16:54:29
3161
原创 Vue中使用Wangeditor富文本实现聊天发送文件驻留
1、最近遇到一个需求，类似企业微信发送文件及视频时可以在文本框内驻留，然后点击发送按钮进行文件发送，这里使用的是富文本框进行处理，Wangeditor富文本框。自定义添加菜单功能如下：cnpm i wangeditor --savevue页面中引入：import E from 'wangeditor'methods中写入自定义组件方法：resetEdit() {var that = this;this.editor = new E("#edit");E.registerMenu("fi
2022-04-13 16:08:17
1610
1
原创 WangEdit富文本编辑器图标修改
1、如下图，图标样式在这里直接修改i的class 是可以的 在代码里如何图标呢？代码里直接修改class不行于是查找后得知他的配置里没有配置菜单图标的选项，所以通过配置的方式是行不通了那么可以想办法给他覆盖掉，比如可以重新定义w-e-icon-text-heigh类.w-e-icon-text-heigh:before { content: "\f1dc";}这个有两点需要注意，一是权重要够，二是如果不是他自身就有的字体，那你还需要引入你的字体，并声明字体.w-e-text-he
2022-04-08 10:06:12
2219
原创 【Vue.js】vue引入组件报错：该组件未注册？
1、引入组件，报如下错误：vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <ischemicHeart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in---> <RiskAssessment> at s
2022-04-06 10:36:54
2134
原创 Vue刻度尺组件
1、安装刻度尺组件npm install cs-ruler2、在main.js中全局引入组件import CsRuler from 'cs-ruler'//刻度尺组件Vue.use(CsRuler)3、组件使用<cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='120' :minNum='60'
2022-04-02 15:43:06
5883
5
原创 如何搭建一个完整的Vue项目？
如何搭建一个完整的Vue项目？文章目录一、安装node环境二、搭建vue项目环境三、开始我们的第一个vue项目总结一、安装node环境1、安装node环境：下载地址：https://nodejs.org/en/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org3、检查否安装成功：node -vcnpm -v二、搭建vue项目环境1、使用以下命令全局安装vue-clinpm install -g
2022-04-01 21:41:48
1275
原创 Vue中创建组件及引入组件及调用
第一章 Vue中创建组件及引入组件及调用文章目录一、什么是组件？二、如何注册组件？1.注册组件2.vue项目中引入组件总结Vue创建组件`Vue框架最核心思想就是组件化，方便开发，便于维护管理，那么，如何在vue中创建组件及如何引用呢？一、什么是组件？组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。二、如何注册组件？1
2022-04-01 21:14:04
4949
原创 Vue安装swiper插件中的坑
1、在vue中安装swiper插件运行时会报错，错误如下npm install --save swiper于是在网上进行查找了一番，竟然是版本问题，因为版本不同 项目目录变了 点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’如果用swiper-bundle.css会有很多问题，比如我遇到的就是分页器不生效这里就需要降低swiper版本了 这里使用的是5.4.5cnpm install vue-awesome-swiper [email protected] --sa
2022-03-31 08:37:45
3265
原创 Vue中动态渲染echarts数据
1、安装指定版本echartsnpm install [email protected] --save2、main.js中全局引入import * as echarts from "echarts"window.echarts = echarts;3、vue页面中引用 <div id="main" class="main_container"></div>4、引入数据接口import { bloodPressureList } from '../../api/healt
2022-03-30 21:05:25
2856
原创 Vue框架中如何调用模拟数据？
1、框架结构mock是模拟数据文件夹，文件夹中有index.js，里面包含所模拟的接口数据：如下所示const Mock = require("mockjs");const { param2Obj } = require("./utils");const user = require("./user");//调用方式const mocks = [...user];function mockXHR() { // mock patch // https://github.co
2022-03-30 20:03:42
1378
原创 Cesium - Camera Modes - 相机模式
Free Mode : 默认相机控制。Drone Mode : 让相机跟随无人机通过飞行在一个固定的距离。自由模式不需要代码，因为它使用默认控件。至于无人机跟随模式，我们可以使用摄像机的内置实体跟踪功能来定位摄像机，并用偏移量定位无人机。这就使得相机即使在移动时也能从指定的实体中得到固定的偏移量。为了跟踪一个实体，我们简单地设置viewer.trackedEntity。要切换到自由相机模式，我们可以将viewer.trackedEntity实体设置为未定义，然后使用camera.flyTo()返回到我
2022-03-23 22:01:16
259
原创 Cesium-创建Cesium Viewer
任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器（盒子）。创建一个Viewer和HTML中的一个id为"cesiumContainer"的div绑定即可。var viewer = new Cesium.Viewer('cesiumContainer');使用以上代码之后，能看到下图所示的基本的数字地球：默认地，场景支持鼠标（电脑）和手指（移动设备）交互。控制相机漫游数字地球可以通过以下方式：Left click and drag - Pa
2022-03-23 21:57:02
472
1
原创 VSCode编辑器中自定义设置好看的背景图
1、首先在扩展程序里找到background插件进行安装：2、打开设置，在搜索框中输入background，选择扩展中的plugin background，选择在setting.json中编辑setting.json内容如下：{ "window.zoomLevel": 1, "workbench.colorTheme": "WeChat Dark", "files.associations": { "*.cjson": "jsonc",
2022-03-23 21:28:31
2436
原创 快速了解及认识TypeScript
一、首先了解一下什么是TypeScript？TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。二、了解TypeScript 的语言特性：TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：类型批注和编译时类型检查、类型
2022-03-23 20:58:03
210
原创 Vue性能优化之Vue3.0 的新特性
vue3新特性：一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势：1、可直接监听数组类型的数据变化2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升3、可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行4、直接实现对象属性的新增/删除proxy的缺点：1、es6的proxy不支持低版本浏览器（IE11）2、会针对IE11出一个特殊
2022-03-23 20:37:21
3166
原创 Vue大屏数据可视化展示组件库DataV介绍
DataV组件组件库基于Vue （React版） ，主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用：边框带有不同边框的容器装饰用来点缀页面效果，增加视觉效果图表图表组件基于Charts封装，轻量，易用其他飞线图/水位图/轮播表/兼容性组件库的开发和调试都使用Chrome浏览器，所以请使用Chrome浏览器。宽高异常组件的默认宽高都是100%，可以根据父容器宽高进行自适应，但在某些情况下组件宽高可能表现异常，这种情况一般是因为组件的父容器宽高发生了变化，而
2022-03-23 20:27:43
7958
原创 Vue+vant实现离线下载
最近项目需求要实现下载功能，离线后也可以进行访问查看，于是做了一个关于离线下载的功能，在次，整理如下：<template> <div> <div class="download_head_tabbar"> <div style="margin-bottom:15px"> <van-nav-bar title="下载"
2022-03-21 10:49:51
1215
原创 使用Cesium加载3DTiles并进行调整
3dtiles简介3D Tiles是用于流式传输大规模异构3D地理空间数据集的开放规范。为了扩展Cesium的地形和图像流，3D Tiles将用于流式传输3D内容，包括建筑物，树木，点云和矢量数据。3D Tiles是目前大火的开源WebGL框架Cesium的御用格式。根据实际体验，3D Tiles和二维地图中的瓦片组织非常相似，在网络中查看3D模型的话，3DTiles的效果还是很不错的，下面我们就来讲一下如何使用vue框架实现cesium加载3dtiles，以及实现对3dtiles的调整组件。cesi
2022-03-19 11:53:49
6968
原创 网络安全保障体系有哪些？网络安全保障需要如何实施？
首先网络安全保障体系架构包括五个部分：(1) 网络安全策略。以风险管理为核心理念，从长远发展规划和战略角度通盘考虑网络建设安全。此项处于整个体系架构的上层，起到总体的战略性和方向性指导的作用。(2) 网络安全政策和标准。网络安全政策和标准是对网络安全策略的逐层细化和落实，包括管理、运作和技术三个不同层面，在每一层面都有相应的安全政策和标准，通过落实标准政策规范管理、运作和技术，以保证其统一性和规范性。当三者发生变化时，相应的安全政策和标准也需要调整相互适应，反之，安全政策和标准也会影响管理、运作和技术。
2022-03-17 14:33:28
12671
原创 前端使用base64及jsencrypt加密明文传输
在项目中遇到如下需求：用户在登录时密码经常使用明文传输，在不安全的网络环境下，很容易造成密码泄露，而密码直接存储在数据库中，如果数据泄露，也会造成安全问题。解决方法：前端给后端传输密码关键信息时，进行加密后再传输，后端解密验证，然后将密码加密后再存储到数据库中。这里使用了base64和jsencrypt对其加密密码明文问题。如下为引用的base64.js代码内容：//1.加密解密方法使用：//1.加密// var str = '124中文内容';// var base = new Base64
2022-03-17 14:10:43
2054
原创 Vue+vant实现移动端记住密码功能
1、因项目需要，移动端需要进行记住密码，在此，将实现思路记录如下：这里有一个细节，就是移动端和PC端机制不同，因此所使用的存储机制也不同。这里使用的存储机制是localStorage。created() { if(!!localStorage.getItem("rememberMe") &&localStorage.getItem("rememberMe") =='true'){ this.getrememberPassword(); } },在me
2022-03-12 16:22:02
1869
原创 Vue+vant验证密码强弱度
因项目需要验证项目密码强弱度，必须包含大小写，字母，数字，及特殊字符，因此整理了一下，代码如下： <van-field name="oldPassword" v-model="user.oldPassword" label="旧密码" placeholder="请输入旧密码" type="password" minlen
2022-03-07 16:37:49
1559
原创 使用天地图API实现导航功能
因项目要求使用天地图开发导航功能，话不多说，直接上代码<template> <div class="lineSearch_box"> <div class="head_box" ref="head_box"> <div class="map_box"> <!-- <div class="map_back_btn"
2022-03-07 16:22:44
1283
1
原创 Vue中使用base64和JSEncrypt对其明文进行加密处理
1、最近项目中要求对其明文传输进行加密处理，在此，整理了一下，这里使用的是base64和jsencrypt对其明文传输进行加密处理，如下在request.js对其所有请求进行加密处理：import axios from 'axios'import { Notification, MessageBox, Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'import
2022-03-07 13:56:30
704
原创 Vue打包ERROR in static/js/vendor.30803ec7e15549e61a1e.js from UglifyJs Unexpected token: punc ())
最近遇到一个关于打包的问题，问题的原因出自引入了第三方插件jsencrypt来实现加密解密功能，从而导致在打包的时候出现如下错误：于是在网上进行查询搜索后都说是引入了一部分 ES6 的写法，导致 webpack 打包失败，但按这种方式尝试后打包依旧报错不成功。在经过仔细观察打包错误后发现是[./node_modules/jsencrypt/bin/jsencrypt.min.js:2,218]这行错误最终引起的，于是将/node_modules/jsencrypt/bin/里的bin文件夹进行替换（
2022-03-02 08:43:58
691
ecshop二次开发中关于discuz和Ucenter的问题？、、
2016-04-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人