文章库ARTICLE COLUMN

  • layui实现左侧菜单点击右侧内容区显示

    layui实现左侧菜单点击右侧内容区显示

    摘要:这个前端框架对后端人员来说提供了极大的方便,很大一部分同学在刚接触到这个框架就迫不及待的要动手实践了,刚好最近需要开发一个后台管理项目,就拿来进行学习和实践还没有接触到的同学可以先通读一遍文档,这样在遇到问题的时候才能够对症下药,仔细...

    zhangyucha0zhangyucha0 评论0 收藏0
  • 垂直居中---只需要两个小栗子

    垂直居中---只需要两个小栗子

    摘要:两个小栗子讲完了,你明白了么文章末尾,再送两个小栗子当一个里没有内容时高度为,当有内容比如文字时,就有了高度,难道是文字把撑开了其实不是,这个高度是由元素的决定的。代码很简单使用布局也可以实现居中红色框上下居中文字在红色框中居中 之前...

    songzesongze 评论0 收藏0
  • 从输入`URL`到页面加载完成的过程中都发生了什么事情

    从输入`URL`到页面加载完成的过程中都发生了什么事情

    摘要:但收到此失效的连接请求报文段后,就误认为是再次发出的一个新的连接请求。采用三次握手的办法可以防止上述现象发生。 概览 日期:2018-4-26目标:了解从输入URL到页面加载完成的过程中都发生了什么事情总用时:一天完成情况:达成 基本过程 为什么会...

    cuieneycuieney 评论0 收藏0
  • 纯CSS实现元素垂直水平居中-非固定宽度

    纯CSS实现元素垂直水平居中-非固定宽度

    这里不讨论行内元素的居中!! 盒子垂直居中+水平居中的需求时经常遇到的,看到的较多实现逻辑是固定content-box的宽度,通过让margin-left和margin-top等于宽或高的负一半来实现,抑或不固定宽度,通过JS调整margin-left和margin-top的值,这俩种方法原理...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 关于js节流函数throttle和防抖动debounce

    关于js节流函数throttle和防抖动debounce

    摘要:主要实现在于通过异步操作的事件间隔,对于前后两次调用方法打时间进行比较,用清空定时器的操作实现多余调用操作的舍弃。 废话不多说,直奔主题。 什么是throttle和debounce? 这两个方法的主要目的多是用于性能优化。最常见的应用尝尽就是在通过监听...

    sheryshery 评论0 收藏0
  • webApp 页面布局

    webApp 页面布局

    摘要:流式布局概念流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变。有些手机页面的宽度会被拉伸,但是高度不变,很不协调。弊端全局缩放,可能会造成出错。这两者适合在大项目中,因为可以配合或是,不适合单页面。 1. 流式布局 概...

    GitChatGitChat 评论0 收藏0
  • 前端每日实战:5# 视频演示如何用 CSS 创作一个立体滑动 toggle 交互控件

    前端每日实战:5# 视频演示如何用 CSS 创作一个立体滑动 toggle 交互控件

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

    yy736044583yy736044583 评论0 收藏0
  • 无后端完成在线翻译功能

    无后端完成在线翻译功能

    摘要:在线翻译纯前端百度翻译本地存储完成提取文本中的生词,并返回单词的翻译结果项目内容之前背单词的时候发现,直接背单词的话太枯燥,直接阅读英文书籍报纸又有太多的单词不认识,就想能够做个,直接检查出一个英文文本中的生词,并翻译出来。 在线翻译...

    JasonJason 评论0 收藏0
  • 适配iphoneX

    适配iphoneX

    tips iphone6设备宽高为375×667,屏幕分辨率为750×1334,故其设备像素比(dpr)为2。iphoneX的设备宽高375*812,屏幕分辨率为1125x2436,故dpr=3 适配iphoneX 目前了解的有3中方法,前两种方法是先判断机型 判断iphoneX机型-1 通过判断navigator.userAgen...

    CKJOKERCKJOKER 评论0 收藏0
  • 前端面试题收集,持续更新中

    前端面试题收集,持续更新中

    摘要:对于所访问的每个元素,函数应该将该元素传递给所提供的回调函数。 HTML 在线阅读Github地址 题目列表 HTML HTML和XHTML的区别 Html的语义化 Doctype的文档类型 cookie、sessionSttorage、localStory区别 HTML全局属性(global attribute)有哪些? ...

    adam1q84adam1q84 评论0 收藏0
  • 用 margin 还是用 padding ?

    用 margin 还是用 padding ?

    摘要:空白区通常是指其他元素不能出现且父元素背景可见的区域。很自然,用于影响这个区域的属性是。权威指南何时应当使用需要在外侧添加空白时。是用来隔开元素与元素的间距用于布局分开元素使元素与元素互不相干。何时应当时用需要在内测添加空白时。 边界...

    liukai90liukai90 评论0 收藏0
  • TCP/IP基础总结性学习(7)

    TCP/IP基础总结性学习(7)

    摘要:确保安全的在协议中有可能存在信息窃听或身份伪装等安全问题。与组合使用的被称为,超文本传输安全协议或。无法证明报文完整性,可能已遭篡改所谓完整性是指信息的准确度。如何防止篡改虽然有使用协议确定报文完整性的方法,但事实上并不便捷可靠。 确...

    icattlecodericattlecoder 评论0 收藏0
  • 前端每日实战:2# 视频演示如何用纯 CSS 创作一个矩形旋转 loader 特效

    前端每日实战:2# 视频演示如何用纯 CSS 创作一个矩形旋转 loader 特效

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

    zr_hebozr_hebo 评论0 收藏0
  • 带加载进度的Web图片懒加载组件Lazyload

    带加载进度的Web图片懒加载组件Lazyload

    摘要:是一个文件大小仅的图片懒加载组件不依赖其它第三方库,组件会根据用户当前浏览的区域去自动加载对应的图片用户还没有浏览的区域图片则不会进行加载。允许图片加载之前,指定一张相对较小的封面图。当原图加载完成之后则会覆盖封面图片。 在Web项目中...

    zhoutkzhoutk 评论0 收藏0
  • 入口文件开始,分析Vue源码实现

    入口文件开始,分析Vue源码实现

    摘要:一方面是因为想要克服自己的惰性,另一方面也是想重新温故一遍。一共分成了个基础部分,后续还会继续记录。文章中如果有笔误或者不正确的解释,也欢迎批评指正,共同进步。最后地址部分源码 Why? 网上现有的Vue源码解析文章一搜一大批,但是为什么我还...

    nidayenidaye 评论0 收藏0
  • 探索 Redux4.0 版本迭代 论基础谈展望(对比 React context)

    探索 Redux4.0 版本迭代 论基础谈展望(对比 React context)

    摘要:在几天前发布了新版本,被合入。但是在版本迭代的背后很多有趣的设计值得了解。参数处理这项改动由提出。对透明化处理中的,达到将包裹起来的目的。对的冻结认为,在中使用和方法是一种反模式。尤其是这样的新,某些开发者认为将逐渐取代。 showImg("h...

    yiliangyiliang 评论0 收藏0
  • css中div垂直居中的方法。

    css中div垂直居中的方法。

    摘要:利用绝对定位实现的居中代码如下居中效果图如下利用垂直居中居中实现水平居中实现垂直居中效果图如下实现的居中居中效果图如下多谢提供的另一种方式不晓得这样能否到,嘛其实网上实现居中的方式确实很多,互相探讨加深印象。 利用绝对定位实现的居中 ...

    jkyinjkyin 评论0 收藏0
  • 基于Vue实现拖拽效果

    基于Vue实现拖拽效果

    摘要:是浏览器的特有属性实现拖拽功能我们既然熟悉了这几个偏移属性的意思,那么我们就进入我们的重点。当然我们同时也学习了的一些方法,例如自定义指令等。 效果图 showImg("https://upload-images.jianshu.io/upload_images/10414430-93d8911b63914b85.g...

    王岩威王岩威 评论0 收藏0
  • vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三

    vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三

    摘要:使用的小伙伴儿会用到淘宝的开源的适配方案去轻松的完成适配,这也是我最喜欢的,但是使用这个方案时,你引入第三方库时样式会变小。。这个坑难的我不行,各种百度,各种想法,差一点就放弃了这个方案。 最近公司的的项目赶,作为前端的小白懒出新的高...

    loostudyloostudy 评论0 收藏0
  • 前端每日实战:3# 视频演示如何用纯 CSS 创作一个容器厚条纹边框特效

    前端每日实战:3# 视频演示如何用纯 CSS 创作一个容器厚条纹边框特效

    摘要:代码解读定义一个名为的容器内容居中显示画条纹背景在容器内定义一个名为的容器容器留出厚边框,容器嵌在其中设置厚边框的立体效果容器中增加内容内容布局定义动画效果最后,把动画效果应用到容器上大功告成知识点 showImg("https://segmentfault.com/...

    iliyakuiliyaku 评论0 收藏0
  • 基于canvas实现的高性能、跨平台的股票图表库--clchart

    基于canvas实现的高性能、跨平台的股票图表库--clchart

    摘要:什么是是一个基于创建的简单高性能和跨平台的股票数据可视化开源项目。支持以及和等平台。而针对股票等有价证劵特定的图表库有和等项目,这些图表库对股票绘图已经做了一些非常专业的处理及优化了,但是他们均基于来绘图。 什么是 ClChart? ClChart是...

    PAMPANGPAMPANG 评论0 收藏0
  • 真正解决iframe高度自适应问题

    真正解决iframe高度自适应问题

    摘要:欢迎指出问题或留言加深本文的深度,例如已经不需要声明,但是我解决这个问题不得不改一下,退化到,为什么在中子页面和的高度不是由内部的内容决定的,而是等于父元素的高度 1.前言 解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度 ...

    littleGrowlittleGrow 评论0 收藏0
  • 对HTML语义化的一些理解和记录

    对HTML语义化的一些理解和记录

    摘要:什么是语义化说语义化就要先说说到底负责的什么下面摘自维基百科超文本标记语言英语,简称是一种用于创建网页的标准标记语言。常用的一些语义化标签,作为标题使用,并且依据重要性递减,是最高的等级。 什么是HTML语义化 说HTML语义化就要先说说HTML...

    huayeluoliuhenhuayeluoliuhen 评论0 收藏0
  • 页面div居中定位

    页面div居中定位

    摘要:在编写很多时候页面的时候我们都需要布局居中对齐的,这里引用一个小案例讲解一下水平垂直居中对齐预期效果实现过程代码提交登录样式偏移距离为容器的一半清理浏览器默认样式 在编写很多时候页面的时候我们都需要布局居中对齐的,这里引用一个小案例讲...

    fjcgreatfjcgreat 评论0 收藏0
  • 50weekly 高质量前端资源

    50weekly 高质量前端资源

    摘要:如何在浩瀚的互联网中,发现高质量的前端内容,成为了大多数前端学习者的困惑,也曾有这样的困惑。希望通过周篇高质量的前端文章,成就更优秀的自己,成为更优秀的前端工程师。目前由我和社区贡献者一起维护,每周五同步更新本周社区高质量前端资源。 ...

    mcterrymcterry 评论0 收藏0

热门文章

<