前端
珩-琛
这个作者很懒,什么都没留下…
展开
-
前端学习-html标签-Day1
1 锚点链接2 特殊字符3 table属性原创 2022-05-18 15:41:19 · 145 阅读 · 0 评论 -
Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转...原创 2019-11-28 18:01:46 · 541 阅读 · 0 评论 -
ios端的H5页面点击输入框页面自动放大
H5页面,苹果手机点击input搜索框,输入内容时,页面会自动放大。解决:<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">user-scalable=no:禁止页面手动缩放...原创 2019-11-22 17:27:07 · 1790 阅读 · 0 评论 -
IOS系统解决微信浏览器input或者textarea唤起键盘,收回后页面底部有空白
在input或者textarea标签监听blur事件,执行window.scrollTo(0, 0)html代码<input type="text" @blur="onBlur">js代码(vue写在methods) onBlur () { window.scrollTo(0, 0) },...原创 2019-11-22 17:25:22 · 435 阅读 · 0 评论 -
H5页面设置背景图,微信可浏览背景图
最近做项目需要在微信播放视频,设置播放的背景图,折腾了好久 <div class="video-back" :style="{backgroundImage: 'url(' + info.thumbnail_url + ')', }"> <video :src="info.video_url" class="container" controls :poste...原创 2019-11-07 11:35:41 · 2028 阅读 · 0 评论 -
html的div内容溢出后无法查看,如何显示滚动条下拉查看?
今天做项目的时候,当div固定高度时导致里面的内容溢出,而无法查看看其它剩下的内容,这个方法很实用,特别是在需要显示更多内容的时候。关键在所在页面添加即可:overflow-y:auto;...原创 2019-07-03 16:26:56 · 3084 阅读 · 0 评论 -
jQuery实现radio第一次点击选中第二次点击取消
项目开发需要,直接贴代码在JavaScript中,即可实现对于页面所有的radio实现:// jquery $('input:radio').click(function(){ //alert(this.checked); // var $radio = $(this); // if this was previously checked if ...原创 2019-06-26 11:10:58 · 567 阅读 · 0 评论 -
Vue的组件的export default,new Vue
Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如:import Vue from 'vue';import App from './App';import router from './route';import axios from 'axios';import './less/index'; 此外,你还可以在 bulid/web...原创 2019-06-12 11:30:03 · 3613 阅读 · 0 评论 -
CSS3弹性盒子之内容对齐justify-conten
弹性盒子(box-flex)是CSS3新增的一种布局模式,相比传统的布局模式来说,它更简单好用,而不存在浮动元素脱离正常文档流之后需要在某些地方清除浮动的问题。但是该属性目前只有部分浏览器支持,因此在pc端开发中应用的比较少。但是对于移动端,webkit核心浏览器几乎一统天下,web界面的制作上,使用弹性盒子是非常不错的!CSS3弹性盒子justify-content(内容对齐)属性应用在弹性...原创 2019-06-06 17:09:13 · 2874 阅读 · 0 评论 -
HTML 列表中的dl,dt,dd,ul,ol,li区别及应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。2.有序列表有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。3.定义列表自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 ...原创 2019-06-06 10:38:50 · 13226 阅读 · 0 评论 -
css盒子模型
盒模型的概念盒子模型(box model)。网页中,每一个元素都占有一定的空间,无论是div、h1~h6、还是p,都可以看成是盒子。盒子模型的概念可以结合我们日常生活中的“箱子”来理解,日常生活中所见的“箱子”可以装一些物品,而我们这里说到的盒模型,同样也可以放一些内容。盒模型的组成一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边...转载 2019-06-05 16:47:10 · 176 阅读 · 0 评论 -
CSS三种布局模型及position的区别
在网页中,元素有三种布局模型文档流(Flow)层模型(Layer)浮动模型(Float)1、文档流特点:默认网页布局模型,块元素自上而下按顺序垂直分布(独占一行),行内元素从左到右水平分布显示。2、层模型特点:三种形式 1, 相对定位(position:relative) 2,绝对定位(position:absolute)3,固定定位(position:fixed...原创 2019-06-05 16:33:38 · 282 阅读 · 0 评论