文章库ARTICLE COLUMN

  • 【每日一包0019】mem

    【每日一包0019】mem

    摘要:地址用于通过缓存具有相同输入的调用结果来加速连续函数调用的优化普通用法支持基于的异步函数调用第二参数用法用法设置缓存时长,默认默认所有参数相同才启用缓存数据,但你也可以设置只缓存第一个参数也就是只要第一个参数相同,就采用缓存值设置缓存...

    Ku_AndrewKu_Andrew 评论0 收藏0
  • 浏览器缓存原理以及本地存储

    浏览器缓存原理以及本地存储

    摘要:私有缓存就是用户专享的,各级代理不能缓存的缓存。代表使用内存中的缓存,则代表使用的是硬盘中的缓存,浏览器读取缓存的顺序为。 作为一名前端工作人员,前端的缓存知识是必须掌握的,因为一个网站打开网页的速度直接关系到用户体验,用户粘度,而提...

    inaptinapt 评论0 收藏0
  • css两端固定大小,中间自动大小

    css两端固定大小,中间自动大小

    ## calc实现 css两端固定大小,中间自动大小## 样式代码 .wrap{ height:300px; width:400px; background:#e0e0e0; } .top{ height:50px; border:solid 1px #f0f0f0; } .midle{ height:calc(100% - 100px) } .b...

    yanweiyanwei 评论0 收藏0
  • iPhone X 媒体查询适配

    iPhone X 媒体查询适配

    摘要:适合一英寸的像素总数称为屏幕密度或像素密度,其测量为每英寸像素数。设备大多具有或显示屏,因此您可以使用一般的视网膜媒体查询在所有类型的设备上显示高分辨率内容。 iPhone X尺寸 5.8 英寸 5.65 x 2.79 x 0.30 英寸 iPhone X分辨率 1125 x 243...

    cuieneycuieney 评论0 收藏0
  • postcss-bem插件在webpack4以上版本报错处理 .moveTo is not a fu

    postcss-bem插件在webpack4以上版本报错处理 .moveTo is not a fu

    摘要:强大的插件让我们在编写的过程中获得了极大的便利,比如,我们可以方便的使用语法来命名我们的组件。但是在以上的版本中,却会导致编译报错这是由于源字符串解析成的抽象语法树已经废弃了该方法参考一场由引发的血案。 postcss强大的插件让我们在编写c...

    wwolfwwolf 评论0 收藏0
  • 前端切图工具_08

    前端切图工具_08

    摘要:前端切图工具作为一个前端切图仔总是避免不了切图的痛苦强大的不得不说这个工具强大,不仅由版也有,也不收费。基本已经够用的,这个软件收费而且没有版本。 前端切图工具 作为一个前端切图仔总是避免不了切图的痛苦 强大的PxCook PxCook不得不说这个...

    rockswangrockswang 评论0 收藏0
  • CSS font-style斜体字体倾斜体样式

    CSS font-style斜体字体倾斜体样式

    摘要:对于没有斜体变量的特殊字体,将应用倾斜的字体二斜体案例我们对盒子里的文字字体设置为斜体,倾斜体,使用去掉斜体标签默认斜体样式。同时我们案例也演示了使用去掉斜体样式,使用去掉斜体标签斜体样式。  一、常用斜体语法   常用字体样式设置fon...

    qingshanli1988qingshanli1988 评论0 收藏0
  • 根据浏览器的工作原理整理前端知识体系

    根据浏览器的工作原理整理前端知识体系

    摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己...

    JasonZhangJasonZhang 评论0 收藏0
  • CSS: 给表格的第一列和最后一列不同的样式

    CSS: 给表格的第一列和最后一列不同的样式

    table td:first-child { width:160px; height:20px; border:solid 1px Black; padding:5px; text-align:center; } table td:last-child { width:600px; height:20px; border:solid...

    DevWikiDevWiki 评论0 收藏0
  • css中和模型及其相关的问题

    css中和模型及其相关的问题

    摘要:是指元素右边界距窗口最左边的距离,是指元素下边界距窗口最上面的距离是什么直译为块级格式化上下文。 什么是css和模型又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素IE模型区别...

    megatronmegatron 评论0 收藏0
  • 【每日一包0017】pretty-ms

    【每日一包0017】pretty-ms

    摘要:地址将毫秒转换为容易读取的时间普通用法用法返回第二参数用法用法返回秒数后面保留的小数点位数,默认毫秒后面保留的小数点位数,默认与结合使用保证输出的秒数宽度不变,默认仅展示第一个单位的值,默认要展示的单位个数,为会覆盖此选项,默认使用全...

    hqmanhqman 评论0 收藏0
  • 如何判断元素是否在可视区域ViewPort

    如何判断元素是否在可视区域ViewPort

    摘要:在这里一次性做个总结,以用来判断元素是否在可视区域以及用原生简单实现懒加载。被隐藏在内容区域左侧的像素数。比如上篇文章文字跑马灯项目中的使用戳此跳转小结只读属性,不包括滚动条。 个性签名: 生如夏花,逝如冬雪;人生如此,何悔何怨。 前言:...

    zhigoozhigoo 评论0 收藏0
  • web 多屏互动显示方案

    web 多屏互动显示方案

    摘要:关于的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。已有案例,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在上面的杯子接入掉落的冰块 1 基于 local storage 实现的信息传递 相关插件 lsbridge.js https://github.com...

    animabearanimabear 评论0 收藏0
  • 腾讯云IM-SDK集成(web端)完成IM登录

    腾讯云IM-SDK集成(web端)完成IM登录

    摘要:我个人觉得腾讯云的文档,以及一些例子,写得有点简单,并且是用做的,当然我只是做的是端,至于其他小程序端,还有其他端那我就不清楚了。 一脸懵逼的看着腾讯云的文档,完成了所谓的采坑之旅 (1)很多人估计公司也需要用到聊天,以及音视频的功能,...

    sushengsusheng 评论0 收藏0
  • 简单的选项卡切换效果

    简单的选项卡切换效果

    摘要:利用锚点的思想可以实现一个简单的选项卡切换效果。其原理就是在每个列表里塞入一个肉眼看不见的输入框,然后选项卡按钮变成元素,并通过属性与输入框的相关联,这样,点击选项按钮会触发输入框的行为,触发锚点定位,实现选项卡切换效果。 利用锚点的...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • 从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

    从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

    摘要:从到再到搭建编写构建一个前端项目选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种选择现成的项目模板自己搭建项目骨架。使用版本控制系统管理源代码项目搭建好后,需要一个版本控制系统来管理源代码。 从 0 到 1 再到 100, 搭建...

    aristarkaristark 评论0 收藏0
  • 程序人生:织梦dedecms后台/会员验证码关闭

    程序人生:织梦dedecms后台/会员验证码关闭

    摘要:提示支持以上的所有版本取消后台登录验证码打开文件,找到如下代码数字代表是后台验证码,数字是会员系统里面的验证码。 dedecms默认是所有的功能几乎只要用到验证码的地方我们都需要验证的,如果要关闭一些验证功能我们可以参考下面的教程,这里介绍...

    luqiuwenluqiuwen 评论0 收藏0
  • 【CSS】BFC - 块级格式化上下文

    【CSS】BFC - 块级格式化上下文

    摘要:块级格式化上下文。其优点为自适应内容由于封闭而更健壮,容错性更强。两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,折叠结果是两者的相加的和。这可能是因为浏览器四舍五入了列宽从而所有列的总宽度会超出容器。...

    李文鹏李文鹏 评论0 收藏0
  • 输入 url 到页面展现的短短几秒内浏览器究竟做了什么?

    输入 url 到页面展现的短短几秒内浏览器究竟做了什么?

    摘要:在上述过程再细化为浏览器搜索自己的缓存。至此,浏览器已经得到了域名对应的地址。具体过程如下在中这一过程如下首先是字节流,经过解码之后是字符流,然后通过词法分析器会被解释成词语,之后经过语法分析器构建成节点,最后这些节点被组建成一棵树。...

    tigerZHtigerZH 评论0 收藏0
  • 三列布局(左右固定,中间自适应)

    三列布局(左右固定,中间自适应)

    1、定位 我是左边,我是固定的 我是中间,我是自适应的,左边右边都position固定了,他们脱离了文档流,我终于得到机会挤进中间啦!只要我margin一下就没人会挡住我啦!我可真是个小机灵鬼(同时,我还是个自由人,我div写在开头中间结尾都可以呢) 我是右边...

    aboutUaboutU 评论0 收藏0
  • input实现文字超出省略号功能

    input实现文字超出省略号功能

    input实现文字省略号功能 普通元素实现文字超出宽度自动变成省略号非常简单,给元素加个宽度,然后再加这三句css即可: white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 有没有想过给input="text"元素也加这个效果呢?如图:...

    NoraXieNoraXie 评论0 收藏0
  • FE.ES-理解ECMA Javascript作用域

    FE.ES-理解ECMA Javascript作用域

    摘要:赋值操作符会导致查询。中有两个机制可以欺骗词法作用域和。如果是作为赋值表达式的一部分的话,那它就是一个函数表达式,如果被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明。但函数不是唯一的作用域单元。 本文仅整理自己所...

    shenhualongshenhualong 评论0 收藏0
  • scss使用mixin不生效,浏览器无法编译出来

    scss使用mixin不生效,浏览器无法编译出来

    摘要:方法浏览器无法编译以前旧版是支持上面写法,现在新版后不支持,传入变量必须加编译浏览器编译 mixin方法: showImg("https://segmentfault.com/img/bVbjY6g?w=593&h=469"); 浏览器无法编译: showImg("https://segmentfault.com/img/bVbjWkD?w=307...

    why_rookiewhy_rookie 评论0 收藏0
  • 奔跑

    奔跑

    call和apply直接执行函数,而bind需要再一次调用。 var a ={ name : Cherry, fn : function (a,b) { console.log( a + b) } } var b = a.fn; b.bind(a,1,2)

    wujl596wujl596 评论0 收藏0
  • 写出一个美观的表单页

    写出一个美观的表单页

    摘要:如何写出一个美观的表单页前言最近做项目总能遇到各种各样,千奇百怪的需求。只能开动自己脑筋,自己写一些样式。附下我的地址,留下关于我写的登录注册。 如何写出一个美观的表单页 前言 最近做项目总能遇到各种各样,千奇百怪的需求。用bootstrap等u...

    jerryloveemilyjerryloveemily 评论0 收藏0

热门文章

<