文章库ARTICLE COLUMN

  • 响应式布局开发

    响应式布局开发

    摘要:目录移动介绍和两种开发方式响应式开发方式原生的开发方式响应式的原理的媒体查询响应式开发框架的介绍和基本信息优势版本了解框架和库的区别主导者不一样入门起步下载和引包阅读的文档了解常用的全局样式和组件和插件搭建项目目录结构创建主页引包设置...

    insteininstein 评论0 收藏0
  • 我对line-height及vertical-align的一点理解

    我对line-height及vertical-align的一点理解

    摘要:张鑫旭老师在文章我对的一些理解与认识一中提到属性的表现与否,仅仅与其父标签有关,至于我们通常看到的与后面的文字垂直居中显示那都是假象经过摸索测试,才对这句话有种豁然开朗的感觉。匿名元素我是一段卡哇伊的文字。 张鑫旭老师在文章《我对CSS ...

    EidesenEidesen 评论0 收藏0
  • 我的白板

    我的白板

    摘要:出于某种个人原因,本人一直很想做一个可以多方协作使用的白板,类似桌面共享一样,但是可以多方都可以在上面标注的白板。 出于某种个人原因,本人一直很想做一个可以多方协作使用的白板,类似桌面共享一样,但是可以多方都可以在上面标注的白板。 可...

    waruqiwaruqi 评论0 收藏0
  • 知乎书籍排行网站——建站始末

    知乎书籍排行网站——建站始末

    摘要:一时心血来潮,于是当时想,如果拿来分析知乎这个网站,会有什么效果呢。知乎并没有公开,只能采取爬虫手段。如此,大概率会触发知乎反爬虫系统,所以采取以下方法来回避这个问题代理池。但是,很多情况下知乎还是能通过你的请求得到你的真实。。 网站...

    TonyTony 评论0 收藏0
  • javascript 总结(常用工具类的封装)

    javascript 总结(常用工具类的封装)

    前言 因为工作中经常用到这些方法,所有便把这些方法进行了总结。 JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === "String" } isNumber (o) { //是否数字 return Obj...

    刘明刘明 评论0 收藏0
  • 原生 JS 实现一个瀑布流插件

    原生 JS 实现一个瀑布流插件

    摘要:瀑布流布局中的图片有一个核心特点等宽不定等高,瀑布流布局在国内网网站都有一定规模的使用,比如花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。 showImg("https://segmentfault.com/img/remote/1460000013059759?w=640&h=280"); 瀑布流...

    AlfredAlfred 评论0 收藏0
  • 转眼人到中年:前端老程序员无法忘怀的一次百度电话面试(二)

    转眼人到中年:前端老程序员无法忘怀的一次百度电话面试(二)

    摘要:节后,收到了来自百度的电话,简单明了,商定了电话面试的时间。转眼间,约定之日到来。后记当天就收到了上海百度的邮件,确认了三面的的时间,还有差旅报销注意事项。想到要只身一人去到人生地不熟的上海面试,内心有些期待,又有些忐忑。 一切都不那...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • CSS基础篇--使用position:sticky 实现粘性布局

    CSS基础篇--使用position:sticky 实现粘性布局

    摘要:生效规则须指定或四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。并且和同时设置时,生效的优先级高,和同时设置时,的优先级高。设定为元素的任意父节点的属性必须是,否则不会生效。 简介 前面写了一篇文章讲解了position常用的...

    ybakybak 评论0 收藏0
  • 前端人人都应该理解的盒模型BFC渲染机制

    前端人人都应该理解的盒模型BFC渲染机制

    摘要:如图所示如果你眼力不错或者亲自试试会发现个之间设置了的距离但是他们现在实际的间距却是。如何设置盒模型的类型通过的就可以设置为盒模型了默认是盒模型渲染机制基本慨念是英文缩写翻译为块级格式化上下文。说白了就是一种盒模型的渲染规则。 前端人...

    testHstestHs 评论0 收藏0
  • 【Amaple教程】1. 启动路由

    【Amaple教程】1. 启动路由

    摘要:开始编写具体的代码前,首先需启动单页模式并进行简单配置。我们在开发包的文件中调用函数并传入一个对象进行启动路由并配置单页应用。继续学习下一节教程模块也可回顾上一节教程前言 开始编写具体的代码前,首先需启动单页模式并进行简单配置。在src/...

    zhangwangzhangwang 评论0 收藏0
  • 【Amaple教程】3. 模板指令与状态数据(state)

    【Amaple教程】3. 模板指令与状态数据(state)

    摘要:指令在上使用元素没有设置属性时,自动设置绑定的状态属性名为属性。 一个模块的template模板、JavaScript和css之间的关系其实可以如下图表示:showImg("https://segmentfault.com/img/bV2ht2?w=413&h=337"); 如果你了解Angular、Vue动态模板,那你将...

    2shou2shou 评论0 收藏0
  • 【Amaple教程】4. 组件

    【Amaple教程】4. 组件

    在Amaple单页应用中,一个页面其实存在两种模块化单位,分别是 模块 (am.Module类),它是以web单页应用跳转更新为最小单位所拆分的独立块; 组件 (am.Component类),它的定位是拥有特定功能的封装块,就像由一堆代码封装成的具有特定功能的函数一...

    suosuopuosuosuopuo 评论0 收藏0
  • 【Amaple教程】6. 路由配置

    【Amaple教程】6. 路由配置

    摘要:在第节启动路由章节中为了能让单页应用顺利跑起来,我们提前介绍了简单的路由配置方法。我们已了解路由配置的目的是指定不同的下对应的模块节点也叫做模块容器内应该显示哪个模块的内容,它还有更多高级的用法如匹配路由通配符的配置重定向等。 在 第1...

    ytwmanytwman 评论0 收藏0
  • Amaple.js框架详细介绍

    Amaple.js框架详细介绍

    摘要:体验优先的单页框架点此查看仓库是专为单页应用而设计的基于页面模块化的框架,它可使开发者快速开发单页应用。使用前置要求此框架的使用者可不需了解构建工具,但必须掌握和的基础知识。 showImg("https://segmentfault.com/img/bV2wO3?w=792&h=303")...

    loongggloonggg 评论0 收藏0
  • 解决chrome滚动条背景的问题

    解决chrome滚动条背景的问题

    摘要:而默认的宽度没有包含滚动条的宽度。滚动条底下的白色其实并不是滚动条的背景色,而是由于的宽度并未铺满可视区域的留白。所以我们只要在上加一个即可解决这个问题,但是这种情况下,会出现横向的滚动条。 大家都知道chrome可以自定义设置滚动条的样式...

    omgdogomgdog 评论0 收藏0
  • 【响应式布局】理解设备像素、设备独立像素和css像素

    【响应式布局】理解设备像素、设备独立像素和css像素

    摘要:设备像素设备分辨率设备像素也叫物理像素。从图中可以验证,横纵方向的设备像素数量恰好是设备独立像素的倍。像素与设备独立像素的关系缩放比例就是像素边长设备独立像素边长。因为的宽度没有改变,无论以什么单位衡量设备像素设备独立像素还是像素。 ...

    sunny5541sunny5541 评论0 收藏0
  • 一次前端笔试总结

    一次前端笔试总结

    摘要:另外,原题还有字数限制的,只有在字数小于并且结果正确时才可以满分。插入节点操作的可以使用和方法,随便用一个都行。但是,这题有两个限制条件优雅的方式前个元素。 1.有一个长度未知的数组a,如果它的长度为0就把数字1添加到数组里面,否则按照先...

    jsdtjsdt 评论0 收藏0
  • Frontend Engineer Booklist 前端书单

    Frontend Engineer Booklist 前端书单

    摘要:初级书单深入理解人评价作者徐涛出版社机械工业出版社出版年年月日赞回复添加到豆列来自豆瓣读书响应式设计人评价作者出版社人民邮电出版社出版年年月日赞回复添加到豆列来自豆瓣读书深入浅出中文版人评价作者马劳克林出版社东南大学出版社出版年年月 ...

    LowkyLowky 评论0 收藏0
  • electron+vue制作桌面应用--自定义标题栏

    electron+vue制作桌面应用--自定义标题栏

    摘要:会默认显示边框和标题栏,如下图我们来看一下如何自定义一个更加有意思的标题栏,例如网易云音乐这种首先我们要把默认的标题栏删掉,找到主进程中创建窗体部分,时添加参数即可这样会把标题栏和边框一并隐藏然后我们开始制作自己的标题栏创建组件这里 ...

    roundstonesroundstones 评论0 收藏0
  • electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

    electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

    摘要:上一篇制作桌面应用自定义标题栏中我们介绍了如何使用制作自定义样式的标题栏接下来,我们介绍一下标题栏上的最大化最小化和关闭按钮如何实现首先查阅文档部分,我们发现已经准备好和三个方法供我们调用了。 上一篇:electron+vue制作桌面应用--自定义...

    dinferdinfer 评论0 收藏0
  • 深入理解行内元素的布局

    深入理解行内元素的布局

    摘要:看上面的例子我们也能看出来,实际上一个内联元素是有两个高度的高度实际渲染的那个高度和高度实际区域占空间的高度也就是。 前言 总括: 本文通过实例讲解CSS中最大的难点之一,行内元素的布局,主要是挖掘line-height和vertical-align两个属性在布局...

    heartFollowerheartFollower 评论0 收藏0
  • 微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识

    微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识

    摘要:下拉更新分享阅读标识本文配套视频地址开始前请把分支中的目录导入微信开发工具这一篇中,我们把列表这块的剩余功能做完下拉更新分享阅读标识。 下拉更新、分享、阅读标识 本文配套视频地址:https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支...

    caoymcaoym 评论0 收藏0
  • Web网页布局的主要方式

    Web网页布局的主要方式

    摘要:改变屏幕分辨率可以切换不同的静态局部页面元素位置发生改变,但在每个静态布局中,页面元素不随窗口大小的调整发生变化。即创建多个流体式布局,分别对应一个屏幕分辨率范围。 一、静态布局(static layout)   即传统Web设计,网页上的所有元素的...

    blastzblastz 评论0 收藏0
  • 前端:手机移动端重写网页alert(隐藏网址提示以及样式参照iphone无标题样式)

    前端:手机移动端重写网页alert(隐藏网址提示以及样式参照iphone无标题样式)

    摘要:重写方法展示效果如图很简单重写,两个做成伪提示框,同时加遮罩制止用户操作。 重写alert() 方法 展示效果如图 showImg("https://segmentfault.com/img/bVXBv8?w=406&h=202"); 很简单 重写alert,两个div 做成伪提示框,同时加遮罩制止用户操作。 ...

    KrossKross 评论0 收藏0
  • 微信小程序教学第四章第一节(含视频):小程序中级实战教程:详情-页面制作

    微信小程序教学第四章第一节(含视频):小程序中级实战教程:详情-页面制作

    摘要:详情页面制作本文配套视频地址开始前请把分支中的目录导入微信开发工具这一章节中,主要介绍详情页的页面制作过程首先看一下我们最终要展示的页面页面结构大体分为三部分,也是最常见的布局方式头部中间体尾部。 详情 - 页面制作 本文配套视频地址:ht...

    张春雷张春雷 评论0 收藏0

热门文章

<