![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 70
@逆风boy
坚持自己的信念好过依赖他人,生活的磨练还需自己去体验,做更好的自己!!!!
愿风一样的少年,保持初心,坚持自我,一切都是命运的安排,最好自己擅长的领域,未来无限可期,加油吧!
@逆风boy
展开
-
前端面试题详解
使用数据摘要算法(如MD5、SHA-256等)对数据进行哈希处理,生成一个固定长度的摘要值。这个摘要值可以用于验证数据的完整性,防止数据在传输过程中被篡改。使用方式前端对发送的数据进行哈希处理,将摘要值和加密后的数据一起发送给后端。后端收到数据后,对解密后的数据进行相同的哈希处理,比较生成的摘要值是否与前端发送的摘要值一致。前端接口加密是保障数据传输安全的重要手段之一。在选择加密方式时,需要根据实际应用场景和安全需求进行权衡。同时,结合其他安全措施,可以进一步提高接口的安全性。原创 2024-03-19 13:27:51 · 1210 阅读 · 0 评论 -
h-table(表格列表组件的全封装)
如何使用vue封装列表高级查看,表格多种配置使用。三大组件共同合成封装表格组件。(3)tool工具设置栏。(2)table表格。原创 2024-02-23 17:46:35 · 506 阅读 · 0 评论 -
基于uni-app的每日优选小程序项目
基于uni-app的每日优选小程序项目原创 2022-12-02 11:29:43 · 747 阅读 · 2 评论 -
基于uniapp的仿书旗小说的小程序
基于uniapp的仿书旗小说小程序原创 2022-12-02 11:09:38 · 3209 阅读 · 2 评论 -
基于SSM+Layui的逆风医疗管理系统
**本文是逆风医疗管理系统的项目文档,由于参加学校的科技节没有通过获奖,现在分享到博客,有喜欢的博友可以自己参看,或者可以自己模仿改造成其他项目哦!!**基于《SSM+Layui的逆风医疗管理系统》第1章 绪 论1.1 系统开发的编写目的、背景1.1.1编写目的21世纪是知识经济的时代,是人才竞争的时代,随着时代的发展,人类已进入信息社会,信息产业正成为全球经济的主导产业。信息自动化的作用也越来越大,特别是各行各业的管理领域,智能化信息处理已经是提高效率、规范管理、客观审查的最有效途径,原创 2021-06-21 16:16:39 · 2857 阅读 · 0 评论 -
前端 CSS样式 进度条的实现
**进度条是一个非常常见的功能,实现起来也不难,一般我们都会用 div 来实现。 作为一个这么常见的需求, whatwg肯定是不会没有原生组件提供(虽然有我们也不一定会用),那么就让我们来康康有哪些有意思的进度条实现方式。***常规版 — div 一波流这是比较常规的实现方式,先看效果:*源码如下:<style> .progress1 { height: 20px; width: 300px; background-color: #f5f5f5;原创 2020-12-20 16:36:55 · 2238 阅读 · 0 评论 -
基于网页的微信小程序——摇色子
本文主要是介绍摇色子这个小程序的具体内容效果预览:下面给出程序的主要代码:- [ ] index.wxml:<!-- 骰子模版视图 --><template name="first"> <view class="first face"> <span class="pip"></span> </view></template><template name="se原创 2021-02-17 10:54:13 · 3316 阅读 · 0 评论 -
vue 常用开发父子组件的通信
vue通信原创 2022-10-20 19:16:59 · 696 阅读 · 0 评论 -
uniapp使用uni.downloadFile(OBJECT)结合uni.storage/uni.getstorage实现离线缓存
离线缓存原创 2022-09-14 13:07:50 · 6400 阅读 · 0 评论 -
uniapp使用plus.sqlite实现图片、视频缓存到手机本地
离线缓存原创 2022-09-14 12:55:46 · 3650 阅读 · 7 评论 -
基于hml+css+js的的网页设计-茶文化
茶原创 2022-06-15 20:31:11 · 381 阅读 · 0 评论 -
基于html的旅游网站-北京
旅游网站原创 2022-06-15 18:52:11 · 755 阅读 · 0 评论 -
基于html+css的网页设计电影主题-长津湖
电影网站原创 2022-06-15 18:32:27 · 1216 阅读 · 1 评论 -
基于html+css+js的美食网站
美食网站原创 2022-05-30 13:23:52 · 4465 阅读 · 20 评论 -
如何使用egg.js开发后端,包含连接数据库
一 、创建项目:1、使用egg.js框架提供的脚手架搭建:npm i -g egg-initegg-init egg-demo --type=simple //--type=simple可以去掉然后自己配置cd egg-demo npm i2、启动项目:npm run dev浏览器打开:localhost:7001二、项目配置1、Controller#使用场景编写 Controller我们约定把 Controller 放置在 app/controller 目录下:// app转载 2022-02-25 17:01:48 · 1486 阅读 · 3 评论 -
ES6中super中的使用
super在es6 class类中有两种主要使用方式,一种是做函数使用,一种是做对象使用一.作为函数使用在es6 class类的继承中,子类的中构造函数必须调用super() ,反则会报错class ColorPoint extends Point { constructor(x, y, color) { super(x, y); // 调用父类的constructor(x, y) this.color = color; } toString() { retur.原创 2022-02-23 17:00:02 · 2510 阅读 · 0 评论 -
jeecgBoot后台管理的在线表单的使用
引进官方提供的后台管理模板启动前端项目ant-desire-vue的项目,登录进入首页,点击在线表单开发,导入数据库表进行上面步骤原创 2022-02-23 16:45:54 · 606 阅读 · 0 评论 -
Uniapp中vueX实现登录状态功能
uniapp使用Vuex实现登录状态的判断,退出登录,使用action,commit实现登录功能Vue.use(Vuex)export default new Vuex.Store({ state: { token: '', userid:'', username: '', realname: '', welcome: '', avatar: '' }, mutations: { SET_TOKEN: (state, token) =原创 2022-01-11 09:10:44 · 956 阅读 · 0 评论 -
uniapp调取用户登录权限
uniapp开发小程序,如何第一次进入小程序就开始调取微信登录接口获取权限,使用wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId // console.log('获取微信账号信息',res.userInfo) this.globalData.user = res.userInfo; console.log(res); let data = { code: code, enc原创 2022-01-11 09:06:29 · 839 阅读 · 0 评论 -
ES6 js实例方法:trimStart(),trimEnd()
实例方法:trimStart(),trimEnd()ES2019 对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。const s = ’ abc ';s.trim() // “abc”s.trimStart() // "abc "s.trimEnd() // " abc"上面代码中,trimStart()只消除头部原创 2022-01-11 09:01:47 · 1059 阅读 · 0 评论 -
uniapp手机验证码功能实现
使用uniapp编写实现手机验证码的js实现代码onSMSSend() { let smsParams = {}; smsParams.mobile=this.phoneNo; smsParams.smsmode="0"; //手机号码输入验证 let checkPhone = new RegExp(/^[1]([3-9])[0-9]{9}$/); if(!smsParams.mobile ||原创 2022-01-07 09:16:06 · 1795 阅读 · 0 评论 -
后端返回的字段为null转字符串“”
queryStudentLeaveList(params).then(res =>{ if(res.data.success){ that.messagesList = res.data.result for(let o of that.messagesList){ if(!o.reason){ o.reason = '' } } } 使用 for of 进行遍历,拿到列表的每一项的值,然原创 2021-12-30 11:14:49 · 296 阅读 · 0 评论 -
uniapp使用路径传参封装成对象传到详情页面
列表页调用后端接口获取全部数据时,可以通过封装一个对象,跳转到详情页进行对象传参一、路径传参封装成对象传到详情页面url:/pages/home/index?data=${encodeURIComponent(JSON.stringify(obj))}let obj = JSON.parse(decodeURIComponent(options.data));...原创 2021-12-30 09:45:34 · 819 阅读 · 0 评论 -
uniapp开发强制刷新子组件
使用组件<me v-if="test && PageCur=='me'" :messageNum="messageNum"></me>在onshow里面onShow() { this.test = false this.$nextTick(() =>{ this.test = true }) }使用nextTick来判断原创 2021-12-30 09:42:43 · 678 阅读 · 0 评论 -
Vue语法出现无限更新循环的问题解决[Vue warn]: You may have an infinite update loop in a component render function.
在编写代码运行项目的时候出现这个组件渲染函数中可能有无限更新循环。You may have an infinite update loop in a component render function.本人使用了计算属性computed的方法去判断三种状态的计算出现的问题是我在getStatus()这个方法里面通过三种状态的判断,当达到某种判断条件的时候直接去改变了data()里面的alldisable这个属性正确写法:let disable = this.disableif (date原创 2021-12-30 09:36:34 · 3829 阅读 · 0 评论 -
基于Html+Css+javascript的网页制作(绿色陆河主题)
加粗样式## 1.前端三门技术 学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript:HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等本次项目主要是介绍体育主题,使用html+css+javascript来制作网站,实现项目的效果;inde原创 2021-12-11 00:44:22 · 889 阅读 · 2 评论 -
基于Html+Css+javascript的网页制作(红酒主题)
学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript:HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等本次项目主要是介绍红酒主题,使用html+css+javascript来制作网站,实现项目的效果;index主页面效果截图:产品:原创 2021-12-11 00:36:39 · 809 阅读 · 0 评论 -
基于Html+Css+javascript的网页制作(广州旅游网主题)
加粗样式## 1.前端三门技术学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript:HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等本次项目主要是介绍广州旅游主题,使用html+css+javascript来制作网站,实现项目的效果;in原创 2021-12-11 00:30:49 · 2720 阅读 · 10 评论 -
如何解决Vue使用filter过滤原始数据,并赋值给后端返回的数据改变了原始数据
一、使用filter进行数据过滤 //已上按钮hadclass(index){ let res=this.changeList.filter(function(item,index,array){ return(item.status==1); }); this.leftbtn = true this.showbtn = false this.result[index].list= res;},点击已选按钮,筛选过滤状态为1的数据//未上按钮 noclass(inde原创 2021-12-09 09:53:19 · 3649 阅读 · 0 评论 -
Vue自定义指令的用法
vue directive自定义指令的使用自定义指令图片懒加载实例vue.directive('image',{ inserted(el,bind){ let color = Math.floor(Math.random()*1000); el.style.background = '#' +color; var image = new image(); image.src = bind.value; image.onload(){ el.style.backgroundimage原创 2021-11-02 11:14:52 · 81 阅读 · 0 评论 -
基于Html+Css+javascript的动漫网站
1.前端三门技术学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript:HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等本次项目主要是介绍海贼王主题的简介,使用html+css+javascript来制作网站,实现项目的效果;index.h原创 2021-01-17 22:32:52 · 20906 阅读 · 15 评论 -
前端之网页三剑客Css之弹性布局Flex作用
一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。<div class="box"></div>.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* S翻译 2021-03-02 15:59:00 · 489 阅读 · 0 评论 -
基于Html+Css+javascript的体育网站
加粗样式## 1.前端三门技术学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript:HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等本次项目主要是介绍体育主题,使用html+css+javascript来制作网站,实现项目的效果;inde原创 2021-01-17 22:57:06 · 27792 阅读 · 21 评论 -
Web前端程序员简历模板
Web前端程序员简历模板本简历模板由国内首家互联网人才拍卖网站「 JobDeer.com 」提供。(括号里的是我们的顾问编写的说明,建议在简历书写完成后统一删除)先讲讲怎样才是一份好的技术简历首先,一份好的简历不光说明事实,更通过FAB模式来增强其说服力。Feature:是什么Advantage:比别人好在哪些地方Benefit:如果雇佣你,招聘方会得到什么好处其次,写简历和写议论文不同,过分的论证会显得自夸,反而容易引起反感,所以要点到为止。这里的技巧是,提供论据,把论点留给阅读简历的人自原创 2021-02-17 15:08:26 · 6461 阅读 · 3 评论 -
uniapp微信小程序微信支付实现过程
微信支付过程微信官方链接文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5// 获取微信授权码 getWxCode() { wx.login({ success: res => { this.wxCode = res.code; console.log(this.wxCode); } }); }, // 微信支付 to原创 2021-10-15 16:15:51 · 1104 阅读 · 2 评论 -
uniapp微信小程序一键登录授权获取用户信息
用户可以在小程序设置界面(「右上角」 - 「关于」 - 「右上角」 - 「设置」)中控制对该小程序的授权状态。开发者可以调用 wx.openSetting 打开设置界面,引导用户开启授权。提前发起授权请求开发者可以使用 wx.authorize 在调用需授权 API 之前,提前向用户发起授权请求原创 2021-10-15 15:56:28 · 4663 阅读 · 3 评论 -
js之数组的方法
1、Concat的使用合并(连接)数组concat() 方法通过合并(连接)现有数组来创建一个新数组:et arr = [2,3,6,9,8]; function concat(arr2){ for(let i =0;i<arr2.length;i++){ arr.push(arr2[i]) } } concat([22,66,6]); console.log(arr);2、includ原创 2021-08-30 10:42:30 · 65 阅读 · 0 评论 -
js之跨域
同源和跨域同源同源策略是浏览器的一种安全策略,所谓同源是指,域名,协议,端口完全相同。跨域问题的解决方案从我自己的网站访问别人网站的内容,就叫跨域。出于安全性考虑,浏览器不允许ajax跨域获取数据。iframe:处于安全性考虑,浏览器的开发厂商已经禁止了这种方式。JSONP:script 标签的 src 属性传递数据。JSONPJSONP(JSON with Padding):带补丁的 json,本质是利用了 <script src=""></script&原创 2021-08-28 12:08:09 · 90 阅读 · 0 评论 -
Js之数组筛选练习
数组筛选以下有两个数组,一个数组arr是班级里所有的学员的名称,一个数组currentArr是提交了每日反馈的学员名单,请创建一种算法,把未提交每日反馈的学员筛选出来var arr = [“张瑞淑”, “徐海涛”, “谢岗岗”, “薛鹏”, “魏明杨”, “党婷”, “熊飞”, “郑翠翠”, “李航卫”, “屈涛”, “汪孝双”, “代攀飞”, “武志钰”, “王亚龙”, “周芙榕”, “李涛”, “郝颖”, “文冲洋”, “王旭拯”, “胡佳豪”, “寇晓丽”, “马晓晗”,“王思聪”, “张绿”,原创 2021-08-24 22:25:05 · 706 阅读 · 2 评论 -
js之函数作用域、闭包、变量
什么是闭包?简单来讲,闭包就是在一个函数里面又包含一个函数,内部函数有权访问外部函数声明的变量;闭包涉及到函数作用域、内存机制、作用与链的相关知识1、函数作用域所谓函数作用域就是,声明一个函数,在内存创建一个私有的的作用域——一个封闭的空间Function fn(){var a = 11;}fn();超出这个作用域就不再访问这个变量。2、内存回收机制所谓的内存回收机制就是系统自动进行回收并清理那些不需要用到的内存,腾出空间给其他程序使用。作用域链function fn()原创 2021-08-22 22:21:41 · 159 阅读 · 0 评论