文章库ARTICLE COLUMN

  • kPagination纯js实现分页插件

    kPagination纯js实现分页插件

    摘要:分页插件纯分页插件,压缩版本,样式可以自定义使用方法当前页跳转配置项选项类型说明可以显示的按钮个数是否显示上一页按钮是否显示下一页按钮是否显示跳转输入框跳转按钮的文字页面触发回调重新渲染成功回调可选样式选项说明分页容器样式按钮容 kPag...

    DogeeDogee 评论0 收藏0
  • 好用的ES6方法

    好用的ES6方法

    摘要:另一个问题是不能判断是否有的元素。结果函数的第二个参数表示判断的起始位置。结果第二个参数也可以是负数,表示从右数过来第几个,但是不改变判断搜索的方向,搜索方向还是从左到右。 一、ES6,Array.includes()函数的用法 斜体文字在ES5,Array已...

    JadenJaden 评论0 收藏0
  • 自适应页面的实现方式

    自适应页面的实现方式

    摘要:页面自适应自适应是指页面内容自动适应屏幕大小,实现自适应的方法有多种简易场景实现自适应浮动页面居中元素宽度不写固定而设置百分比自动匹配大小。后面详细介绍栅格系统的实现方式。当页面宽度发生改变时,每个栅格的大小会自动调整以适应页面尺寸。...

    omgdogomgdog 评论0 收藏0
  • input元素type为file类型,change事件在文件选择框出来后点击取消后事件只触发一次的问

    input元素type为file类型,change事件在文件选择框出来后点击取消后事件只触发一次的问

    摘要:事件问题详细描述为类型的时候,在文件选择框出来后,这时选择了文件后或是点击取消都会触发事件。期望的操作和解决在文件选择框出来之后,点击取消不执行事件里的操作获取。事件清空原有的数据 html: js: $("#file").change(function(){ consol...

    ixleiixlei 评论0 收藏0
  • 【丛林】HTML Table 表格浅谈(边框、隔行变色

    【丛林】HTML Table 表格浅谈(边框、隔行变色

    摘要:表格的一个单元格,一行中包含几对,一行中就有几列。。表格的头部的一个单元格,表格表头。表格标题属性表格边框的宽度。表格单元边界与单元内容之间的间距内边距。单元格之间的间距。可填写或任意数字,分别代表奇数行列偶数行列或指定行列 showImg(...

    szyskyszysky 评论0 收藏0
  • 项目开发中常常会遇到详情返回列表,列表默认在点击详情的高度的问题,特此总结一下,希望可以帮到你们

    项目开发中常常会遇到详情返回列表,列表默认在点击详情的高度的问题,特此总结一下,希望可以帮到你们

    摘要:从第二页返回首页时为只处理设置了路由元信息的组件简单的分享给大家,希望可以帮到你们 刚刚解了一个详情返回列表时候,列表高度保持在点击进去的详情的问题,特此做个分享,希望大家碰到类似的问题可以直接一遍过,不用卡壳(因为这个在实际项目开发...

    crelabercrelaber 评论0 收藏0
  • 前端每日实战:86# 视频演示如何用纯 CSS 创作一个方块旋转动画

    前端每日实战:86# 视频演示如何用纯 CSS 创作一个方块旋转动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbd765?w=400&h=301"); 效果预览 按下右侧的点击预览...

    shixinzhangshixinzhang 评论0 收藏0
  • JavaScript 工作原理之十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    JavaScript 工作原理之十五-类和继承及 Babel 和 TypeScript 代码转换探秘

    摘要:使用新的易用的类定义,归根结底也是要创建构造函数和修改原型。首先,它把构造函数当成多带带的函数且包含类属性集。该节点还储存了指向父类的指针引用,该父类也并储存了构造函数,属性集和及父类引用,依次类推。 原文请查阅这里,略有删减,本文采...

    BigNerdCodingBigNerdCoding 评论0 收藏0
  • CSS实现多行文本垂直居中

    CSS实现多行文本垂直居中

    摘要:最近在做项目时,遇到了如下样式需求即实现多行文本垂直居中。单行文本垂直居中方法简单父元素高度即可多行文本垂直居中父元素高度不固定使用样式解决即使上下相等父元素高度固定,假设结构如下所示解决方法 最近在做项目时,遇到了如下样式需求:show...

    shiyang6017shiyang6017 评论0 收藏0
  • 前端每日实战:87# 视频演示如何用 1 个 DOM  元素和纯 CSS 创作一台对开门冰箱

    前端每日实战:87# 视频演示如何用 1 个 DOM 元素和纯 CSS 创作一台对开门冰箱

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbd9tL?w=400&h=300"); 效果预览 按下右侧的点击预览...

    jindongjindong 评论0 收藏0
  • 关于浏览器兼容

    关于浏览器兼容

    摘要:第二个子节点第三个子节点以此类推盒子阴影失效尽管背景是白色,最好还是设置一下,不然兼容后的效果可能会不太理想透明色失效有默认在文件中控制一下就好了,如顺便介绍一下过滤器,是一种用来过滤不同浏览器的类型。 一、火狐1. 失效hack:采用jque...

    shenhualongshenhualong 评论0 收藏0
  • 响应式web设计--媒体查询

    响应式web设计--媒体查询

    摘要:媒体查询的用法媒体查询包含一个可选的媒体类型和,满足规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为或。还有一个与众不同的是,在其他浏览器中不要像其他属性一样在不同的浏览器中添加前缀。 媒体查询的用法 media...

    SalamanderSalamander 评论0 收藏0
  • 媒体查询 响应式设计

    媒体查询 响应式设计

    摘要:一媒体查询作用使用查询,你可以针对不同的媒体类型定义不同的样式。可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 一、媒...

    yanbingyun1990yanbingyun1990 评论0 收藏0
  • CSS实现响应式布局

    CSS实现响应式布局

    用CSS实现响应式布局 响应式布局感觉很高大上,很难,但实际上只用CSS也能实现响应式布局要用的就是CSS中的没接查询,下面就介绍一下怎么运用: 使用@media 的三种方法 1.直接在CSS文件中使用: @media 类型 and (条件1) and (条件二){ css样式 } @medi...

    wangbinkewangbinke 评论0 收藏0
  • css 响应式(媒介查询)

    css 响应式(媒介查询)

    摘要:来实现响应式实现响应式网站的布局要用到的就是中的媒体查询接下来来简单介绍一下类型条件条件二样式我们只需用到衍生出的这个属性,定义输出设备中的页面可见区域宽度来控制该改变的样式即可。 1.CSS 来实现响应式 CSS实现响应式网站的布局要用到的就...

    OBKoro1OBKoro1 评论0 收藏0
  • 微信网页开发调用微信jssdk接口遇到的坑以及最终解决方法 (持续更新)

    微信网页开发调用微信jssdk接口遇到的坑以及最终解决方法 (持续更新)

    摘要:在系统的手机中,其实微信点击网页的图片会自动调用这个接口一次。然后在在下面进行微信的接口的调用判断是还是终端终端更新这个好像微信自己修复了,现在无论还是,如果不调用这个方法,微信自己不会去调用了。 1.微信网页开发调用jssdk时报permissio...

    Little_XMLittle_XM 评论0 收藏0
  • vue2练习之仿美团外卖开发(一)

    vue2练习之仿美团外卖开发(一)

    摘要:的双向数据绑定方法我觉得很巧妙我是尤雨溪脑残粉为什么选美团外卖美团外卖项目估计差不多能够设计到大部分技术点,不包括服务端渲染作为练习够用了。平日里我点外卖一直用美团。用多了可能也比较了解美团外卖吧。 前言 很多初学者尤其是像我这样的公...

    X1nFLYX1nFLY 评论0 收藏0
  • CSS+JS相应式导航菜单

    CSS+JS相应式导航菜单

    摘要:响应式导航菜单响应式导航菜单就是当网页在其他不同视口的样式,不同的设备需要不同的样式需要掌握的知识掌握媒体查询,如果你不是很懂那就看我写的响应式布局掌握重的简单的方法下面是代码响应式菜单首页产品购买服务联系样式代 响应式导航菜单 响应...

    CarlCarl 评论0 收藏0
  • 响应下拉式菜单

    响应下拉式菜单

    摘要:一简介响应式下拉菜单可在多个移动端显示会有不同的效果。二代码如下响应式下拉菜单第三效果图如下这是视口大于的时候所显示的内容端这是视口小于的时候所显示的内容手机这是在手机上和上的效果图 一、简介 响应式下拉菜单可在多个移动端显示会有不同...

    王陆宽王陆宽 评论0 收藏0
  • 响应式导航菜单(css+js)

    响应式导航菜单(css+js)

    摘要:响应式导航菜单先来看下效果图把当视口大于的时候,导航条会显示在外,当视口小于的时候,导航菜单需要隐藏起来代码如下响应式首页产品购买服务联系代码如下持续更新,欢迎大家指教 1.响应式导航菜单 先来看下效果图把:showImg("https://segmentfault...

    sanyangsanyang 评论0 收藏0
  • 收到美企第一份offer,分享经历

    收到美企第一份offer,分享经历

    摘要:经历我是今年到美国的,然后月开始广投简历,投了很多纽约,芝加哥的岗位,主要是想多增加面试经验。到月份,所有之前投的公司开始陆续来电话了,约笔试约面试。上有一系列的履约责任,比如在职以及离职年内不得去同业务公司就职等。 前言 我所在的地...

    jeffrey_upjeffrey_up 评论0 收藏0
  • 文章目录自动生成器

    文章目录自动生成器

    摘要:提供一个插件,可以实现的文章目录效果啦不止点击跳转还滚动激活当前链接地址使用很简单文章容器目录容器支持以上和主流的浏览器文章容器,选择器目录容器,选择器每个目录项的类当前激活的目录项的类可选选择目录的标题元素, 提供一个插件,可以实现...

    felix0913felix0913 评论0 收藏0
  • CSS 图像拼合技术(雪碧图)

    CSS 图像拼合技术(雪碧图)

    摘要:图像拼合图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量,并节省带宽。代码如下改变背景效果图持续更新,多多关照 1、css 图像拼合 图像拼合就是单个图像的集合...

    fengxiupingfengxiuping 评论0 收藏0
  • css图像拼合技术(精灵图)

    css图像拼合技术(精灵图)

    摘要:图像拼合技术图像拼合图像拼合技术就是单个图像的集合。有很多图片的网页可能会需要很多时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量,并节省带宽。 CSS图像拼合技术 1.图像拼合 图像拼合技术就是单个图像的集合。 有很多...

    lolomacololomaco 评论0 收藏0
  • Css Sprite(雪碧图、精灵图)<图像拼合技术>

    Css Sprite(雪碧图、精灵图)<图像拼合技术>

    摘要:一精灵图使用场景二优点减少图片的字节。减少网页的请求,从而大大的提高页面的性能。解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。 一、精灵图使用场景: sho...

    YoungsYoungs 评论0 收藏0

热门文章

<