前端
关注
分享
扫一扫
文章平均质量分 51
我要用代码向我喜欢的女孩表白
已经换工作了，现在在某家安全公司打工。
又换工作了，现在在某金融公司打工
马上失业了，还要还房贷，要饿死了，大家可以私聊联系我，进行投喂，谢谢
展开
-
nginx部署web项目（跟着搞不出来，来砍我）
前端打包成dist，详情可以参考我的vue博客（如果报错缺少依赖，可以参考我的nginx-rtmp直播流博客）原创 2022-11-21 16:15:34 · 1043 阅读 · 0 评论 -
vue2，路由使用，正式版
我自己查了半个小时的问题，通过问人，2分钟解决，而且非常透彻，透彻。说明人类，需要知识分享的，有人教你，比自己研究，快不是很多，而是超级多基于vue2-cli创建--工具hbuilderX1.npm安装路由2.创建路由文件 index.js内容编写3.挂载main.js中 4.主页编写App.vue5.page跳转页创建SignIn是登录页（在index.js中全部都有配置，【根目录/ 】自动为默认页）Index是首页（跳转页） 6.跳转代码 7.测试...原创 2022-07-11 18:40:13 · 371 阅读 · 0 评论 -
Vue前端页面跳转，登录成功跳转页面
在以往不用框架的时候，我通常是通过href，或者重定向进行跳转。对于vue，他有专门的router路由进行跳转。所以第一步，我们要像python一样,在npm中安装并且在项目中引用他思路：用户点击登录后，跳转到Index.vue界面我的默认页面是SignIn.vue，是登录页面SignIn.vue Index.vue这个页面我还没有画，我先画个原型图（等我2分钟）.........原创 2022-07-06 17:55:57 · 9545 阅读 · 1 评论 -
前端请求头加token，发送请求，单点登录(vue)-拦截器
后端，我已经写好了，如果需要后端返回token，传送门后端短信验证，传送门后端防止，程序员恶意登录，进行ip封禁，传送门后端拦截器，对无token的进行拦截，传送门后端自定义异常，传送门目录前面干了啥？1.创建请求拦截器在vue的main.js中引入axios（基于vue-cli2脚手架创建的项目） 请求拦截器代码2.创建响应拦截器响应拦截器代码3.测试思路：使用vue【创建请求拦截器】，给所有的请求的请求头加token【创建响应拦截器】，对所有后端返回，状态为500的错误（后端，我使用了自定义异常），进行原创 2022-07-06 16:54:36 · 5194 阅读 · 2 评论 -
vue接口token认证登录（加手机验证）
做一样东西就尽可能把他做好，因为人有【保存体力的天性】，一旦成型，很不想花时间去改------从自己身上总结需求：用户没有登录不能跳转任何页面，只能登录实现思路：用户登录，后端验证，返回token，前端拿token，存储到cookie中，请求后端，其他接口，传递token。条件:我是使用vue2-cli的脚手架搭建的，所以主要配置是在main.js中设置思路拆卸：1.登录页面1-2补:前端输入验证（电话号码格式、不为空、点击发送验证码后60秒计时，刷新也无效）2.后端验证接口3.后端生成token方法4.获原创 2022-07-04 11:12:33 · 3497 阅读 · 5 评论 -
Vue公共方法提取
vue公用方法的抽离，js写好后，在vue文件的script中导入import {getAll} from '../tools/CommonMethod.js' 然后，在vue中调用 getAll()原创 2022-06-16 17:55:30 · 620 阅读 · 0 评论 -
最常见请求错误码（并且含说明）
工作4年，常出现的错误码。分析。原创 2022-06-15 17:11:54 · 1697 阅读 · 0 评论 -
前端请求springBoot跨域请求
再次启动springBoot，他就能自动去识别这个配置，然后允许你指定的ip或者域名进行跨域请求了。另外在复习一下:现在前后端都是分离，所以配置跨域是必备跨域是一种安全措施，指的是，不在同域名和同ip、同网络协议（如http协议、https等）、同端口下的请求是无法使用ajax请求的。需要在服务器开启跨域。另外localhost和本机ip也是跨域。原创 2022-05-26 15:43:01 · 413 阅读 · 0 评论 -
js判断区间重叠算法（贪心算法思路）
我自己给自己定的需求，遇到了一个问题，每个区间对应一个结果，如果区间重叠，我该返回哪个结果。所以这里涉及到了区间重叠的 校验。本文就是解决区间重复校验的问题。你可能想到的方法是这样拿第一个元素的，最小值去第二个区间里看是否符合，在拿第二个元素的，最大值去第二个区间里看是否符合，若符合，则代表区间重复。以此类推，我的线没画完。这样得到的每一个元素都要与其他元素进行全部迭代。算法时间复杂度为n*n也就是n^2 。我说这个方法不好用。捣腾故事（没有实质性的内容，赶时间的同学可以跳过）原创 2022-05-26 13:55:34 · 2421 阅读 · 0 评论 -
vue随笔(2)
vue学习。参考百度，要啥功能就去百度搜，这样开发最快了。1.下载hbuilderX，然后新建一个vue的项目，然后要装npm（npm是js的包管理器）2.。。。然后不会了还是稳扎稳打，打好基础吧，跟着官网来吧https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%9.原创 2021-11-06 17:02:36 · 869 阅读 · 2 评论 -
vue随笔（1）
我是一名可恶的后端程序员（数据部分什么都搞），哎，无奈只认识数据，但是我很喜欢图形化的东西。对于图形化，我只了解html、css、javaScript。这些也刚好是vue的基础了。想学一下vue，最近公司没有什么事情。但是学vue，做什么东西出来呢，vue是做网站的。我也不知道做啥，总之先学一下vue吧。不然有奇思妙想只能用我那该死的数据显示。吐了吐了。...原创 2021-11-06 15:23:17 · 120 阅读 · 0 评论 -
提交微信小程序的项目为线上版本
1.打开微信开发者工具，导入代码，点击上传2.成功后的提示，登录微信小程序官网（点击版本管理）3.然后就能看到你的版本号（设置为1.0.0）或此版本以上（默认1.0.0以上的才可以变成线上版本）4.点击提交审核，届时提交你的小程序照片，视频，说明即可。等待审核成功审核成功后，线上版本就户出现。...原创 2021-11-03 17:36:38 · 2518 阅读 · 0 评论 -
提高接口安全性（阿里云）
别看了，走吧，代码写到最后发现不能解决不想浪费大家时间！谢谢大家！安全第一,预防为主 -----格言警句1.事情由来我通过springBoot写了一个网站，不涉及复杂加密（token认证等）。这样如果有那种不怀好意的程序员，知道你的接口了，就可以直接调用接口删除你的用户，或者添加你的用户。这样对你来说，是不是很危险。我的想法是，通过阿里云安全组设置指定的ip地址能够访问此端口，来避免用户直接请求服务端。而这样，只有前后端分离才可实现。如下图所示（流程图）2.操作实例2..原创 2021-09-14 17:01:44 · 310 阅读 · 0 评论 -
前端vue实现拖拽效果（暂时不使用）
先上图，让你们明白下啥意思原创 2021-09-06 14:11:13 · 104 阅读 · 0 评论 -
实时语音和视频通话-WEBRTC
https://apprtc.webrtcserver.cn/ 检测你的手机是否支持剩下直接刷文档即可原创 2021-04-02 11:56:37 · 520 阅读 · 0 评论 -
WebRTC官方翻译-语音聊天服务器
由于webRTC官网受到了dns污染不能访问，但是由于大家技术需要，所以这里给大家带来了china版。希望大家能自己搭建语音聊天服务器样品网站https://webrtc.github.io/samples/复制过来直接用但是这次我懒了，所以我懒的做，直接复制过来用的，对不起大家。。。...原创 2021-03-29 16:55:27 · 388 阅读 · 0 评论 -
前端vue实现拖拽效果
先上图，让你们明白下啥意思 图1-我写了个按钮，我拖它到哪就能放到哪图2-为了节省时间我上传的分辨率比较低，点击保存后，你下次关闭网页、或者刷新网页、打开页面它会恢复到你保存的地方图3-当你没保存的时候，刷新界面，它不会保存代码<!DOCTYPE html><html lang="en"><head> <meta charset="U...原创 2021-02-24 10:16:39 · 710 阅读 · 0 评论 -
css布局-文字如何位于图片正下方，文字如何位于图片右边中间
常用就2种，文字在图片下方，文字在图片右方。如果你还在用padding,margin设置，那你太low了图片位于正下方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2021-01-06 18:16:53 · 31710 阅读 · 2 评论 -
javaScript打印等腰三角形，全网最详解(费曼学习法)
至于是不是全网最详细，不敢说。但是很详细。立志于打造8岁小孩都能听懂的等腰三角形。首先你需要具备以下知识,for循环,基础运算(加减乘除),javaScript的基础.,年龄大于等于8岁。请耐心看完。中途若不适，请耐心看。1.首先树立一个正确结果的目标。这里给大家手绘了一个结果。等腰三角形2.分析发现，这东西有3行，第一个行有2个空格，1个点 第二个行有1个空格，3个点 第三行有0个空格 5个点3.那对于一行来说，不就是先打印空格，在打印点嘛...原创 2021-01-06 11:02:09 · 5245 阅读 · 0 评论 -
JS常用复杂结构
对象数组 arr[{name:'狗蛋',age:18},{name:'狗蛋爸爸',age:38}]创建方式arr=[]var people1={name:'狗蛋',age:18}varpeople2={name:'狗蛋爸爸',age:38}arr.push(people1)arr.push(people2)生成完成。原创 2020-12-03 18:11:46 · 190 阅读 · 0 评论