文章库ARTICLE COLUMN

  • 使用 REM 进行布局和适配.

    使用 REM 进行布局和适配.

    摘要:最终统筹一下我们要做的事情让变成和屏幕分辨率一致的宽度根据设备宽度和来指明根元素的值这些操作之后你就可以实现最终的代码了 首先从屏幕开始说起. 屏幕是由一个一个显示单元组成的.1 每一个显示单元都是物理世界真实存在的;2 把一个显示单元的大小...

    shiweifushiweifu 评论0 收藏0
  • 关于angular2.0的i18n国际化的解决方法,分享一下给大家,有错大家指出来互相学习哈。。。

    关于angular2.0的i18n国际化的解决方法,分享一下给大家,有错大家指出来互相学习哈。。。

    摘要:关于的,网上的资料也不多,刚好项目需要用到,就自己去查阅各种资料,自己整理了出来,分享下出来给大家吧。 关于angular2的i18n,网上的资料也不多,刚好项目需要用到,就自己去查阅各种资料,自己整理了出来,分享下出来给大家吧。废话不多说!直接...

    alaegealaege 评论0 收藏0
  • Grunt快速入门

    Grunt快速入门

    摘要:介绍中文主页是一套前端自动化构建工具,一个基于的命令行工具它是一个任务运行器配合其丰富强大的插件常用功能合并文件压缩文件语法检查预编译处理其它安装查看版本创建一个简单的应用构建生成的文件所在的文件夹 Grunt介绍 中文主页 : http://www...

    lookSomeonelookSomeone 评论0 收藏0
  • Webpack快速入门

    Webpack快速入门

    摘要:了解相关什么是是一个模块打包器。配置文件默认是一个模块,返回一个格式的配置信息对象插件插件件可以完成一些不能完成的功能。插件的使用一般是在的配置信息选项中指定。 了解Webpack相关 什么是webpack Webpack是一个模块打包器(bundler)。 在...

    curriedcurried 评论0 收藏0
  • 微信小程序学习    动手撸一个校园网小程序

    微信小程序学习 动手撸一个校园网小程序

    摘要:动手撸一个校园网微信小程序高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一个校园网微信小程序。 动手撸一个校园网微信小程序 高考完毕,想必广大学子和家长们都在忙...

    genefygenefy 评论0 收藏0
  • 浏览器渲染页面过程与页面优化

    浏览器渲染页面过程与页面优化

    摘要:由一道面试题引发的思考从用户输入浏览器输入到页面最后呈现有哪些过程一道很常规的题目,考的是基本网络原理,和浏览器加载,过程。所以抽出时间研究下浏览器渲染页面的过程。 由一道面试题引发的思考: 从用户输入浏览器输入url到页面最后呈现 有哪...

    djfmldjfml 评论0 收藏0
  • HTML CSS 实现鼠标悬停时图片拉近效果

    HTML CSS 实现鼠标悬停时图片拉近效果

    摘要:之前在很多网页上看到了鼠标滑过一个图片链接时图片放大拉近的效果,今天尝试实现一下。使用实现思路设置以图片作为元素的背景,鼠标滑过的时候通过属性放大图片。 前言 为了让网页的使用体验更好,我们会让网页的某些元素对鼠标的动作做出响应。例如...

    chnmagnuschnmagnus 评论0 收藏0
  • 总结个人使用过的移动端布局方法

    总结个人使用过的移动端布局方法

    摘要:而淘宝移动端方案,还根据你的去计算,而且会进行整体的缩放。淘宝的这种方案,比上面的代码会好很多。淘宝的方案,解决了另一个问题边框的问题。 这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个...

    mengera88mengera88 评论0 收藏0
  • 【译】CSS继承、层叠和全局作用域

    【译】CSS继承、层叠和全局作用域

    摘要:相反的,提供了全局作用域和局部作用域。组成界面的分子的样式可以通过元素选择器定位。元素选择器的优先级很低,因此他们不会覆盖任何基于类选择器的样式。使用元素选择器有以下优点避免了的冗长没有冗余的类。 最近学习到CSS的继承属性,正好看到这...

    WilsonLiu95WilsonLiu95 评论0 收藏0
  • 弹性布局实现滑动内容放大,且放大部分不会被隐藏掉

    弹性布局实现滑动内容放大,且放大部分不会被隐藏掉

    ul, li { margin: 0; padding: 0; } div{ width: 500px; height: auto; display:...

    tanglijuntanglijun 评论0 收藏0
  • 我的webpack学习笔记(二)

    我的webpack学习笔记(二)

    前言 上一篇文章我们讲了多页面js的打包,本篇文章我们继续scss的打包。 多页面css多带带打包 首先,我们css编写采用的是sass,所以我们先来安装sass-loader以及可以用到的依赖 $ npm install sass-loader node-sass css-loader style-loader --save-dev ...

    awokezhouawokezhou 评论0 收藏0
  • CSS属性用法总结

    CSS属性用法总结

    摘要:轮廓不被视为页面的一部分,因此在应用它们时不会导致页面布局被调整。 1.background系列属性 在为元素设定样式的时候,往往需要为该元素设置背景,一般有颜色,背景图片等. 1.1 背景颜色 在CSS类中使用background-color属性为元素设置背景颜色: ...

    soasmesoasme 评论0 收藏0
  • 我的es6总结

    我的es6总结

    摘要:补充普通方法是实例化出来的对象,静态方法属于类,亦可以被继承。类的基本定义生成实例构造函数。默认值小王的时候自动执行构造函数。构造函数和实例继承继承上一级,可以调用父类的构造函数。 一. es6编译环境搭建 1 . 初始化 npm 创建package.json...

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • 腾讯前端求职直播课——面试篇

    腾讯前端求职直播课——面试篇

    摘要:主讲人石小勇腾讯高级前端工程师,核心成员之一,现主要负责腾讯兴趣部落的研发设计工作闲聊前端从移动时代开始,前后端分离之后,前端这个岗位才开始慢慢火起来一线城市前端需求量大,但合格前端很少大话面试面试如相亲,为什么这么说五大要素颜王面试...

    gxyzgxyz 评论0 收藏0
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能

    CSS进阶篇--用CSS开启硬件加速来提高网站性能

    摘要:在桌面端和移动端用开启硬件加速以及不会自动开启加速,而是由浏览器的缓慢的软件渲染引擎来执行。例如我们可以用来开启硬件加速。 中文地址:http://www.cnblogs.com/rubylouvre/p/3471490.html 原文地址:http://blog.teamtreehouse.com/increase-yo...

    Yi_Zhi_YuYi_Zhi_Yu 评论0 收藏0
  • 一张图搞定CSS3全部新特性【king】

    一张图搞定CSS3全部新特性【king】

    摘要:最近这张图火了,让我火遍了大江南北,震惊了整个圈一张思维导图搞定全部新特性图片太大,切片上传原图下载地址配套实战视频地址由老师历时一个月,精心收集与整理的全部新特性的素材,包括国外资源辅助工具项目素材实战案例就不一一列举了,好不好看了...

    h9911h9911 评论0 收藏0
  • 设计师的春天:中文WebFont解决方案Font-Spider(字蛛)

    设计师的春天:中文WebFont解决方案Font-Spider(字蛛)

    摘要:针对以上的问题,我们可以得出中文要解决的问题是压缩和转码。主页中文字体演示与工具使用请前往主页项目实践年接到的最后一个项目需求腾讯云解决方案改版。新的腾讯云解决方案采用了全新的排版方式,更加简洁大气。 我们在日常需求中,经常会碰到视觉...

    dreambeidreambei 评论0 收藏0
  • gulp+browser-sync实现前端自动化刷新

    gulp+browser-sync实现前端自动化刷新

    写在前面 安装环境前,默认安装了node环境 会使用基本的命令行操作 步骤 初始化环境 新建一个文件夹 在文件夹打开命令行 npm init 一直回车默认选项就可以啦,也可以自己设置 最后一次回车结束后,会生成一个package.json文件 安装gulp 若是第一次...

    Java3yJava3y 评论0 收藏0
  • CSS3——过渡(transition)

    CSS3——过渡(transition)

    摘要:表示任何属性都不应用过渡,并且可以终止正在执行的过渡。提供两种计算曲线阶梯函数三次贝兹曲线。在插入元素如或改变属性后立即使用过渡元素将视为没有开始状态,始终处于结束状态。过渡取消不会触发该事件。 一、概述 CSS属性的值从一个值变成另一个...

    leejan97leejan97 评论0 收藏0
  • 理解clear:both属性

    理解clear:both属性

    摘要:在前端开发布局中,经常会被这个属性搞晕,尤其是新手的浮动,会使元素向左或向右移动,其周围的元素也会重新排列。元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。浮动元素之前的元素将不会受到影响。导致图片将会浮动在段落的右边。 在...

    MockingBirdMockingBird 评论0 收藏0
  • 实用的 CSS — 动画性能对比

    实用的 CSS — 动画性能对比

    摘要:欢迎移步我的博客阅读实用的动画性能对比前言在现代浏览器中,渲染页面所要负责的线程主要有两个主线程和排版线程。经过上面的实验,我们对属性有了比较好的了解同时我们对上述动画性能也有一个了解。 欢迎移步我的博客阅读:《实用的 CSS — 动画性能...

    jonh_felixjonh_felix 评论0 收藏0
  • jquery的lt选择器里的一些坑

    jquery的lt选择器里的一些坑

    摘要:提供的一些选择器比提供的选择器功能更强大也更灵活,当然也有一些坑,比如选择器。先看选择器的官方定义在选定的所有元素冒号前面选定的元素里,匹配索引值小于给定索引值的元素。举个例子,有这么一段代码一结果一选定的是两个元素,索引值分别是,。...

    gougoujianggougoujiang 评论0 收藏0
  • CSS_JS_Tips

    CSS_JS_Tips

    摘要:所以,无形之后,会增加一个顶层命名空间。导入一个空模块,是一个空对象一个模块就是一个对象。 工作中遇见的CSS问题或JS技巧 rem 计算 rem等比缩放样式 方案1 @media screen and (min-width: 320px) {html{font-size:50px;}} @media screen and (min...

    张春雷张春雷 评论0 收藏0
  • 什么是编程的基本功?

    什么是编程的基本功?

    摘要:正是前人的努力,我们现在的编程才会如此的容易。读懂他人代码算法如果别人是大牛,数学学得很好,很多数学公式,很多递归,如果自己没有一定的数学基础,可能就晕了,这个时候,数学的基本功可能就会在这里发挥作用了。 作者:caoglish原文链接:http...

    bbbbbbbbbbbb 评论0 收藏0
  • vue-cli单页应用改成多页应用配置

    vue-cli单页应用改成多页应用配置

    摘要:地址前言从接触开始用的是直接搭建单页应用,参考配合着开发起来简直爽到吊炸天,但是由于项目越来越复杂了,单页用起来可能有点力不从心,能不能弄成多页面呢,查了相关资料得到的结论是完全可以的,能多页面多入口,并且可以使用组件,还引入,这简 ...

    galaxy_robotgalaxy_robot 评论0 收藏0

热门文章

<