前端专题
一只快乐的蓝胖纸
这个作者很懒,什么都没留下…
展开
-
解决前后端分离开发中登录验证码 跨域和session不一致问题
使用工具:HBuilderX使用语言:H5、jQuery、CSS开发模式:前后端分离前后端分离开发模式下,实现网页的验证登录问题点1的解决方案:问题点2的解决方案:问题点3的解决方案:通过blob的处理,生成一个URL,作为图片的src属性的值,显示验证码图片问题点4的解决方案:加上时间戳,可以实现点击图片换一张的效果获取验证码点击登录验证4.获取用户信息5.页面加载事件6.全局参数...原创 2022-06-16 16:16:28 · 2685 阅读 · 3 评论 -
el-selecet 实现动态搜索、下拉选项颜色自定义、回车选择下一项
1.实现动态搜索使用el-selecet 的远程搜索,需要将filterable和remote设置为true,同时传入一个remote-method具体使用直接看https://element.eleme.cn/#/zh-CN/component/select2.下拉框选项颜色自定义注意:popper-append-to-body属性是Element-UI官方文档中提供的一个属性,该属性的用途就是将el-select选项的内容移动div#app当中,默认值是truepopper-ap原创 2022-05-28 16:18:02 · 1981 阅读 · 0 评论 -
【简易菜单切换(一级/二级)】
1.一级菜单切换1.1 静态页面状态 <div class="on navItem"> <div class="navItemBanner"> <p>2022届优秀作品</p> </div></div><div class="navItem"> <div class="navItemBanner"> <p>2021届优秀作品</p> </div原创 2022-05-17 11:16:01 · 496 阅读 · 0 评论 -
CSS/样式渲染 碰撞点合集
1.设置渐变色background: linear-gradient(90deg, #3361F2 0%, #41AFF7 100%);2.动态计算高度height:calc(100vh-150px);3.el-table 行样式错乱.el-table colgroup.gutter { display: table-cell !important;}.el-table th.gutter { display: table-cell !import...原创 2022-03-11 16:04:54 · 310 阅读 · 0 评论 -
在微信小程序中使用条形码生成器
此功能是基于插件实现的,具体插件可以自行在插件市场下载使用,下载地址:条形码生成器 - DCloud 插件市场最终实现效果:微信APP能够扫码识别的条形码类型有code128\code39\ean13\ean8\upc\itf14,这里使用的是code1281.将 tki-barcode 添加到对应的components包目录2.在template中添加<tk i-barcode :loadMake="false" :opations="opations" :onval.原创 2022-02-09 14:18:38 · 5743 阅读 · 1 评论 -
前端基础——建立HTML文档
如何建立新的HTML文档第一步:打开上期我们所提及的DW软件找到左上方文件第二步:点击文件,弹出提示第三步:点击文件,再次弹出新建文档框第四步:在新建文档框中点击创建,创建成功后的效果(其实上期有见过)第五步:使用快捷键Ctr+s进行文档保存,选择保存路径,一个简易的HTML文档建立完成蓝色箭头表示的是示意文件夹红色箭头表示给文档重命名黑色箭头表示重命名成功后在DW里的效...原创 2019-01-26 11:47:23 · 385 阅读 · 0 评论 -
前端基础第一期-----初步的前端认知
前端的初步认识开发工具与关键技术:DW软件 的 HTML作者:周欢撰写时间:2019/1/16HTML的简介:HTML(英文:HyperText Markup Language,简称HTML)是一种超文本标记的语言,它的后缀名是html。HTML的应用:1、我们通常使用HTML来创建自己的web站点(也是我们俗称的网页),然后在浏览器(Chrome、IE、Firefox…)上运行,...原创 2019-01-26 12:10:09 · 149 阅读 · 0 评论 -
前端基础第三期----CSS建立引入、JS建立引入
前端的css、js建立与样式、插件的引入首先我们需要接着上期建立一个css和一个js文件,建立方法其实和建立HTML差不多Css的建立:按下上期我们提及的快捷键(Ctr键+N)建立,如图:建立完成后,保存方法与上期的方法也是一致Js的建立:与HTML的建立、CSS的建立方法一致建立完成后,保存方法与与HTML的保存、CSS的保存方法一致小结:1、对比HTML的建立保存、CSS...原创 2019-01-26 12:29:41 · 157 阅读 · 0 评论