草庐IT

纯前端

全部标签

前端设置div的显示与隐藏

jQuery设置div的显示与隐藏两种方式:1.隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间$("#demo").attr("style","display:none;");//隐藏div$("#demo").attr("style","display:block;");//显示div或者$("#demo").css("display","none");//隐藏div$("#demo").css("display","block");//显示div2.隐藏后仍占有页面空间,显示空白div的visibility可以控制div的显示和隐藏,但是隐藏后页面显

前端Uni-app开发微信小程序|微信小程序手机商城

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XCX-020一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+v

微信小程序登录+获取手机号码(前端+后端)

上面这张是微信小程序官方原图,登录流程如上图所示,下面一步步进行以及说一下碰到的坑。1.wx.login()获取code    调用微信小程序官方提供的方法获取code提供给后端用以换取session_key、openid。    注意:code只能使用一次就会失效,且有效期为5分钟2.后端收到code之后拼接请求参数code、appid、appsecret请求微信接口服务示例 3.自定义登录态自定义登录态我的理解是开发者获取openid、session_key之后,用这两个值获取微信用户相关信息成功后如手机号码,则为登录成功。即开发者自定义登录成功逻辑。4.获取用户手机号码注意获取手机号的c

前端获取用户ip地址,并放在请求头上(uniapp和H5)

 今日需求:     获取用户ip地址,并在每一次请求的时候带上这个ip地址1、如何获取用户IP地址:获取用户ip地址的方式有很多,各大地图的开发者平台都能找到相关的API接口地址,都很牛掰,但是我看了一下,好像不太适合我(懒病犯了~~),所以我就用shohu的接口:http://pv.sohu.com/cityjson?ie=utf-8uni.request({ url:'/sohu/cityjson', success:(res)=>{ constreg=/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/; letip=reg.ex

vue + xtermjs + websocket 前端网页版终端,操作后端的docker容器

简介:1.自动版,无需维护websocket,由xterm-addon-attach插件监控输入输出(推荐,简单好用)2.自定义版,维护websocket,自己实现输入输出3.xtermjs、xterm-addon-attach、xterm-addon-fit、docker4.以上版本都是由cdn形式html页面实现,如需vue-cli工程化实现,只需import引入fitAddon、attachAddon替换即可一、自动版(推荐)如图所示:代码(复制另存txt,修改.html直接运行)!DOCTYPEhtml>html>head>metacharset="utf-8">title>前端终端,

前端开发之jsencrypt加密解密的使用方法和使用示例

前端开发之jsencrypt加密解密的使用方法和使用示例前言效果图一、vue中简单案例1、安装组件2、创建加密解密的方法文件3、文件内容前言jsencrypt官方文档公钥私钥生成网址jsencrypt就是一个基于rsa加解密的js库,常用在向后台发送数据的时候本文是通过node.js的window.btoa和window.atob配合jsencrypt进行加密效果图一、vue中简单案例1、安装组件npminstalljsencrypt--dev2、创建加密解密的方法文件3、文件内容importJSEncryptfrom'jsencrypt'//去密钥生成网址去生成公钥和密钥http://too

Vue中qrcode的使用方法(生成二维码插件) / 前端页面根据URL链接生成二维码

1.下载npminstallqrcode--save-dev2.引入(在所需要的页面中引入)importQRCodefrom“qrcode”;//引入生成二维码插件3.生成二维码importQRCodefrom"qrcode";//引入生成二维码插件exportdefault{props:[""],data(){return{qrUrl:"",};},watch:{},mounted(){this.getQRCode();},created(){},methods:{getQRCode(){//生成的二维码为URL地址jsthis.qrUrl="https://152.136.245.230:

大华监控前端实时预览(DHplayer)官方插件

介绍:采用vue2+大华官方插件DHplaye+rtsp拉流实现前端预览1.根据官方文档安装引入插件  2.再vue项目中引入插件importDHPlayerfrom'@/components/DHPlayer/index'3.模板中使用windowType:视频类型0实时,1录像num:子窗口数createSuccess:插件创建成功时调用4.调后端接口,获取要展示监控点的通道号和rtsp地址methods:{//获取已上架监控点rtspgetRtsp(){this.$get('gardan/device/getCameraUrl',{}).then(r=>{console.log(r.da

reactjs - 我如何在同一个域上运行 Golan 应用程序(后端)和 ReactJS 应用程序(前端)以防止 CORS?

所以,我有一个golang应用程序和一个reactJs应用程序。如果我在不同的域上运行它们,我会遇到CORS问题。在服务器端允许CORS根本不是问题,但我无法从服务器获取cookie,因为它们被浏览器作为第三方cookie忽略。所以,我看到了一个非常简单的解决方案-在同一个域上运行服务器和前端,但我不明白该怎么做。我怎样才能将所有内容配置为在同一个域上运行而不会发生冲突?在golang应用程序和ReactJS应用程序之间防止CORS的最佳做法是什么? 最佳答案 使用Go的文件服务器来提供静态资源:packagemainimport(

reactjs - 我如何在同一个域上运行 Golan 应用程序(后端)和 ReactJS 应用程序(前端)以防止 CORS?

所以,我有一个golang应用程序和一个reactJs应用程序。如果我在不同的域上运行它们,我会遇到CORS问题。在服务器端允许CORS根本不是问题,但我无法从服务器获取cookie,因为它们被浏览器作为第三方cookie忽略。所以,我看到了一个非常简单的解决方案-在同一个域上运行服务器和前端,但我不明白该怎么做。我怎样才能将所有内容配置为在同一个域上运行而不会发生冲突?在golang应用程序和ReactJS应用程序之间防止CORS的最佳做法是什么? 最佳答案 使用Go的文件服务器来提供静态资源:packagemainimport(