文章库ARTICLE COLUMN

  • CSS绘制各种图形的方法

    CSS绘制各种图形的方法

    摘要:绘制各种图形的方法正方形矩形圆形可以使用百分比值大于,但是低版本的不支持椭圆形可以使用百分比值大于,但是低版本的不支持向上的三角形向下向左向右 CSS绘制各种图形的方法 Square(正方形) showImg("https://segmentfault.com/img/bVIfgH?w=100&...

    jk_v1jk_v1 评论0 收藏0
  • 百度前端任务(3)(4)(5)——巧谈前端基础html,css布局

    百度前端任务(3)(4)(5)——巧谈前端基础html,css布局

    摘要:经过了百度前端技术学院任务三和四五,在这里总结一下前端布局的一些个人见解,很多前端新手就是没有理解怎么布局而一直学不好先说一下,我个人理解的前端布局的思想吧。 经过了百度前端技术学院任务三和四五,在这里总结一下前端布局的一些个人见解,...

    CoyPanCoyPan 评论0 收藏0
  • CSS盒模型

    CSS盒模型

    box model showImg("https://segmentfault.com/img/bVtyKC?w=746&h=455"); Margin Border Padding Content width 指定content box 的宽度 百分数相对于父容器(包含块)的content box的宽度 只有包含块的高度不依赖该元素时,...

    fishfish 评论0 收藏0
  • 新手程序员常犯的十个错误

    新手程序员常犯的十个错误

    摘要:对于程序员来说,更意味着代码的组织,工作成员之间的协作方式。我常犯的一个错误是直接在或分支上直接,而团队是不允许这样做的。 先介绍下背景,博主由运营转行前端,入职一个月,完成了一个相对较大的模块。由于基础相对薄弱,犯下了不少错误,故想...

    AndrmanAndrman 评论0 收藏0
  • 纯css实现下拉菜单

    纯css实现下拉菜单

    摘要:纯实现下拉菜单效果如下代码时间最近时间最近评论最多被赞最多代码三角箭头 纯css实现下拉菜单 1、效果如下: showImg("https://segmentfault.com/img/bVIwfo?w=205&h=177"); 2、html代码 时间最近 时间最近 评论最多 ...

    lightlight 评论0 收藏0
  • 关于《JavaScript半知半解》和《Web开发实战》的电子版说明

    关于《JavaScript半知半解》和《Web开发实战》的电子版说明

    摘要:半知半解和开发实战目前都已经发布,而关于电子版,都还没有开放下载。对于开发实战的电子版,将会在完成个功能时开放下载,预计是过完年后的月底或月初。 《JavaScript半知半解》和《Web开发实战》目前都已经发布,而关于电子版,都还没有开放下载。 ...

    JohnLuiJohnLui 评论0 收藏0
  • 前端开源项目周报0116

    前端开源项目周报0116

    摘要:由出品的前端开源项目周报第六期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第六期来啦。我们的前端开源周报集合了OpenDigg一...

    tabalttabalt 评论0 收藏0
  • 使用vue.js构建一个知乎日报

    使用vue.js构建一个知乎日报

    摘要:日报详细内容知乎是一个格式的字符串,而数据的请求及渲染是异步的,正常情况下来说,浏览器是无法解析成功的,但是提供的一个方法,可以搞定,示例代码如下其中是数据后记大家多多交流,互相学习啊,写的不好的地方情指正哦 Vue.js是我所喜爱的,知乎...

    simpleapplessimpleapples 评论0 收藏0
  • CSS兼容攻略

    CSS兼容攻略

    摘要:平常要多留心,摸不准兼容如何就该多看看,额,还有就是自己要明白页面该兼容到什么程度是否需要兼容一上来得把这个问题想好,有些效果不兼容就不兼容呗,只要后退平稳即可,如这种情况下的图片来自,这种情况下,对于不支持属性的浏览器,还是不用强行...

    xialongxialong 评论0 收藏0
  • 2017前端性能优化清单

    2017前端性能优化清单

    摘要:性能最好具有可量化可监测以及可改动的特性。下文是一份年的前端性能优化清单,阐述了作为前端开发人员,为了确保反馈速度以及浏览器兼容性我们需要考虑的问题。地图设计的决定违背了性能理念,所以他在这份清单内的顺序有待考虑。 2017前端性能优化清...

    kycoolkycool 评论0 收藏0
  • 纯CSS实现丝带上扬效果

    纯CSS实现丝带上扬效果

    摘要:利用动作改变的可以使小模块向上走,同时在小模块的屁股下面放两个沿对角线分成两种颜色的正方形,相对小模块绝对定位,便可以制造出简单的立体上扬效果。丝带的两头和上扬的阴影部分用实现就可以了。动作的时候再设置,屁颠屁颠往上走。 利用hover动...

    yuanzhanghuyuanzhanghu 评论0 收藏0
  • css属性总结

    css属性总结

    摘要:解决方法使用负将其往下拉或者设置为来避免生成行框。对于浮动或绝对定位元素,计算值与声明值可能不同。浮动元素必须包含其所有的浮动子元素使用属性清除浮动时,例如,实际上是为设置属性的元素增加。 - 仅作用于块级元素的属性 width,height(这俩...

    JellyBoolJellyBool 评论0 收藏0
  • 移动前端中 viewport (视口)

    移动前端中 viewport (视口)

    摘要:一的概念端实际上等于浏览器窗口,拥有浏览器窗口的宽度和高度,元素使用宽度的在未手动设置元素宽度情况下。用获取元素本身的尺寸移动端分为和。大小由设备本身决定。所有的缩放规则都是相对于而言的,而与多宽无关。 一、viewport的概念 PC端 viewpo...

    only_doonly_do 评论0 收藏0
  • CSS 搞怪的 text-decoration

    CSS 搞怪的 text-decoration

    摘要:最后,好像也可以利用这种方法,做出莫名其妙的效果真是很莫名其妙的效果 今天在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线...

    TANKINGTANKING 评论0 收藏0
  • CSS团队协作规范

    CSS团队协作规范

    摘要:的命名必须是行为有语意的。前端工程师拿到视觉图,开始写时以手机版为第一优先。手机开启网页很吃手机效能和网络状况,前端工程师一开始就以手机版为优先,可以让一开始载入,使用最少的效能快速载入网页。 命名禁止缩写 精简扼要地对class命名,请...

    firimfirim 评论0 收藏0
  • 使用这些 CSS 属性选择器来提高前端开发效率!

    使用这些 CSS 属性选择器来提高前端开发效率!

    摘要:属性选择器非常神奇。属性选择器的特性与类相同。现在我们已经看到了如何使用属性选择器进行选择,让我们看看一些用例。自定义提示使用属性选择器创建自定义工具提示既有趣又简单便捷键的一大优点是它提供了许多不同的信息访问选项。 属性选择器非常神...

    余学文余学文 评论0 收藏0
  • 解决微信浏览器的iOS的兼容问题[软键盘弹出][input框光标]

    解决微信浏览器的iOS的兼容问题[软键盘弹出][input框光标]

    摘要:对于第一个问题软键盘弹出时,页面会上滑,导致点击位置和页面位置不一致在获取焦点时获取的值并赋值给一个变量,在失去焦点时设置的值设置为负的该值如果存在两个或两个以上的框,可以设置一个当前存在聚焦框的数量的值,获取焦点,失去焦点,只有为的...

    lookSomeonelookSomeone 评论0 收藏0
  • button 在vivoplay6 手机中不显示下边框

    button 在vivoplay6 手机中不显示下边框

    摘要:今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现并不是上述问题。 今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现...

    zsirfszsirfs 评论0 收藏0
  • 如何使用 css3 transform 属性来变换背景图

    如何使用 css3 transform 属性来变换背景图

    摘要:使用属性可以轻易的旋转,倾斜,缩放任何元素。然而,这个属性旋转了整个元素,包括他的内容边框背景图。再次强调,你需要对伪类元素的宽高及定位属性进行调整来确保它可以完全覆盖主元素。查看上写的使用属性来变换背景图像。 使用 css3 transform 属...

    kk_mileskk_miles 评论0 收藏0
  • css基本样式1(7.1)

    css基本样式1(7.1)

    摘要:显示为块状元素。显示为行内元素显示为行内块,创建一个字体大小的最小字体是,文字粗度默认粗体字体行高文本属性用于设置文字对齐方式。 块级元素(block-level)和行内元素(inline-level) (1)差异: 块级元素能包含行内元素和块级元素,行内元素只能...

    meteor199meteor199 评论0 收藏0
  • echarts花样作死的坑

    echarts花样作死的坑

    摘要:这个可以解决很多问题了,但是由于本人偷懒,只看了字符串模板,回调函数太麻烦直接忽略了,字符串模板用起来虽然简单但是数据是死的,而且不能加代码。 目前手上的工作,老板接了一个活计,能够有一个自由移动的地图,然后在地图上某个地方点一下,出...

    jk_v1jk_v1 评论0 收藏0
  • flex-item属性之flex-grow、flex-shrink了解下

    flex-item属性之flex-grow、flex-shrink了解下

    摘要:容器仍然是,灰灰,小橘,需要一起减掉才可以。但是灰灰和小橘的瘦身能力明显不一样,他们设置了不同的,分别为和。瘦掉的这需要平分到灰灰加上小橘身上的每一个上。 前言 flex布局,想必css江湖上的各位侠士都用得很多了,那我们今天就来说说flex-ite...

    Simon_ZhouSimon_Zhou 评论0 收藏0
  • 由一个“bug”到鲜为人知的jQuery.cssHooks

    由一个“bug”到鲜为人知的jQuery.cssHooks

    摘要:干想了半天,认为可能还是本身的写法问题。对象提供了一种通过定义函数来获取或设置特定值的方法。简单来说,给我们暴露了一个钩子,我们可以自己定义方法比如,来实现针对某个属性的特定行为。 写在最前 本次分享一下在一次jQuery赋值样式失效的结果...

    malakashimalakashi 评论0 收藏0
  • vuejs2.0 封装通用组件,build生成js,并发布到npm

    vuejs2.0 封装通用组件,build生成js,并发布到npm

    摘要:网上看了一些文章,一般都是把封装好的格式的文件发布到,感觉不太像一般组件的封装形式,故特意书写此文,希望能帮助到各位码友。本文以封装一个分页组件为例,把它生成目标文件,生成压缩包测试,并发布到。修改输出文件到下,生成文件名为。 网上看...

    fevinfevin 评论0 收藏0
  • 移动Web开发总结

    移动Web开发总结

    摘要:其它关于打电话发短信发邮件的实现打电话给发短信给发邮件给 完整的HTML模板 标题 这里开始内容 CSS CSS reset html{ -webkit-tap-highlight-color: rgba(0,0,0,0); /*去掉触摸遮盖层*/ -webkit-user-modify: read-write-plaintex...

    沈俭沈俭 评论0 收藏0

热门文章

<