文章库ARTICLE COLUMN

  • 使用 Flexbox 实现一个网格系统

    使用 Flexbox 实现一个网格系统

    摘要:一行的元素平分整行宽度最重要的一点是给这一行的父元素的直接子元素设置。指定元素占据一定的宽度这里我们按照常用的列网格系统来计算。第二点是给了一个辅助类。添加类,前后两个元素就占据本来的宽度,而中间那个元素就会占据剩余的宽度。 1. 一行...

    seasonleyseasonley 评论0 收藏0
  • 微信公众号开发通用任务清单

    微信公众号开发通用任务清单

    1、appid获得登录微信公众号后台,开发者一般不是公众号的管理员所以登录的时候需要管理员扫码确认,不过现在可以把二维码发给微信管理员即可 2、appsecret登录公众号后台之后,appsecret每次都会变化,并且不会保存,这个时候需要管理员扫码,真正的扫码,...

    Java3yJava3y 评论0 收藏0
  • 任务清单丨小程序java云服务器配置123

    任务清单丨小程序java云服务器配置123

    摘要:以阿里云服务器为案例,后台使用及相关技术,其他方案基本类同账户购置云服务器的时候,直接设置好密码,当然也可以使用密匙远程开通有了这个神器就可以远程命令行下执行任务挂载数据盘前期不用买太大,根据业务发展需要自行扩容,需要自己去挂载安装和...

    AlexTuanAlexTuan 评论0 收藏0
  • 初识canvas

    初识canvas

    摘要:使用标签来绘制图形或动画需要掌握一些基本的和知识,通过的和了解绘图的原理即可。通过不断的擦出和重绘,就会出现动作效果,通过加快速度不被人眼识破。清除画布通过方法来为元素得到对象。 HTML5 也出来一段时间了,带来了一些新的技术标准,例如 H...

    AmioAmio 评论0 收藏0
  • Flex布局

    Flex布局

    摘要:如图默认情况下,项目都排在一条线又称轴线上。比如实现如图布局代码代码即为可选,加边框保证例子效果百分比布局某个网格宽度为固定百分比布局,其余网格平均分配剩余空间。如图代码代码圣杯布局圣杯布局指的是一种最常见的网站布局。 本文最早发布在...

    khlbatkhlbat 评论0 收藏0
  • javascript新手实例1-DOM基本操作

    javascript新手实例1-DOM基本操作

    摘要:学习好多同学不知道怎么上手,跟着网上的新手教程做了一遍又觉得很简单,但是真正自己用起来又觉得写不出什么东西,我觉得学习最好的方法就是跟着有趣的例子做所以我们的口号是每天一例,轻松今天给大家带来第一个例子,简单操作,效果先看下图代码设置...

    phoenixskyphoenixsky 评论0 收藏0
  • 前端性能优化常用总结

    前端性能优化常用总结

    摘要:前言对于前端的性能话题,从来都没有断绝过。作为一个前端开发者,性能是我们关注的指标。前端发展以来,优化方式,琳琅满目,有雅虎军规等。所以,接下来我会从三个方面就前端性能进行总结网络方面操作及渲染方面数据方面。 前言 对于前端的性能话题...

    oliverhuangoliverhuang 评论0 收藏0
  • 网站优化之路---图片优化,图片从模糊到清晰

    网站优化之路---图片优化,图片从模糊到清晰

    摘要:到图片完全出来时候显示大图,同时模糊到清晰当然了,如果想要更好的效果,要配合图片懒加载,就是当滚轮滚动到特定位置在加载图片,这篇文章重点是将第二种解决方案,图片从模糊到清晰,废话不多说,上代码图片从模糊到清晰部分部分部分 前言 作为一...

    stackvoidstackvoid 评论0 收藏0
  • WebRender:让网页渲染如丝顺滑

    WebRender:让网页渲染如丝顺滑

    摘要:让网页渲染如丝顺滑本文转载自众成翻译译者文蔺链接原文发布在即。另一部分是绘制与合成,这正是渲染器的工作。两帧之间的时间被称为帧预算。因此要确保在显示器再次检查前将所有像素放入帧缓冲区。将页面分成图层,拓展了最佳情形数量。 WebRender:...

    zorrozorro 评论0 收藏0
  • CSS布局

    CSS布局

    摘要:圣杯布局圣杯布局和双飞翼布局都是为了解决两边定宽,中间自适应的三栏布局,中间栏在最前面优先渲染,多见于商城类网站布局。双飞翼布局不用设置相对布局,以及对应的和值。 合理的布局是产品的基础,可以使人感觉整齐大方,提升用户体验。掌握几种常...

    kviccnkviccn 评论0 收藏0
  • javascript新手实例2-CSS操作

    javascript新手实例2-CSS操作

    摘要:他背后的故事,令人动容只是逗你玩为何小程序目前难以取代微信小程序也已经推出了一段时间了,在小程序面世伊始,有观点认为它能够取代手机,给用户带来更清爽的体验。 周末快乐,今天给大家一个经常会用的例子,TAB切换,TAB的原理就是用js来控制不同...

    ormsformsf 评论0 收藏0
  • 基于angular4+ng-bootstrap+bootstrap+scss的后台管理系统界面

    基于angular4+ng-bootstrap+bootstrap+scss的后台管理系统界面

    摘要:描述在刚才发布的不久,很多人不懂得怎么应用,直到现在也很多人不懂怎么用,于是我在余业时间做了这么一个后台管理系统页面,希望对大家有帮助从我个人的感觉来说,语法很舒服,上手起来也比较快可能是因为我有方面的经验吧,但同这些的思想有所不同,...

    spacewanderspacewander 评论0 收藏0
  • 关于IT培训机构的个人看法

    关于IT培训机构的个人看法

    摘要:前言缘分与巧合,最近接触比较多的培训机构出来的人,以及看过关于培训机构的文章和问答。大部分都对培训机构很反感,其中还包括一些从培训机构出来的人。造成这样的情况,培训机构的功劳无疑是最大的。 1.前言 缘分与巧合,最近接触比较多的培训机构...

    ForelaxForelax 评论0 收藏0
  • iKcamp出品|微信小程序|工具安装+目录说明|基于最新版1.0开发者工具初中级教程分享

    iKcamp出品|微信小程序|工具安装+目录说明|基于最新版1.0开发者工具初中级教程分享

    摘要:官网访问官网更快阅读全部免费分享课程出品全网最新微信小程序基于最新版开发者工具之初中级培训教程分享。微信平台说明文档小程序的全局配置文件,比如设置小程序有哪几个页面组成目前是和窗口表现背景色等设置网络超时时间设置导航条样式等背景色。 ...

    derek_334892derek_334892 评论0 收藏0
  • 《算法》第一章学习笔记js实现

    《算法》第一章学习笔记js实现

    摘要:算法第一章学习笔记实现更多内容目标总结本书主要内容,相应算法使用来模仿实现在计算机科学领域,我们用算法这个词来描述一种有限确定有效的并适合用计算机程序来实现的解决问题的方法。 《算法》第一章学习笔记js实现 更多内容 目标:总结本书主要内...

    baishancloudbaishancloud 评论0 收藏0
  • CSS基础篇--CSS3 calc实现滚动条出现页面不跳动

    CSS基础篇--CSS3 calc实现滚动条出现页面不跳动

    摘要:不过最大的好处就是用在流体布局上,可以通过计算得到元素的宽度。于是,就是浏览器滚动条的宽度大小如果有,如果没有滚动条则是左右都有一个滚动条宽度或都是被占用,主体内容就可以永远居中浏览器啦,从而没有任何跳动参考的使用 什么是calc()? calc...

    894974231894974231 评论0 收藏0
  • 轮播图fade

    轮播图fade

    摘要:获取元素对象创建导航按钮样式初始化初始展示位置按钮点击动作图像动画淡入淡出 .carousel { width: 100%; height: 420px; padding: 0px; margin: 0 auto; position: relative; &:hover{ .carousel-btn-directio...

    freecodefreecode 评论0 收藏0
  • 基于html2canvas实现网页保存为图片及图片清晰度优化

    基于html2canvas实现网页保存为图片及图片清晰度优化

    摘要:本次技术调研来源于项目中的一个重要功能需求实现微信长按网页保存为截图。小结是目前实现网页保存为图片功能的综合最佳选择。 本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图。 这里有个栗子(请用微信打开,长按图片即...

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • 我想看看目录展示

    我想看看目录展示

    摘要:我在测试目录呢文件建议使用两个空格的软标签不推荐使用制表符尾部不要包含空格建议单行不要超过个字符的宽度在资源的属性中通过符号进行属性对齐。 1 我在测试目录呢 *.pp文件 建议使用两个空格的软标签. 不推荐使用制表符. 尾部不要包含空格. 建议单...

    jerryjerry 评论0 收藏0
  • $(document).click() 在iphone上不触发事件解决办法

    $(document).click() 在iphone上不触发事件解决办法

    摘要:点我以上代码在电脑浏览器和安卓上都能触发事件,但是在上却完全没有反应查阅了很多信息后,说是这些元素上没有事件,它是事件,就是说如果这个标签是的可事件则是可以触发的,因为本身默认不可点击有一个解决方法是给这个元素添加这样是可以解决的但是...

    liangzai_coolliangzai_cool 评论0 收藏0
  • 移动前端适配—逻辑像素和物理像素

    移动前端适配—逻辑像素和物理像素

    摘要:物理像素移动设备出厂时,就具备的分辨率,小米逻辑像素当你在设置了,那么页面就会以移动设备的作为逻辑像素。但是的逻辑像素只是小米的,不同手机之间存在差异性,为了让所有手机上面的图片较为正常的显示,那么应该选取一个物理像素较高的图片。 基...

    mo0n1andinmo0n1andin 评论0 收藏0
  • 纯CSS实现文字超过n行后省略功能

    纯CSS实现文字超过n行后省略功能

    摘要:在切图阶段,经常会遇到,设计稿要求超出行后剩余文字省略,并用代替的需求。滟滟随波千万里,何处春江无月明多行文字限制字数,并将多出字符用代替春江潮水连海平,海上明月共潮生。 在切图阶段,经常会遇到,设计稿要求超出n行后剩余文字省略,并用....

    yeyan1996yeyan1996 评论0 收藏0
  • 写一个90分的list组件

    写一个90分的list组件

    摘要:在切图中,有时会遇到设计师关键几点在于文字时前方点同时亮每个下方风格的分隔线每行文字前的点,大小可配置,颜色可配置多行文本时,点要固定在第一行的前面的可和点击区域不能太大源码链接实际效果还有一些不完善的地方,期待有更好的灵感。 在切图...

    SolomonXieSolomonXie 评论0 收藏0
  • 让CSS更完美: PostCSS-modules

    让CSS更完美: PostCSS-modules

    摘要:起初只是一个美化文档的工具,但是事情到年发生了变化。对于来说,这意味着有问题的布局。和朝夕相伴的有和最终确定的。他们通过增加前缀的办法,解决了命名冲突的问题。长长的前缀将成为历史,欢迎来到未来的世界。 译者注(GeoffZhu): 这篇适合一些...

    Barry_NgBarry_Ng 评论0 收藏0
  • 小而合理的前端理论:rscss和rsjs

    小而合理的前端理论:rscss和rsjs

    摘要:对命名方式的解释推荐的短横线作为前缀的名可能会让你有一点惊讶,可以这样写的吗答案是的确可以,而且搭配得还相当巧妙。如果是多个组件使用的数据,可以使用里的标签。所有第三方库的代码可以集中到一个类似的文件,并和站点本身的代码各自独立。 在...

    amuqiaoamuqiao 评论0 收藏0

热门文章

<