自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(301)
  • 资源 (14)
  • 问答 (1)
  • 收藏
  • 关注

原创 微信小程序在线考试项目开发-接口封装调用

技术选型:轻量、可靠的小程序 UI 组件库Vant2:Vant Weapp。

2022-09-26 11:58:03 28

原创 vue后台系统管理项目-角色权限分配管理功能

菜单权限管理模块功能:角色列表查询,通过(角色名称;角色编号;状态:启用、禁用)进行角色数据搜索;查询、重置、新建角色功能;角色列表分页实现;角色编辑,角色禁用,角色删除操作;新建角色功能包括对角色名称、菜单权限信息的保存提交

2022-09-22 10:17:37 1237 14

原创 vue后台系统管理项目-菜单权限管理功能

菜单权限管理功能模块:菜单列表查询。查询、重置功能。菜单列表分页实现。菜单详情查看、菜单禁用、菜单编辑、删除操作。新建菜单功能包括对(菜单名称、类型、排序、url地址、图标、备注、父菜单选择)选项信息的配置。

2022-09-15 11:38:59 1807 24

原创 微信小程序在线考试项目开发-用户授权登录、身份信息获取

用户授权流程实现方法:wx.getUserProfile(Object object)获取用户信息。页面产生点击事件(例如button上bindtap的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回userInfo。该接口用于替换wx.getUserInfo

2022-09-13 06:30:00 1138 8

原创 微信小程序在线考试项目开发-注册登录功能

用户授权后检索是否登记过信息,如果登记过则跳转到考试列表页进行答题考试,显示tabbar;如果没有登记过则不显示tabbar,需要就进行用户信息登记,登记之后跳转考试列表页进行答题考试;当切换tabbar时候,进入该页面获取用户信息进行信息回显;确定按钮不显示,用户信息也不能在修改;

2022-09-13 06:30:00 287

原创 vue考试系统后台管理项目-接口封装调用

api接口封装调用详细介绍,项目功能介绍:账户信息模块:菜单权限、角色权限设置、角色权限分配、账号设置、公司分组

2022-09-07 14:08:54 2398 10

原创 vue考试系统后台管理项目-登录、记住密码功能

vue2.0后台系统管理项目:实现考试录入到评分、成绩查看导出一系列流程,人员分配权限,菜单路由配置,题库试题录入,管理考试分类

2022-09-03 17:06:39 12815 22

原创 猿创征文|vue vant-ui数据列表上拉加载更多,下拉刷新功能

功能需求:获取后端接口返回的数据,实现列表数据上滑加载更多下一页数据,下拉数据刷新功能,结合vant-ui框架实现。可直接参考使用。

2022-08-27 16:50:57 1032 8

原创 vue3.0组合式api使用总结

toRef也可以创建一个响应式数据ref本质是拷贝粘贴一份数据,脱离了与原数据的交互ref函数将对象中的属性变成响应式数据,修改响应式数据是不会影响到原数据,但是会更新视图层toRef的本质是引用,与原始数据有交互,修改响应式数据会影响到原数据,但是不会更新视图层使用需引入//toRef接收两个参数,第一个参数是要操作的对象,第二个参数是对象的某个属性const obj = {name:'林一'}setup(){const obj = {name:'林一',age:40}..................

2022-08-05 06:30:00 333 3

原创 (四)CSS前端开发面试会问到的问题有哪些?

displaynone;给浮动元素的容器添加overflowhidden;给浮动元素的容器添加一个clearfix的class,然后给这个class添加一个after伪元素实。将父元素设置成displaytable,子元素设置为单元格displaytable-cell。在浮动元素后使用一个空元素如,并在CSS中赋。在添加overflow属性后,浮动元素又回到了容器层,把容器高度撑起,达到了清理浮动。......

2022-07-31 06:15:00 84 1

原创 vue结合openlayers根据返回的经纬度坐标完成锚地标记、绘制多边形区域

关于数据渲染的问题:这里前端采用的是获取左下角和右上角经纬度作为参数传递给后台获取当前屏幕显示的区域的数据。利用滑动地图区域来请求接口渲染数据,这样就很好的解决了一次性加载很多的数据的问题。............

2022-07-28 11:30:36 446 2

原创 (一)前端开发面试会问到的问题有哪些?

👉在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么?

2022-07-25 10:20:20 202

原创 Vue应用openLayers实现图层数据切换显示,图层加载

🔜本篇文章介绍图层设置航标、港口码头、锚地停泊区数据的获取,以及以天地图作为底图添加到上航道图层上面;点击图层可以选择控制图层数据隐藏显示以及数据的处理。.🔜技术应用:vue + vant-ui + openlayers图层设置:data定义图层显示列表数据shipLayerList:mounted加载数据:这里主要讲航标、港口图层,其他的图层方法和数据获取类似。methods中定义:初始化方法动态显示图层方法手动调整图层,点击图层显示切换获取航标数据,获取港口数据是一样的操作,参照航..

2022-07-06 17:25:12 1081 10

原创 web前端开发js程序代码常见的面试题

前端开发js常见面试题:求最大值、最小值、数据结构加工、斐波那契数列

2022-07-04 09:37:46 87

原创 web前端开发Vue面试题记录

props$emit共同点:都是动态显示 DOM 元素区别点:性能消耗使用场景5、的作用是什么主要是用于需要频繁切换的组件时进行缓存,不需要重新渲染页面给dom元素加ref=‘content’,然后通过this.$refs.content进行获取dom元素7、说出几种vue当中的指令和它的用法8、vue-loader是什么?它的用途是什么?vue文件的一个加载器,将template/js/style转换为js模块用途:js可以写es6、style样式给每个dom元素加上key作为唯一标识 ,

2022-07-03 09:47:33 504 1

原创 vue3.0全新文档快速上手学习内容整理(一)

目录## 1.Vue3简介## 2.Vue3带来了什么### 1.性能的提升### 2.源码的升级### 4.新的特性1. Composition API(组合API)2. 新的内置组件3. 其他改变# 一、创建Vue3.0工程## 1.使用 vue-cli 创建## 2.使用 vite 创建# 二、常用 Composition API## 1.拉开序幕的setup## 2.ref函数## 3.reactive函数## 4.Vue3.0中的响.

2022-05-08 19:26:35 2026 1

原创 uni-app 数据上拉加载更多功能

实现上拉加载更多打开项目根目录中的 pages.json 配置文件,为 subPackages 分包中的商品goods_list 页面配置上拉触底的距离:"subPackages": [ { "root": "subpkg", "pages": [ { "path": "goods_detail/goods_detail", "style": {} }, { "path":..

2022-03-23 13:58:55 3920 7

原创 Vue项目中使用img图片和background背景图的使用方法

Vue项目中使用img图片和background背景图的使用

2020-09-11 14:45:48 5299 9

原创 Vue安装 项目可视化分析包大小工具webpack-bundle-analyzer

1.安装:npm install webpack-bundle-analyzer –save-dev//或yarn add webpack-bundle-analyzer -D2.配置:在build/webpack.prod.config.js添加...if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnal

2020-09-11 10:47:02 1228 2

原创 css实现超出部分显示省略号,控制文字

<div class="content">css实现超出部分显示省略号,控制文字css实现超出部分显示省略号,控制文字</div>/* 显示一行,省略号 */ .content{ width:200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; ..

2020-09-08 11:48:46 272

原创 Vue封装本地存储localStorage/sessionStorage组件使用

新建storage.js:export const local={ set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(localStorage.getItem(key)); }, remove(key){ localStorage.removeItem(key); }}export const se

2020-09-08 09:48:56 418 2

原创 Vue 中多个组件可以共享数据和方法 Mixin 的用法

计算表格table的高度,mixin分全局引用和局部引用

2020-09-01 16:24:14 1456 1

原创 Vue js引用警告 “export ‘default‘ (imported as ‘xxx‘) was not found

问题原因:ES6 编译器识别问题如果在public.js这样写会有警告export 'default' (imported as 'xxx') was not foundexport const myMixin= {}解决办法:修改组件中引用js的地方将import Public from './public'改成import * as Public from './public'...

2020-09-01 14:53:02 15465 2

原创 vue element-ui 绑定@keyup.enter事件无效解决办法

一般情况解决办法:在按钮上绑定keyup事件,加上.native覆盖原有封装的keyup事件<el-button type="primary" class="sub-btn" style="width:100%;" :disabled="btnDisabled" :loading="logining" @click.native.prevent="handleSubmit" @keyup.native.enter="handleSubmit">{{loginStr}}</el-bu

2020-09-01 10:11:15 2512 1

原创 处理vue element-ui 使用moment 解决表格中的时间格式化方案

下载moment.jsnpm install moment --save//或者yarn add moment --savemain.js 引入// 导入时间插件momentjsimport moment from 'moment' // 定义全局时间格式过滤器Vue.filter('dateFormat', function (daraStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(daraStr).fo..

2020-08-31 15:02:11 866

原创 vuex存储用户信息,保存用户登录信息

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2020-08-26 09:57:39 5686 5

原创 vuex存储loading加载

loading.vueconst loading = { state:{ isLoading:false, showModal:true }, mutations:{ BEGIN_LOADING(state){ state.isLoading = true }, END_LOADING(state){ state.isLoading = false }, MODAL_LOADING(state){ .

2020-08-26 09:52:32 1363 2

原创 vue 添加页面表单添加编辑删除功能

实现功能:自然人和法人切换显示各自的内容 点击添加按钮判断是否有值,有值则提交添加成功 点击编辑编辑当前内容,隐藏添加按钮,显示完成和取消按钮 点击删除当前 点击完成按钮更新当前内容 点击取消当前/*错误提示*/.defendant-error { display: block;}.errors { color: red; position: absolute; font-size: 10px; padding-top: 0px; m.

2020-07-29 14:40:51 1926

原创 vue 前端常用加密处理 md5 加密

md5 加密:用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。此加密无须解密md5的在vue中的用法:1.安装。npm install js-md5 -D2.使用。(1)项目中引入md5模块。import md5 from “js-md5”(2)在main.js里面将md5转换为vue原型import md5 from "js-md5"Vue.prototype.$md5=md5使用:this.$..

2020-06-05 09:07:01 3295

原创 猿创征文|uni-app数据上拉加载更多,下拉刷新功能

打开项目根目录中的pages.json配置文件,为subPackages分包中的商品页面配置上拉触底的距离;通过节流阀防止发起额外的请求优化

2022-08-31 13:06:43 865 11

原创 React面试题(二)

React 路由是一个构建在 React 之上的强大的路由库,它有助于向应用程序添加新的屏幕和流。这使 URL 与网页上显示的数据保持同步。它负责维护标准化的结构和行为,并用于开发单页 Web 应用。React 路由有一个简单的 API。......

2022-08-28 07:00:00 674 1

原创 React面试题(一)

它 JSX 是 JavaScript XML 的简写。是 React 使用的一种文件,它利用 JavaScript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。此文件能使应用非常可靠,并能够提高其性能例子render() {return()}Props 是 React 中属性的简写。它们是只读组件,必须保持纯,即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。......

2022-08-27 07:00:00 60 1

原创 css选择器

伪类:不存在的类,特殊的类。用来描述一个元素的特殊状态如:第一个子元素、被点击的元素、鼠标移入的元素.…

2022-08-26 10:01:46 78

原创 css选择器

通配选择器(Universal selector)作用:选中页面中的所有元素;元素选择器(Type selector)也叫类型选择器、标签选择器

2022-08-25 22:31:05 133

原创 CSS语法

层叠样式表网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式。内联样式(行内样式)在标签内部通过style属性来设置元素的样式">内联样式(行内样式)问题:内联样式只能对一个标签生效。如果希望影响到多个元素,必须在每一个元素中都复制一遍;当样式发生变化时,必须要一个一个的修改,非常的不方便。............

2022-08-25 22:25:29 144

原创 npm run serve运行报错记录解决方案Module build failed (from ./node_modules/_sass-loader@7.3.1@sass-loader/dist/

npm install、npm run serve运行项目报错记录解决方案总结:使用cnpm安装node-sass 、sass-loader指定版本

2022-08-23 11:49:41 715

原创 vue axios取消接口请求

从v0.22.0开始,Axios 支持以 fetch API 方式AbortController取消请求:

2022-08-22 07:00:00 60

原创 vue axios用法详解

​Axios 是一个基于promise网络请求库,作用于node.js和浏览器中。 它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

2022-08-21 07:15:00 59

原创 vue高德地图JS API 实现海量点标记展示

vue高德地图,根据后台接口返回的数据进行海量点标记

2022-08-20 07:15:00 771 8

原创 vue navbar tabbar导航条根据位置移动实现定位、颜色过渡动画效果

navbar、tabbar导航条根据位置移动距离实现颜色过渡、动画效果

2022-08-19 09:42:25 215

高德地图JSAPI结合Vue2使用

JSAPI结合Vue2示例安装包

2022-08-19

前端开发最新Vue3.0组合式api使用总结

Vue3.0组合式api包括1.setup使用;2.生命周期函数;3.vuex4.toRef介绍;5.ref介绍;6.组件传值;7.shallowRef和shallowReactive;8.watchEffect;9.watch侦听器区别使用;10.computed;11.reactive介绍;12.toRefs介绍等等

2022-08-04

js手写程序代码面试题es6语法实现

常见代码面试题精选记录:包括斐波那契数列、递归方法求斐波那契数列第n项、动态规划方法求斐波那契数列第N项、数组最大最小值、输入数组重复元素以及个数、数组交集,补集,并集、数组结构加工、.数组求和

2022-07-03

element后台系统点击menu左侧菜单收缩,支持窗口大小改变echarts图自适应

vue框架element-ui后台管理系统 echarts 点击左侧菜单收缩,实现支持 窗口大小改变echarts图自适应,解决宽度无法自适应问题

2022-06-20

react项目选型搭建优化打包上线全过程

包括gitee管理项目、scss预处理器、配置基础路由、组件库antd使用、配置别名路径、安装dev-tools调试工具、封装http工具模块、配置登录Mobx、优化-路由懒加载,优化CDN配置、封装工具函数、路由鉴权实现、项目打包、打包体积分析等板块

2022-06-08

最新react-基础知识整理

包括React组件基础、组件状态、React组件通信、跨组件通信Context、React组件进阶、生命周期、Hooks基础,进阶

2022-06-08

提供20套不同风格、不同职位超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

各种风格的超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

各种风格的超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

应用在人脸识别功能的视觉方法

人脸识别功能应用加载的方法库

2022-06-03

应用在人脸识别功能的视觉方法

tracking.js 库将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代 HTML5 规范,我们使您能够进行实时颜色跟踪、人脸检测等等——所有这些都具有轻量级内核 (~7 KB) 和直观的界面。

2022-06-03

小程序商城项目参考实例

涉及关键词搜索、列表上拉加载、下拉刷新、接口封装、购物车列表添加收藏、购物车数量计算、个人信息授权、收货地址添加、订单支付等功能,商城一系列流程实现实例

2022-06-03

React全家桶从入门到进阶详细讲解

React Native 编写原生应用、高效(优秀的Diffing算法)、虚拟DOM与真实DOM、1.3.React JSX、面向组件编程、refs与事件处理、组件的生命周期、虚拟DOM与DOM Diffing算法、React应用(基于React脚手架)、React ajax、React路由、React UI组件库、redux、纯函数和高阶函数

2022-05-22

vue使用compressorjs解决拍照上传旋转90度问题,图片压缩上传

部分手机在拍照上传时会出现图片被旋转 90 度的问题,这个问题可以通过 compressorjs 进行处理。在vant-ui里面使用实现图片压缩上传,避免旋转问题。

2022-05-18

vue3.0快速学习笔记,集合新的API、reactive函数、setup、生命周期、新的组件等内容,适合项目开发

全新vue3.0学习内容整理,快速上手学习运用项目中。vue3.0 、Composition API、reactive函数、reactive对比ref、setup、计算属性与监视、生命周期、自定义hook函数

2022-05-08

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除