关闭
当前搜索:

电脑PC页面和手机移动页面适配跳转

电脑PC页面和手机移动页面适配跳转 html页面,涉及到检测终端的问题,如果是电脑端,就跳到PC版页面;如果是手持端设备,就跳转到指定的shou网页上。 方法一、@media screen 思路:css使用媒体查询,当屏幕小于760px时,使某个元素的样式发生改变,然后通过js检测到这个改变,就可以知道现在切换到移动端了 css代码: 1 ...
阅读(116) 评论(0)

数组去重方法

数组去重方法1、ES6提供了新的数据结构Set,它类似于数组,但是成员的值是唯一的,没有重复的值。 let arr = [1,2,5,2,3,4,1,2,3,5,4,1,2,3,2,1,1,1,'asd','123','123','123','asd',1,true,true,false]; console.log(...new Set(arr));    或者 let arr...
阅读(58) 评论(0)

css实现三角形

css实现三角形 一、html代码定义一个元素 二、利用div+before+after实现如下图效果:  利用after和before各实现一个三角形,after的index大于before。通过移位,覆盖即可实现此效果。 .arrow{ width: 100px; height: 100px; ...
阅读(83) 评论(0)

点击导航,滑动到网页中的指定位置(JS实现滑动锚点定位)

在一个网页页面中,可能会分为很多的模块内容,当我点击导航栏的某一项时,希望显示对应的内容,例如,点击下图导航中的报告服务后,希望网页滑动到 “报告服务” 的模块,点击城市品牌滑动到“城市品牌”的模块。 城市品牌模块 js代码 $(function () { //获取城市模块到顶部的距离 var city_top = $('#ci...
阅读(202) 评论(0)

点击返回顶部(滑动效果)

点击返回顶部 手机端和PC端很多需求需要做点击返回顶部,例如下图: 当网页被卷上去的高度大于绿色方框的高度时,显示点击返回顶部的按钮,点击之后,返回当顶部。   代码: 1、html代码(自己找一张点击返回顶部的图片) 2、CSS代码(用固定定位,其他样式根据要求自己调整)   .back_top{ position:...
阅读(81) 评论(0)

获取url地址中查询字符串的某一个

例如  url:  www.baidu.com?id=123&member=789 想要获取该url里的id的值,方法如下: function getSearchString(key) { // 获取URL中?之后的字符 var str = location.search; str = str.substring(1,str.length); ...
阅读(67) 评论(0)

图片懒加载

图片懒加载 当网站的要显示的图片比较多的时候,要请求的次数比较多,会增加用户的等待时间,利用懒加载可以大大提高用户的体验。 懒加载思路:当图片出现的时候,加载图片。如果用户没有继续往下浏览,下面的图片就不加载。 html5定义的data-*属性允许我们在标签内来嵌入自定义数据,这样我们就可以将img的标签内的src里的图片地址放到data-xx里边存储。如果src为空的话,就不会被请求。当图...
阅读(87) 评论(0)

实现两个div,左边固定div宽度200px,右边div自适应

/*方法一: BFC(块级格式化上下文)*/ .container{ width:1000px;height:400px;border: 1px solid red; } .left{ width:200px;height:100%;background: gray; float: left; ...
阅读(121) 评论(0)

div模拟textarea文本域轻松实现高度自适应

div模拟textarea文本域及高度自适应 使用很简单,一个普通的block元素上加个contenteditable="true"就ok了,如下: true外面的引号甚至去掉都没关系。 contenteditable属性虽是HTML5里面的内容,但是IE似乎老早就支持此标签属性了。所以,兼容性方面还是不用太担心的。 ok,最麻烦的模拟textarea的可编辑...
阅读(119) 评论(0)

npm install出现"Unexpected end of JSON input while parsing near"错误解决方法

在npm install安装东西的时候报的这个错误,通过百度首先运行下面的的命令: npm cache clean --force1 即可解决pm install出现”Unexpected end of JSON input while parsing near”错误。...
阅读(230) 评论(0)

vue导航栏(选中状态刷新不消失)

Vue导航栏         用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标全是UI给的选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了) 1、首先把这些小图片放到src/assets路径下面(...
阅读(887) 评论(0)

__proto__和prototype

作者:doris 链接:https://www.zhihu.com/question/34183746/answer/58155878 来源:知乎 1.在JS里,万物皆对象。方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象共有的特点。 即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构...
阅读(166) 评论(0)

css控制溢出部分显示省略号...

假设一个显示文本的标签,溢出部分显示显示“...”,效果如下图: 通过定义css样式即可实现上图效果: overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/...
阅读(117) 评论(0)

vue跨域解决方法

vue跨域解决方法 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。 要想本地正常的调试,解决的办法有三个: 一、后台更改header header('...
阅读(408) 评论(0)

vue通过滚动行为实现从列表到详情,返回列表原位置

vue项目滚动行为 场景:项目中,从列表进入详情,再从详情返回列表时,想直接定位到离开时的位置。 列表页点击某一个进入到详情页: 进入到详情页: 从详情页点击返回到列表页到离开的位置: 实现方式一:html5 history模式 1在路由设置router/index.js中,设置组件的元信息被缓存。(keepAlive:true),并修改mo...
阅读(384) 评论(0)
62条 共5页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:50222次
    • 积分:960
    • 等级:
    • 排名:千里之外
    • 原创:41篇
    • 转载:21篇
    • 译文:0篇
    • 评论:7条
    文章分类
    最新评论