文章库ARTICLE COLUMN

  • 2018年前端面试题(秋季面试随意整理的)

    2018年前端面试题(秋季面试随意整理的)

    摘要:也就是说定义的引用类型只要指针不发生改变,其他的不论如何改变都是允许的。把数组中的所有元素放入一个字符串。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内的对象的值。是使用还是要看具体的情况。 1.html和css 引入 css...

    boosterbooster 评论0 收藏0
  • 再次简单明了总结flex布局,一看就懂...

    再次简单明了总结flex布局,一看就懂...

    摘要:可能值含义如下假设主轴为水平方向左对齐右对齐居中对齐两端对齐沿轴线均匀分布各行将根据其值伸展以充分占据剩余空间备注设置,不然默认按照比例排满一行。默认值为,表示当空间不足时,自动缩小,其可能的值为整数,表示不同的缩小比例。 思维导图 s...

    kelkel 评论0 收藏0
  • 再次简单明了总结flex布局,一看就懂...

    再次简单明了总结flex布局,一看就懂...

    摘要:可能值含义如下假设主轴为水平方向左对齐右对齐居中对齐两端对齐沿轴线均匀分布各行将根据其值伸展以充分占据剩余空间备注设置,不然默认按照比例排满一行。默认值为,表示当空间不足时,自动缩小,其可能的值为整数,表示不同的缩小比例。 思维导图 s...

    CarlBenjaminCarlBenjamin 评论0 收藏0
  • css实现图片自适应容器的几种方式

    css实现图片自适应容器的几种方式

    摘要:实现图片自适应容器经常有这样一个场景,需要让图片自适应容器的大小。虽然符合了自适应的要求,但是如图所见图片失真了。这种图片比容器小的情况强行将图片自适应的话图片就失真。利用的属性就能进一步优化图片的宽高都小于容器的情况了。 css实现图...

    YangderYangder 评论0 收藏0
  • 你知道前端对图片的处理方式吗?

    你知道前端对图片的处理方式吗?

    摘要:对于第二种存储方式,我们前端需要将其二进制流交由对象处理,然后通过的生成临时赋值给属性来显示。当后端返回特定的图片二进制流的时候,就像我第一里的情景再现说的,前端用容器接收。 前言 作为前端工程师 de 我们,日常少不了会跟图片打交道。在...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • Vue+thinkJs博客网站(二)之thinkJs的使用

    Vue+thinkJs博客网站(二)之thinkJs的使用

    摘要:插件机制可以说是自定义的钩子函数。首先在新建文件夹,新建文件以为例更新内容缓存里对应的数组表示钩子函数的调用名,具体调用的是下面的方法。 一.简介 这个个人博客网站最初制作的目的就是练习使用thinkJs,这一篇就主要讲一下thinkJs的一些特性和...

    lucaslucas 评论0 收藏0
  • Flex 布局教程

    Flex 布局教程

    摘要:布局个属性决定主轴的方向定义是否在轴线上,换行合并体,这个属性可以不用管属性定义了项目在主轴上的对齐方式。与交叉轴两端对齐,轴线之间的间隔平均分布。文章来源阮一峰布局教程 flex 布局 6个属性flex-direction 决定主轴的方向flex-wrap 定义...

    SikeSike 评论0 收藏0
  • cookies,sessionStorage 和 localStorage 的区别

    cookies,sessionStorage 和 localStorage 的区别

    摘要:和不会自动把数据发给服务器,仅在本地保存存储大小数据大小不能超过和虽然也有存储大小的限制,但比大得多,可以达到或更大。 请描述一下 cookies,sessionStorage 和 localStorage 的区别? 1.cookie是网站为了标示用户身份而储存在用户本地终端(Cl...

    Dr_NooooDr_Noooo 评论0 收藏0
  • CSS外边距折叠引发的问题

    CSS外边距折叠引发的问题

    摘要:外边距折叠第一种两个块级元素的上下边距折叠第二种父元素和子元素或者最后一个元素的外边距第三种空的块级元素的上下外边距折叠的根本原因之间直接接触,没有阻隔折叠后外边距的计算如果两个外边距都是正值,折叠后的外边距取较大的一个如果两个外边距...

    zollerozollero 评论0 收藏0
  • 纯css实现叉号

    纯css实现叉号

    HMTL部分 CSS部分 .close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; } .close:before, .close:after { position: absolute; left: 15px; content: " "; ...

    张宪坤张宪坤 评论0 收藏0
  • Object.keys()是按什么顺序返回值的?

    Object.keys()是按什么顺序返回值的?

    摘要:碰到了一个很有意思的问题,中对象属性的输出是有序的吗如果有的话,那又遵循怎样的规则呢这里我们来做一个简单的探讨,工作之余来一点趣味性的问题。虽不能醍醐灌顶,但可以巩固所学知识,也是极好的 碰到了一个很有意思的问题,js中对象属性的输出是...

    zeyuzeyu 评论0 收藏0
  • 基于 less,sass,stylus三种预处理rem

    基于 less,sass,stylus三种预处理rem

    摘要:一形式定义一个变量和一个全局基于视觉稿横屏尺寸得出的基准使用示例翻译结果二形式定义一个变量和一个基于视觉稿横屏尺寸得出的基准使用示例翻译结果三形式定义一个变量和一个基于视觉稿横屏尺寸得出的基准使用示例翻译结果 一. less形式 //定义...

    crossoverJiecrossoverJie 评论0 收藏0
  • balabala: dom 转图片场景和技术方案

    balabala: dom 转图片场景和技术方案

    摘要:有一天张大胖接到了产品的一个需求,需求中涉及到了小程序和两端。会后大胖对自己所知道的可以把动态网页转成图片的方案详细的对比了下相信大家都知道这个,这是一个浏览器端的库,可以把结构转成图片。接下来大胖就用了最后的方案,去实施。 有一天张...

    legendaryedulegendaryedu 评论0 收藏0
  • weekly 2019-02-22

    weekly 2019-02-22

    摘要:本周公司老项目开发很受挫,之前一直用框架,原生薄弱,我打算周末原生手写一个轮播组件学习了下小程序的视频播放相关功能开发,写了一个视频播放的包括选择视频播放暂停以及发送弹幕看了冴羽博客深入学习系列,写了两篇读书笔记,放在我的博客里我了解...

    newtreknewtrek 评论0 收藏0
  • 响应式网页布局 - W3Schools How-Tos 01

    响应式网页布局 - W3Schools How-Tos 01

    摘要:视频连结站响应式网页布局今天已经是年,基本上所有新建的网页都会是响应式,以适应在手机显示。而实现响应式网页布局主要有种方法当然,以上三者都需要搭配使用。完全就是为了网页布局及其他二维横向加纵向布局而设计的,相信未来的网页都会采用这一设...

    HeierHeier 评论0 收藏0
  • 小程序外卖购物车 直接就能用~

    小程序外卖购物车 直接就能用~

    源码在 https://github.com/Pinenutss/... 欢迎给星星~~ showImg("https://segmentfault.com/img/bVboJT6?w=447&h=762"); showImg("https://segmentfault.com/img/bVboJUB?w=427&h=753"); showI...

    jamesjames 评论0 收藏0
  • Less 日常用法

    Less 日常用法

    摘要:日常用法你需要了解的和是两种预编译语言,其目的是为了更快更结构的编写文件,是一种强大的编译语言,能使用变量运算符判断方法等等。一般使用中,颜色是最常用的。其次是单位长度。单位可以自动识别,不用担心单位。 Less 日常用法 你需要了解的 les...

    grafgraf 评论0 收藏0
  • CSS

    CSS

    showImg(https://segmentfault.com/img/bVbo0bN?w=1676&h=1054);

    RiverLiRiverLi 评论0 收藏0
  • css实现浏览历史小块

    css实现浏览历史小块

    动图showImg("https://segmentfault.com/img/bVbo0aF?w=100&h=100"); 浏览历史 .browse-history { position: absolute; top: -40px; right: 0; width: 40px; height: 40...

    HonwhyHonwhy 评论0 收藏0
  • Will it finally: 关于 try/catch 的一些细节

    Will it finally: 关于 try/catch 的一些细节

    摘要:随着的出现,我最近发现自己在我的代码中使用了更多。但老实说,我终于用做了一点练习。当我去实际使用它时,我有点不确定它的细节。事实上,这就是本文的灵感来源。 随着async /await的出现,我最近发现自己在我的代码中使用了更多try /catch /finall...

    asce1885asce1885 评论0 收藏0
  • Web页面中png jpg gif webp svg的区别和使用

    Web页面中png jpg gif webp svg的区别和使用

    PngPNG包括png-8和png-24 png-32 相对来说体积小;支持透明 24(160W)比8(256) 像素 色块 色彩 要多很多 8位保存的时候会有锯齿边缘 24位是透明边缘 24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果,这就意味着,无论透明度设置为多少,PNG图...

    AprilApril 评论0 收藏0
  • JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)

    JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)

    摘要:语法如下是简写属性,也可以分别定义行间隔和列间隔。语法如下属性值得含义同这里不再过多说明,读者可以自行验证。 前言 在上篇——JavaScript五十问——对比来说CSS的Grid与FlexBox(上篇),我介绍了Flex的属性与使用,今天我们来总结一下Grid的具...

    MoxmiMoxmi 评论0 收藏0
  • 手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

    摘要:如何使用是的缩写,可以远程调试页面。安装配置获取本机开启本地监听服务器浏览器打开效果如下将这段脚本放在需要调试的手机页面中就可以远程调试了,加载好之后就可以在下找到需要调试的页面了,和类似,也可以查看元素和控制台等。 调试移动端页面,...

    ZhuxyZhuxy 评论0 收藏0
  • 表单密码自动填充hack

    表单密码自动填充hack

    摘要:甚至不分青红皂白,每个页面只要有类型的输入框,就会自动填充。请输入密码对于浏览器,如果页面上有两个以上的类型输入框,自动填充的时候只会填充第一个以及改输入框的上一个,分别填充账号和密码。 前言 写前端的,最讨厌的事有几个,其中一个就是...

    Little_XMLittle_XM 评论0 收藏0
  • 面试官常问——vue篇

    面试官常问——vue篇

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue route...

    BlackMassBlackMass 评论0 收藏0

热门文章

<