重写input样式

<!DOCTYPE html> <html lang=“en“ dir=“ltr“> <head> <meta charset=“utf-8“> <title></title> <style media=“screen“> body,h1,footer,main,div{ margin: 0; padding: 0;
阅读本文

在CDH上用外部Spark2.2.1安装和配置 CarbonData

在CDH上用外部Spark2.2.1 (hadoop free版本)standalone 模式安装和配置 CarbonData    =====================================================================cdh中外部spark(standalone模式安装)=====================================
阅读本文

web移动端基础

移动基础 / 1-1 移动端介绍 pc端与移动端的不同: 分辨率不同,手机有4.2,4.3,4.7,5.5,5.7,pad9.7等。 手机设备像素对开发的影响:不同分辨率需要兼容,屏幕不同。 css度量单位:pc上主要用px,移动端常用px,rem,vw等。 移动端浏览器分布情况:如何兼容。   移动基础 / 2-1 移动端与PC端的不同(1) w3c标准的支持情况:ca
阅读本文

create-react-app中添加less支持

前言使用 create-react-app 脚手架创建项目后,默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件使用 create-react-app 创建的项目,默认情况下是看不到 webpack 相关的配置文件,我们需要给它暴露出来,使用下面命令即可:npm run eject运行之后,我们发现多了一个config文件夹这样就可以修改 webpack 相关配置
阅读本文

2018阿里前端 - 认真写下阿里的面筋,祝福大家收到满意的offer(前端向)

https://www.nowcoder.com/discuss/102509首先表达一下对阿里面试官的感谢,以及大公司的气魄——没有因为不是科班出身的而否定一个人的能力。每一位面试官都态度十分友好,现场面的时候见到了部门leader,和两位面试官前辈,聊得很愉快。总之感觉阿里er都好nice。然后感谢下不断分享笔经面经的小伙伴,毕竟有些东西需要针对性的准备一下。最后分享一下我的面试过程吧一面(电
阅读本文

2018年各大互联网前端面试题三(阿里)

三月份有很多朋友辞职跳槽,也遇到了许许多多的面试题,在交流群里和网站上总结了一些常见的面试题,细细分析,其实基本都是万变不离其宗,所有的问题都是从某一技术点的基础出发,综合考量,如果懂得了这项技术的原理所在,题目答起来内容都差不多能答对。基础简单介绍一下自己,为什么选择做前端?说下你所在的EPI实验室和CTG工作室是干什么的?介绍下你最近的项目?说出你觉得自己身上最优秀的能力?说出你未来的规划?你
阅读本文

深入浅出的webpack构建工具---PostCss(五)

一:PostCss是什么?  PostCss是一个样式处理工具,它通过自定义的插件和工具生态体系来重新定义css。它鼓励开发者使用规范的css原生语法编写代码,然后配置编译器转换需要兼容的浏览器版本,最后通过编译将源码转换为目标浏览器可用的css代码。它和stylus的不同之处是它可以通过插件机制灵活地扩展其支持的特性,不像stylus的语法是固定的,它的用途非常多,比如css自动加前缀,使用下一
阅读本文

Flex入坑指南

弹性布局flex是一个几年前的CSS属性了,说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :) 之前网上流行的各种XX布局,什么postion: absolute+margin,float+padding,各种都可以使用flex来取代之。 早两年在使用的时候,还是会担心有兼容性问题的,某些手机在使用了auto-prefixer以后依然会出现不兼容的问题。 好在现在已经是
阅读本文

前端面试基础

HTML和css篇1、说下你常用的几种布局方式1.浮动布局float+margin的方式2.百分比布局宽度百分比自适应3.双飞翼布局(改进版).wrap{ padding: 0 200px; position: relative; } .left{ width:200px; height:400px; background:red; position
阅读本文

vue-cli 脚手架中 webpack 配置基础文件详解

一、前言vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压缩,图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要,接下来我将基于webpack3.6.0版本结合文档将文件各个击破,纯干料。二、主体结
阅读本文

2018-05-22 CSS如何居中

CSS Tricks 中关于居中的相关介绍。1、水平居中可以在一个块级别的父元素中水平地居中内联元素,只需:.center-children { text-align: center; }注:这种写法适用于inline, inline-block, inline-table, inline-flex等等。 代码示例: => html代码<header> This text is cente
阅读本文

IFE_part1(task4-6)

今日实践了以下文本相关的所有属性内容: text-indenttext-transformtext-decorationtext-alignword-spacingwhite-spacecolorline-heightfontfont-familyfont-sizefont-weightfont-face所写的HTML如下: <!-- 控制文本缩进 --> <p style=“text
阅读本文

导航栏效果

不可思议的CSS 导航栏 光标下划线跟随 PURE CSS Coco ul { display: flex; position: absolute; width: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%);}li { position: relative; padd
阅读本文

前端跳槽面试技巧(慕课网)笔记二:页面布局

通信:跨域通信;前后端通信安全:xss; 页面布局:写出3种及格,目的是写出更多的解决方法出题意图:考察css 方案:1.浮动2.绝对定位3.flexbox4.table cell5.网格布局 grid 提高及延伸:1.这几种方案的优缺点浮动:优点:兼容性好缺点:脱离文档流,需要处理好和周边元素的关系绝对定位:优点:快捷缺点:布局脱离文档流,导致可使用性太差flex布局:优点:比较完美,为解决上述
阅读本文

webrtc fec

WebRTC::FEC[TOC]Tags: WebRTC FEC WebRTC中的 FEC 实现分为 UlpFEC 和 FlexFECulpfec:rfc 5109FlexFEC还在实现中, 相关标准也还是 RFC草案.详见:FlexFex WebRTC对FEC进行恢复处理的动作对RTCP的统计是透明的. WebRTC对FEC的冗余度计算是动态的, 会根据丢包情况和网络带宽估计(BWE)的结
阅读本文