文章库ARTICLE COLUMN

  • Mac版sublime快捷键大全

    Mac版sublime快捷键大全

    0 对应关系 标志 键名 ⌘ command ⇧ shift ↩ 回车 ↑ 上 ↓ 下 ⌃ control ⌥ option 红色标记的是常用的快捷键。 1 编辑 按键 功能 ⌘ + X 剪切当前行 ⌥ + 拖动鼠标 垂直选中 ⌘ + ↩ 在当前行之后换行,无论鼠标在哪里 ...

    JellyBoolJellyBool 评论0 收藏0
  • 奇技淫巧:css实现整个表单只读 form readonly

    奇技淫巧:css实现整个表单只读 form readonly

    摘要:此处就不一一赘述。我说的方法只需要给表单加上一个类,就可以让表单只读。方法用给做个看不见的蒙版,遮住下面所有的元素,使之不响应任何事件方法用让所有事件穿透关于属性,可以看看这个介绍 一般的方法往往给表单的各个input、select等加上readonl...

    impig33impig33 评论0 收藏0
  • css3 实现一个k歌效果和一个进度条的效果

    css3 实现一个k歌效果和一个进度条的效果

    摘要:歌效果比较简单,先分析歌效果吧。第二个进度条效果其实就是一个小技巧而已,歌字体效果都出来了,地下在叠加一层背景色就了,这个背景色就是对应的颜色值,这里就是修改一下颜色值,就是下面这段代码了未完待续哦 先看两个效果:showImg("https://seg...

    huangjinnanhuangjinnan 评论0 收藏0
  • CSS3-选择器-结构化伪类

    CSS3-选择器-结构化伪类

    摘要:结构化伪类选择器结构化伪类选择器是基于元素在树中的结构特性跟父节点或者兄弟节点的关系进行匹配选择,比如某个元素的第一个子节点,最后一个节点等等。是从后向前计数。功能匹配元素指定位置计算的结果且是相同类型的兄弟元素。 结构化伪类(Structu...

    宋华宋华 评论0 收藏0
  • 你不知道的CSS(三)

    你不知道的CSS(三)

    摘要:本文首发于我的博客在前面两篇文章你不知道的一和你不知道的二中大致介绍了一些方面比较隐晦的但又很实用的技巧。系列文章你不知道的一你不知道的二本文首发于我的博客 本文首发于我的博客 在前面两篇文章《你不知道的CSS(一)》和《你不知道的CSS(...

    xiangzhihongxiangzhihong 评论0 收藏0
  • css3

    css3

    css3新增选择器 属性选择器 包括h5中新增的自定义属性 p[data-id]{color: red} sasas 属性选择器可以指定属性值 的样式变化 E[attr="value"] 指定属性名 p[data-id="111"]{color: red} sasas1 sas...

    RancherLabsRancherLabs 评论0 收藏0
  • 学习 JavaScript:9 个常见错误阻碍你进步

    学习 JavaScript:9 个常见错误阻碍你进步

    摘要:错误好高骛远最常见的错误之一就是在理解概念之后立即采取行动。其实这也是人们常说要放弃学习的常见原因之一。当项目逐渐深入时,他们就放弃学习了。关键点是,认真学习你正在学习的东西,你会得到进步。挑战意味着你正在提升个人能力,这将使你进步。...

    leo108leo108 评论0 收藏0
  • CSS:BFC 最熟悉的陌生人

    CSS:BFC 最熟悉的陌生人

    摘要:就是神奇之一,它也是最熟悉的陌生人,因为你一不小心就会触发它然而你并没有意识到它正在神奇地发挥作用。最常见的有和,中还增加了和,这里就不深入研究了。其根本原理就是它们处于同一个,符合属于同一个的两个相邻元素的会发生重叠的规则。 BFC,...

    focusjfocusj 评论0 收藏0
  • 20170917 前端开发周报:JavaScript函数式编程、作用域和闭包

    20170917 前端开发周报:JavaScript函数式编程、作用域和闭包

    摘要:用函数式编程对进行断舍离当从业的老司机学会函数式编程时,他扔掉了的特性,也不用面向对象了,最后发现了真爱啊作用域和闭包作用域和闭包在里非常重要。旨在帮助非函数式编程的同学,能快速切入到函数式编程的理念。 1、用函数式编程对JavaScript进...

    lentoolentoo 评论0 收藏0
  • HTML5扩展了 HTMLDocument ,增加了新的功能。

    HTML5扩展了 HTMLDocument ,增加了新的功能。

    摘要:与中新增的其他扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。最终,也把这个属性纳入标准,对其实现做出了明确规定。属性作为对引用文档的元素的补充,新增了属性,引用文档的元素。 HTML5扩展了 HTMLDocument ,增加了新...

    kid143kid143 评论0 收藏0
  • [Sass]-Sass入门

    [Sass]-Sass入门

    摘要:未编译样式多继承链式继承占位选择器编译后样式中使用声明混合,可以传递参数,参数名以符号开始,多个参数以逗号分开,也可以给参数设置默认值。 初识Sass SASS简介 sass是一种css预处理器,用专门的编程语言,进行网页样式设计,然后再编译成正常的C...

    godiscodergodiscoder 评论0 收藏0
  • IOING在开发SPA大型应用时有哪些必要的技术条件?

    IOING在开发SPA大型应用时有哪些必要的技术条件?

    摘要:是一款高性能的前端开发引擎。这些功能模块的被放置在一起时,将很难避免相互影响,造成难以测试的。结尾的文档目前还不够完善,但完全可以满足必要的开发。 前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问...

    hzchzc 评论0 收藏0
  • CSS盒模型 - 官方文档总结

    CSS盒模型 - 官方文档总结

    摘要:盒子的概念盒子模型指的是浏览器将文档流从视觉上渲染为不同矩形框的组合。浏览器将文档流中的每个元素都渲染为一个矩形框,其包含内容区域如文本图片和可选的三个区域,中文名为外边距边框和填充。注意只有普通文档流中块框的垂直外边距才会发生外边距...

    plus2047plus2047 评论0 收藏0
  • flex布局

    flex布局

    摘要:年,提出了一种新的方案布局,可以简便完整响应式地实现各种页面布局。元素内所有的子元素称为项目。容器默认存在两根轴水平的主轴和垂直的交叉轴。与交叉轴两端对齐,轴线之间的间隔平均分布。负值对该属性无效。 009年,W3C 提出了一种新的方案----f...

    ctriptechctriptech 评论0 收藏0
  • 解决一行文本溢出隐藏点击展开之后全部显示并自动换行每行长度一致问题

    解决一行文本溢出隐藏点击展开之后全部显示并自动换行每行长度一致问题

    摘要:一行数据文本内容太多,把页面撑得很长影响美观。该方法可以实现当一行文本内容超过固定长度后,收缩起来,显示一个展开按钮,用户一点击后就显示全部内容。 一行数据文本内容太多,把页面撑得很长影响美观。该方法可以实现当一行文本内容超过固定长度...

    LuosunceLuosunce 评论0 收藏0
  • zoom和transform:scale()的区别

    zoom和transform:scale()的区别

    摘要:的取值可以为数值和百分比值,不能取负值。而只是在当前元素上重绘,不会影响其他元素。其他如果被缩放的元素是宽高是以为单位,那么作用在该元素上无效,除了文字或者不是以为单位的子元素,而表现则正常。 zoom和transform:scale()都可以用于缩放,...

    muddywaymuddyway 评论0 收藏0
  • 关于BEM的反思

    关于BEM的反思

    摘要:反思在学习爱中,我要表明我对语法的新感受。缩短修饰符长度在中,修饰符类用两个连接符表示。在中,它可能是这样的在的指南中,有一个关于修饰符的部分。对于很多营销网站来说,甚至是完全多余的。我赞扬对外公开它们的内部规范。 反思BEM 在学习爱...

    xbynetxbynet 评论0 收藏0
  • 前端第三方嵌入防污染总结

    前端第三方嵌入防污染总结

    摘要:搞第三方嵌入需要考虑很多问题,比如说页面加载速度页面的污染代码的嵌入位置等。的防污染措施思路主要是从选择器的优先级考虑的。可以考虑使用不常用的标签,这种,尽量降低撞衫的可能性。 搞第三方嵌入需要考虑很多问题,比如说页面加载速度、页面的...

    wua_wua2012wua_wua2012 评论0 收藏0
  • 自制,简易仿京东微信小程序demo

    自制,简易仿京东微信小程序demo

    摘要:学习微信小程序一段时间,自己仿照京东小程序做了几个页面,分享给大家看看源码地址,希望能帮助到有兴趣的同学喜欢可以加星哦其中几个效果图如下介绍一下事先准备的事情前期部署项目命名规范用驼峰法命名中命名用分隔,用接口中数据用分隔文件文件夹命...

    QiuyueZhongQiuyueZhong 评论0 收藏0
  • 网页设计中分栏布局的几种实现方案

    网页设计中分栏布局的几种实现方案

    摘要:在网页设计中,分栏布局是常用的布局手法,一般有两栏布局,三栏布局。这其中又以部分栏固定,部分栏自适应的方式最为常见。下面我们先以常见的三栏布局开始,描述一下常用的几种实现方案。 在网页设计中,分栏布局是常用的布局手法,一般有两栏布局,...

    jk_v1jk_v1 评论0 收藏0
  • 【布局】圣杯布局&双飞翼布局

    【布局】圣杯布局&双飞翼布局

    摘要:差别通俗点讲就是圣杯布局像是,杯子挂上两只耳朵,,所有容量都给了杯身,耳朵只能挂在两侧。双飞翼布局像是,鸟的双翼,,身子是鸟的一大部分,双翼也是身体的一部分。其他布局其他布局方案已经整理到此文中,欢迎大家前往指正整理布局方案 背景 随...

    jonh_felixjonh_felix 评论0 收藏0
  • 自学前端的小白之初次编写form表单的经验与错误总结

    自学前端的小白之初次编写form表单的经验与错误总结

    摘要:对我这个初学前端的小白来讲,在每次编写标签的时候经常把属性省略掉,经了解标签属性和属性是必须有的。五阻止表单提交以及与互换电话这是当表单不符合要求时,阻止提交表单的代码,但写表单的时候难免会用到,所以要把替换成电话提交 学了这么久的前...

    cgh1999520cgh1999520 评论0 收藏0
  • 百度任务10-flex布局

    百度任务10-flex布局

    摘要:代码代码效果图这时候再给添加没有变化。变为变为这时候那两行被绑在了一起,要动都是一起动。忽略第步给加属性结果整个就挨一起去了。给加属性结果结论和作用一样,不过这是纵向的。 html代码: CSS代码 .box{...

    FrozenMapFrozenMap 评论0 收藏0
  • 安利一下自己为 GitHub 开发的首个 Chrome 浏览器集成插件——GayHub?

    安利一下自己为 GitHub 开发的首个 Chrome 浏览器集成插件——GayHub?

    摘要:为了进一步提高阅览体验这个小目标,让大家更方便的畅游,因此诞生了。温馨提示不要打开这种巨无霸的开源,因为从接口拉取所有目录文件名数据都需要几分钟。。。大屏全貌在大屏幕下,会展示所有的内容,在等小屏幕下默认只显示侧边栏目录树,而默认是隐...

    xialongxialong 评论0 收藏0
  • Quantum CSS,一个超快的CSS引擎

    Quantum CSS,一个超快的CSS引擎

    摘要:既然出现了,那怎么办,目前并没听说出现什么新的技术替代它虽然它真的已经很不适合现代的前端了,那么只能开发一个新的引擎提高性能,这就是火狐家的量子引擎又叫。这就是所谓的,火狐前一个引擎所做的那样。 开始 本文翻译自Inside a super fast CSS...

    cjiecjie 评论0 收藏0

热门文章

<