ITPub博客

1.JavaScript这些日子，开发人员掌握JavaScript总不会错。JavaScript能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能。JavaScript已被证明是当今市场中高度可移植和宝贵的技能。2.了解大数据大数据项目相较于去年继续扩大，而且在这几年里也没有放缓的迹象。开发人员必须有全面的（商业智能）和分析产品，机器学习工具和其他可以转移、存储和汇总大量数据解决方案的知识

别成天拿着什么精力，什么学习说事。先自己想想一个问题，一个1-3年，甚至3-5年的程序员拿着大把的精力加班在干什么？学习老程序员已经学完的？过老程序员已经过完的坑？从0开发老程序员已经写完的项目？完善自己的社会经验？例如美滋滋的吃着老板画的大饼？还是拉不下脸来没完没了的改着甲方永远在变的需求？那所谓的性价比你和老程序员差别在哪？你说一个快40岁的程序员精力不能比，那比比社会经验，项目经验，时间的规

「 Vue很难学吗 」对于我这种从0.x版本就开始体验 vuejs 的人来说，当然不算难，那时候没各种脚手架和复杂搭配，仅仅是一个mvvm的解决方案库而已，解决了jq带来的繁琐操作dom痛点，所以就一直用了。我最早用的是AngularJs，那时候15年也是刚传到国内，踩了很多坑这方面的坑，各种文档、API 和解决方案都不完善，所以知道从新学一个新的概念框架的难处和雷点，最近Vue发展的很

Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为

Chrome 算是程序员的标配了，从全球的市场份额来看，它在全球市场的份额已经超过 60%。在 Chrome 10 周年之际，官方发布了一个系列文章，用图解的方式，很清晰的讲解了现代浏览器的运行原理。渲染器进程涉及到 Web 性能相关的多个方面，由于渲染器进程中处理了很多的逻辑，不是一篇文章可以全面讲解的，因此本文仅作为一个概述。如果你有兴趣深入研究，可以在《Why Performance Mat

越来越常见的问题-现在人们正在使用css网格布局来生产-似乎是“最好的做法是什么？”这个问题的简短答案是使用规范中定义的布局方法。您选择使用的规范的特定部分，以及如何将网格与其他布局方法(如Flexbox)相结合，是针对您正在尝试构建的模式以及您和团队想要如何工作所起作用的。从更深的角度来看，我认为这种对“最佳实践”的要求可能表明人们对使用与以前截然不同的布局方法缺乏信心。也许是因为我们正在使用G

css已经越来越强大了 ，可以使用它来绘制各种简单的形状，用于代替图片显示，这次的分享主要用到画圆，扇形实现圆形<div class="circle"></div> <style> .circle {   border-radius: 50%;   width:&n

CSS 翻转图片主要用到的技术除了3D翻转和定位 ，还用到了一个属性 backface-visibility：visable|hidden;该属性主要是用来设定元素背面是否可见。效果图如下：具体的步骤如下：1、写出页面主体，<div>         <img src="

一般遮罩 background : #000；在body标签的最后加上div标签作为遮罩，如下：<div class="mask"></div>css样式：.mask{     position:fixed;     top   &

盒尺寸重置重置盒子模型，以便width s和height s并没有受到border 还是padding他们的影响 。代码实现：html {   box-sizing: border-box; } *, *::before, *::after {   box-sizing: inherit; }效

所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256256256种颜色。CSS纵有多种颜色表示：十六进制表示法：可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。例如：＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。也可表示为：#RGB，值也必须

css实现动态阴影创建与类似的阴影box-shadow 而是基于元素本身的颜色。代码实现：<div class="dynamic-shadow-parent">   <div class="dynamic-shadow"></div> </div> <st

很多网页的导航条都会有小三角形，其实实现这个功能也挺简单。拿菜鸟教程首页导航做个例子首先写一个大的div_nav，而“首页”“菜鸟笔记”“菜鸟工具”“参考手册”等则作为div包含在div_nav中。div_nav背景色设置为对应的颜色。背景色的设置代码如下：.blue #slatenav ul li a:hover,.blue #slatenav&

那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。下面以高宽 2:1 为例，通过2种方式来实现这种效果。方式一：利用定位实现.wrapper{   position : relative;   background:&nb

在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参考！基础样式：.gradient-text{text-align: left;text-indent:30px;line-height: 50px;font-size:40px;font-weight:

1，效果图2，源码HTML< body >      < div  class = “container” >          < d

一、语法细节记不住怎么办？实际开发的时候，当要使用radial-gradient径向渐变的时候，脑中会有大概的语法，但是细节却记不住，于是想快捷找个案例看看具体怎么用，然后直接套一下。通常一番搜索，会发现虽然是个简单需求，但是正好满足这个需求的页面却不好找，乱糟糟的。下次遇到这种场景，直接来本站搜“径向渐变”，或者直接搜索“渐变”，就有专门展示radial-gradient径向渐变基本语法使用案例

在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名， 手机号码， 出生地。这样我们就要用到 text-align， text-justify样式了。text-align直接设为justify就行了，text-justify的情况就复杂了，可能有人对它还不熟悉。IE的取值如下：auto :允许浏览器用户代理确定使用的两端对齐法则inter-word :通过增加字之间的空格对齐文本。该行为是对齐

这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的事项比较多，让我们一步步来吧。先来一个非常简单的一级菜单与悬停效果。<ul id="menu">   <li>     <a href="h