欧阳呀
欧阳呀

吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）

剑指offer —— 2021字节跳动春招面试题详解（CSS篇）

    • 1. padding 与 margin
    • 2. vw 与 % 有什么区别？
    • 3. 行内元素与块级元素有什么不同？
    • 4. 如何使一个div在body中快速居中对齐？
    • 5. 如何用CSS绘制如下三角形？
    • 6. BFC规范是什么？
    • 7. 怎么让Chrome支持小于12px 的文字？
    • 8. css 加载会造成阻塞吗？
    • 9. 1像素边框问题如何解决？
    • 10. CSS优化、提高性能的方法有哪些？

  • 本文选题都是字节跳动中一些 经典且有一定难度的面试题
  • 含金量杠杠的！，并且会进行深入的讲解，专业讲解分析，包教包会
    吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第1张图片

1. padding 与 margin

  • 请简要描述下 padding 与 margin 有什么不同？

解析： 乍一看，这道题好像很肤浅，很简单：一个是外边距，一个是内边距，这不就是不同之处？
然而，这并不是那么那么简单，正解是：

  • 两者的作用对象不同

    • 外边距作用于周围元素
    • 内边距作用于自身

  • 如图所示：
    吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第2张图片

2. vw 与 % 有什么区别？

  • vw：视口大小，100vw = 全屏，50vw = 半屏（只与屏幕大小有关系）
  • %：百分比大小，有继承关系，继承父级的百分之多少
  • 案例如下：
    在这里插入图片描述
    解析： 两者的父元素此时的宽度是50%（全屏的1/2）
  1. 使用 ”% “单位的会继承父级的宽度，父级为50%，它则为父级的50%（1/4 屏）
  2. 而使用 vw 的元素，不管父级宽度是多少，它只与屏幕宽度挂钩，所以它宽度仍然是1/2屏

3. 行内元素与块级元素有什么不同？

解析： 这个问题看似简单，也是很考验基础的，因为你的答案可能就是这句话：行内元素不换行，块级元素单独占用一行，这是不全面的

  • 行内元素：
    • 不换行
    • 不可以设置大小
    • 大小由内容决定
  • 块级元素
    • 独立成行
    • 可以设置大小
    • 其宽度继承父级宽度

4. 如何使一个div在body中快速居中对齐？

试题代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
            *{
     
                margin: 0;
                padding: 0;
            }
            html,body{
     
                width: 100%;
                height: 100%;
            }
            .con{
     
                width: 500px;
                height: 500px;
                background-color: orange;
            }
        </style>
    </head>
    <body>
        <div class="con">
            <h1>元素</h1>
        </div>
    </body>
</html>

此时此刻，你脑海里肯定浮出了许多答案：

  • 使用定位
  • 计算内外边距
  • 浮动 + 计算边距
  • …

这些答案是对的么？事实上，确实可以实现上面要求的效果，不过请注意审题：如何最快？

面试想要的是最快的，最佳的实现方式，那就必定要用到 flex布局，只需要添加两行代码即可，代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
            *{
     
                margin: 0;
                padding: 0;
            }
            html,body{
     
                width: 100%;
                height: 100%;
            }
            .con{
     
                width: 500px;
                height: 500px;
                background-color: orange;
                /* 此处增加一个外边距：自动 */
                margin: auto;
            }
            /* 此处给body设置为flex布局 */
            body{
     
                display: flex;
            }
        </style>
    </head>
    <body>
        <div class="con">
            <h1>元素</h1>
        </div>
    </body>
</html>

吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第3张图片

5. 如何用CSS绘制如下三角形？

吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第4张图片

  • 直接上代码：
#triangle-up {
     
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}
  • 如果三角形是这样的：
    吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第5张图片
#triangle-down {
     
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
}

6. BFC规范是什么？

  • BFC规定了内部的Block Box如何布局
  1. 内部的Box会在垂直方向上一个接一个放置。
  2. Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。
  3. 每个元素的margin box 的左边，与包含块border box的左边相接触。
  4. BFC的区域不会与float box重叠。
  5. BFC是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
  6. 计算BFC的高度时，浮动元素也会参与计算（这一点挑出来问的）

是不是感觉还是挺费脑子的，休息一分钟，继续往下看

7. 怎么让Chrome支持小于12px 的文字？

  • 我们都知道，谷歌浏览器最小文字是 12px的，那么如何让它更小一点呢？
  • 这里就要用到 transform 中的缩放（scale）
p{
     
	font-size: 12px;
	transform: scale(0.8);
	/* 兼容谷歌的写法 */
	-webkit-transform: scale(0.8);
}

8. css 加载会造成阻塞吗？

解析：

  • 解此题，首先得知道浏览器解析过程
    吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第6张图片
  • 由上图我们可知：
    • DOM 和 CSSOM 通常是并行构建的,所以 CSS 加载不会阻塞 DOM 的解析
    • 然而，由于 Render Tree 是依赖于 DOM Tree 和 CSSOM Tree 的,
      所以他必须等待到 CSSOM Tree 构建完成。
      也就是 CSS 资源加载完成(或者 CSS 资源加载失败)后,才能开始渲染。因此，CSS 加载会阻塞 Dom 的渲染
    • 如果在修改这些元素属性同时渲染界面（即 JavaScript 线程和 UI 线程同时运行），样式表会在后面的 js 执行前先加载执行完毕，所以css 会阻塞后面 js 的执行

9. 1像素边框问题如何解决？

这个问题有多种解决方案，例举几种：

  • 媒体查询利用设备像素比缩放，设置小数像素
.border {
      border: 1px solid #999 }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
     
    .border {
      border: 0.5px solid #999 }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
     
    .border {
      border: 0.333333px solid #999 }
}

缺点： 小数像素目前兼容性较差

  • box-shadow 方案
div {
     
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
}

缺点： 颜色不好控制，也容易存在兼容问题

  • transform: scale(0.5) 推荐使用，此为最佳方案
div {
     
    height:1px;
    background:#000;
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
}

10. CSS优化、提高性能的方法有哪些？

此为开放性问题，以下答到几条即可：

  • 语义化，什么场景用什么样的标签最好（这条必答）
  • 避免过度约束
  • 避免后代选择符
  • 避免链式选择符
  • 使用紧凑的语法
  • 避免不必要的命名空间
  • 避免不必要的重复
  • 避免！important（除非迫不得已）
  • 尽可能的精简规则（可以合并不同类里的重复规则）
  • 创作不易，深夜肝文，如果对大家有帮助，还请大家支持一波~
  • 点赞，关注，收藏走一波，感激不尽！

下一篇将更新字节跳动等大厂的JS面试题，敬请期待…

吊打面试官了解一下？2021年字节跳动春招面试题详解（附详细答案）_第7张图片

你可能感兴趣的:(大厂面试题,前端面试精讲,新星计划,前端面试题,2021,前端面试题,大厂面试题,CSS面试题)

  • 焦点8期初级第十天2021 2.5 田园美景_9ff3
    给自己：今天身体不适，下午坚持去上班了，路上听了老师的音频，时间关系听了一半，今天没力气跳绳，明天一点要继续。加油吧！给老公：吃晚饭老公就和孩子一直在房间里面聊天，真好，很有耐心，爸爸一直很用心，点赞！给孩子，今天我和孩子没机会接触，吃晚饭父女俩就一直聊天在，我听到大部分是女儿在说，很难得，房间里笑呵呵的，真好！
  • 2021-12-07 CalciumoxideCu
    都说红箭头绿箭头是反向指标。实际看下来，大多数时候都是靠谱的。但也不尽然。比如这几天a的红箭头，确定是反向无疑了。昨天创的绿箭头却是坐实了的向下️了。居安思危，思则有备，有备无患。红的倒着看，绿的枕✔着看，多些风控意思✔不是坏事。
  • 议题式教学实操 山中捡石
    议题式教学是活动型学科课程的重要抓手，因此我们要上好议题式教学，打造活动型学科课程成为我们政治教师必备技能之一。今天去学校调研，杨老师讲授个人收入的分配就运用的议题式教学，但实际操作效果不好，主要问题在于老师讲的太多，学生活动少；知识讲解多，学生思考少；议题设计不合理等。这也是今后议题式教学要突破的重点。
  • 拼多多官方返利新动向，高省App引领购物省钱新趋势 古楼
    电商行业的快速发展带来了无数的新趋势和新机遇，而拼多多官方返利的新趋势无疑是其中的一大亮点。高省App作为这一趋势的敏锐洞察者和积极参与者，致力于帮助用户精准把握这些新机遇。通过高省App，用户可以及时了解拼多多官方返利的最新政策和活动信息，从而做出更加明智的购物决策。同时，高省App还提供了专业的数据分析工具，帮助用户分析自己的消费行为和省钱效果，让省钱之路更加清晰和明确。我们在开始讲今天的文章
  • 让文章具备吸引力的方法，离不开结构组合 老街讲写作
    老街讲写作:讲故事，最糟糕的是流水账。从出门前照镜子说起，买煎饼果子如何太辣，坐公车如何太挤……结果，人都走了，你打败小怪兽的高光时刻却还没出来。叙事混乱，大概如此，写到哪是哪，以致好端端的戏剧冲突被糟蹋了。码字和码砖一个道理，心无版图，都是纸糊。近百年前，梁启超就说过：“文章一部分是结构，一部分是修辞。前者名文章结构学，后者名修辞学。”结构代表着行文的全局观。作家以笔当旗，沙场点兵，雄兵百万仍蜿
  • 财富进化之路，永无止境 2020.03.20 超有才华第322次百字悟 超有才华
    猫叔五堂课的最后一次分享，是讲自己的成长历程的谈心。1、多输出《大话西游》唐僧台词很有趣：你想要啊？悟空，你要是想要的话你就说话嘛，虽然你很有诚意地看着我，你不说我怎么知道你想要呢。输出有价值的内容，让别人快速理解并践行才有用。2、多输入米瑟大大讲过：我们无法给别人，我们自己没有的东西。定位冠军战略教练，需要具备多元思维模型和素材，胸无点墨，画不出波澜壮阔。3、卖经验什么成就了你，你用来成就别人，
  • 2021-08-26 项城069吴喜红
    班主任经验培训心得——四个时间花2021年8月26日，我校举行全员班主任素质提升培训，一个半小时的培训干货满满，我收获很多。从徐银鸽校长关于“用心绽放四个时间花”的班级管理经验分享中，我感到自己在班主任工作道路上还在蹒跚学步阶段，要想取得更好的职业幸福感努力提高自己势在必行。这次的学习，印象最深的是徐校长对班级管理中的阶段划分，四个阶段，开学第一天、开学第一周、开学第一月，而后365天......
  • 【甲烷数据集】Sentinel-5P 卫星获取的全球甲烷数据集-TROPOMI L2 CH₄ WW、forever 数据集sentinel
    目录数据概述传感器&卫星信息监测目标：甲烷（CH₄）数据产品内容空间与时间覆盖云筛选与协同观测技术文档资源数据下载Python代码绘制CH4数据参考数据概述Sentinel-5PrecursorLevel2Methane(TROPOMIL2CH₄)数据集是由欧洲哥白尼计划的Sentinel-5P卫星获取的，用于监测大气中的甲烷浓度。数据集名称：Sentinel-5PrecursorLevel2Me
  • 明天的计划 一袋米要抗几楼
    起床7:00吃饭7:10~7:15上学7:16~7:40上课8:05~11:35吃饭11:45~12:30睡觉12:35~1:30上课2:05~5:00上课外班5:20~6:30吃饭6:45~8:30打羽毛球8:35~9:50睡觉10:30~第二天早上7:00
  • 草原的汉子广东妹儿第十八篇 升戈
    夜桥河畔钢镚儿回到家中已是深夜，独自在客厅人形端坐在地上，好似老僧入定一般。兰儿和生哥坐在沙发上看着这个怪胎如此诡异的造型都是满头黑线。试想下，一条成年阿拉斯加犬学和尚打坐在客厅。双目紧闭，张着大嘴，舌头伸的老长呼哧呼哧还喘个不停。口水顺着那条粉红的大舌头一滴一滴有节奏的落在地板上，任谁也淡定不了呀。生哥率先打破寂静对钢镚道:我说蹦爷，您这是要成精还是要飞升，看着有点吓人哟。麻烦您老高升一步，咱回
  • 日子18 || 散记 千禾随笔
    2021年5月15日星期六阴雨这几天天气有点怪，总是感觉要下雨又最终没下，连续两三天之后，昨天一早我快到单位门口刚用手机钉完，就看到又急又猛还有点大的雨点不断落在地面，孕育了几天的雨点就这么扑面而来，还好我带着伞，可以不慌不忙继续走着。沿途发现多数人备了雨伞，少数人就近躲雨，还有赶时间的人儿就干脆用衣服遮挡一下，好在这一阵雨点来的猛去的也快。但昨晚又悄悄来了场大雨，所以今早也不能带糖豆出去溜达。我
  • Microsoft Powerpoint for Mac 2021 中文破解版 (幻灯片演示文稿制作) 1f40c7e94f60
    软件介绍/功能MicrosoftPowerPoint2021forMac破解版是办公必备的软件之一，作为知名的幻灯片演示文稿制作软件，这次的PowerPoint2021破解版改进和新增不少功能，比如@提及功能、墨迹绘制、3D模型插入等，功能更加完善，制作PPT怎么能少的了这款PowerPoint2021破解版，欢迎各位下载PowerPoint2021mac版体验全新功能！软件地址：macdwn.s
  • 花瓶成精，我送大将军破蛮夷(叶萤萤战乾骁)精彩新书推荐——(我用花瓶通古今/叶苜苜战承胤)全文完结版阅读 神书阁
    花瓶成精，我送大将军破蛮夷(叶萤萤战乾骁)精彩新书推荐——(我用花瓶通古今/叶苜苜战承胤)全文完结版阅读主角：叶萤萤战乾骁简介：叶萤萤发现祖传花瓶成精，神奇的能连通两千年前古代。因此她结识一位古代少年将军。将军镇守边塞重城，被蛮族三十万大军包围。天降大旱，河床枯竭，二十万百姓饿死只剩下八万人。走投无路，将军向神明乞求水和食物，希望能让百姓活下去。可以关注微信公众号【火花书楼】去回个书号【245】，
  • 2021-04-19 ok198612
    结婚重要还是挣钱重要我觉得挣钱重要。没有钱，怎么结婚。只有钱才能给对方安全感。结婚以后，要过着柴米油盐酱醋茶的生活。结婚就是责任和担当。人生在世，谁的生活不如意。只有相互理解和包容。将心比心换位思考，家和万事兴
  • 2021年1月15日 星期五 天气阴 亲子日记（771） love_happy
    昨晚和豪宝做了几道必读书目的阅读题，感觉读过的他能记住，没读的就不会，今天考试正好有阅读题，虽然都读过了，但是有些细节的问题，还容易弄混，不确定，趁考试前还有几天的时间，想再略读一遍，顺便练习一下题目，必读书目考察的题目不多，但是也不能大意丢失了分数……今晚豪宝陪妹妹玩扑克，玩弹珠，游戏规则都是豪宝说了算，小柔不会玩，只能听哥哥的，赢的人可以吃一小块糖。一块糖吃过之后，还可以发挥想象，再利用一下，
  • 2021-08-08计划实施第3天 若言千金
    今天主要的任务被打扫卫生所占据了，整理了衣橱，将一些长久不再穿的衣服清理了出去。阅读没有很好的完成，视频也没有看。说实话，到现在为止我并没有对递补完全死心，总觉得还有一线希望，也许这就是我无法安静的去看视频的缘故吧。虽然嘴上说着已经没有希望了，但是心却一直在渴望着。愿希望奇迹发生，如若没有奇迹，那我就努力创造奇迹。今天没有阅读，我会在明天补上。看了《法医秦明》《上游》两部电视剧，对于自己写东西的愿
  • 『Day95星球晨间复盘』 佳霏老师
    一、Do冥想每日计划阅读《活法》瑜伽笔的故事二、Feel冥想专注于呼吸，享受到内心的宁静，冥想完后坐在窗前，感受到外面微风吹来的凉爽，往窗外看到，远处的一棵大树和山忠于职守地站立着三、Think人生的意义是什么？早上在看稻盛和夫先生的《活法》，开篇先生就提出了一个哲学问题：我们的人生意义是什么？人生的目的在哪里？先生的答案是：提升心性，磨练灵魂。为了在死的时候，灵魂比生的时候更纯洁一些，或者说带着
  • 博浪沙的秋天☞玉壶奇缘♥第16集 司马喆嚞
    第七卷总916第16集6886辛丑金牛年农历八月二十二，公元2021年9月28日，星期二。第40周。距离2022年中招仅剩270天。今日格言愿你奋力拼搏，去感受世间百态；愿你内心平静而强大，活得恣意潇洒；愿你在这鲜活而张扬的年纪，坦言不枉此生。献给在前行路上的朋友今天早上，闹钟是在5点响得，大雨仍在下，所以一直等到5点15分才起床的，下楼时己经快5:45分了。走到廊道时，发现八(3)班灯明了，甭去
  • Self-Consistency：跨学科一致性的理论与AI推理的可靠性基石 大千AI助手 人工智能Python#Prompt人工智能机器学习神经网络算法大模型幻觉LLM
    本文综合其在逻辑学、心理学及人工智能领域的核心定义、技术实现与前沿进展来对Self-Consistency（自洽性）进行系统性解析。本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！一、核心定义与跨学科内涵基础概念逻辑学定义：指理论或系统内部逻辑自洽，无矛盾或悖论。例如物理理论中，狭义相对论的速度变换
  • 迁移学习：知识复用的智能迁移引擎 | 从理论到实践的跨域赋能范式 大千AI助手 人工智能Python#OTHER迁移学习人工智能机器学习算法神经网络大模型迁移
    让AI像人类一样“举一反三”的通用学习框架本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！一、核心定义与基本概念迁移学习（TransferLearning）是一种机器学习范式，其核心思想是：将源领域（SourceDomain）学到的知识迁移到目标领域（TargetDomain），以提升目标任务的性能
  • 今天继续完成任务 明天会更好_5e6b
    2021年8月15日农历七月初八星期日今天干了一天活，晚上没加班。今天晚上不加班了，有点小兴奋。下班后可以出去散散步，呼吸下外面的空气。前两天约好新认识的朋友一起吃饭的，晚饭没吃多少，联系了下没收到回复，饭局也泡汤了。今晚上去认识的姐姐那待了一会，和姐姐聊了聊最近出现的情况。姐姐还是那么迷人，对我也挺好的。去了后，先给我倒了一杯茶水，又给了一点零食吃，喝水可以，吃零食就有点不好意思了。
  • LiteCoT：难度感知的推理链压缩与高效蒸馏框架 大千AI助手 人工智能#Prompt#OTHER深度学习人工智能机器学习自然语言处理提示词LiteCoT思维链
    “以智能裁剪对抗冗余，让推理效率与精度兼得”LiteCoT是由香港科技大学（广州）联合独立研究者团队提出的创新方法，旨在解决大模型知识蒸馏中推理链过度冗长和缺乏难度适应性的核心问题。该方法通过难度感知提示（DAP）动态生成精简的推理链，显著提升小模型推理效率与准确性。相关论文发表于arXiv预印本平台（2025年），为当前大模型轻量化部署的前沿方案。本文由「大千AI助手」原创发布，专注用真话讲AI
  • 习近平论不断激发全社会向上向善的正能量 R小橙子
    事实充分证明，社会主义核心价值观、中华优秀传统文化是凝聚人心、汇聚民力的强大力量。只要我们坚定道德追求，不断激发全社会向上向善的正能量，就一定能够为中华民族乘风破浪、阔步前行提供不竭的精神力量！——习近平2021年2月25日在全国脱贫攻坚总结表彰大会上的讲话
  • 清越轩习书【临习灵飞经、石鼓文单字】 清越轩语
    今天听老师讲《黄庭经》，还是学到不少东西的。任何字要写好，绝不是一朝一夕的事，坚持读帖分析学习，坚持不懈地临写，才会渐入佳境，写出属于自己的一片天地来。今天继续临习单字。灵飞经单字“之”“人”“能”，主练捺。石鼓文单字“马齐”，这个生僻字音“ji”，第四声。因不常用，打不出这字来。写圆润些，效果好。路边，美美的花，有谢的时候，留住它的倩影吧，愿这美丽永驻！
  • 日精进16（2021-01-31) 冯彪1994
    短期目标：早睡早起：每日晚上9点躺床上，早上5点起床减肥：从89公斤减肥至75公斤学习：每日吃12个番茄时钟今日评估：1.早睡早起：昨日凌晨3：00睡觉的，早上8点起来吃饭后，又睡了一上午。2.减肥：今日空腹体重87.2KG。今天去公园走了2圈，没做卷腹和平板支撑。3.学习：今天用了一个番茄时钟写日精进。只有减肥比较有成效，早睡早起和学习还是需要继续加强的。
  • 2021-04-28 鹏哥_6828
    这两天早晨都是冷醒的，因为来北京工作这边宿舍没有床垫，只买了被子褥子，可能是因为褥子太薄了也可能是因为我身体素质不好吧。昨天其实一直忍着不和你说话的，但是忍不住的和你说话。你说我说话比以前生硬了，是因为我不想让你听出我对你的思念，我已经把这份感情放在了心里。你说不想结婚，我就陪你一起度过以后的每一天。
  • 全网最全，软件测试-性能测试面试题汇总（附答案） 软件测试雪儿 软件测试面试软件测试面试
    前言面试题：性能测试指标有哪些？分别是什么含义？tps：每秒事务量，代表了系统的处理能力，tps越高，性能越好响应时间：从发出请求到接受到系统响应数据所花费的时间，响应时间越短，性能越好吞吐量：网络上行和下行流量的总和，吞吐量是网络瓶颈定位的重要指标错误率：在压测过程中系统出现错误的比例面试题：什么是集合点，什么场景下需要用集合点？集合点是测试脚本中的一个标记，当每个虚拟用户执行到标记处时，会停留
  • 2021-12-24今年冬天的第一场雪 Wu爱丽丝
    今天早上就开始下雪了，这是今年冬天的第一场雪。对于第一次总有很多的期待，而这一次似乎就没有那么的期待了。因为我对冬天就只有一个感觉，那就是好冷啊。夏天是热的不行，冬天是冻的不行。夏天是热的想哭，冬天是冻的想哭。最近在为自己的头发而苦恼。曾经我有一次也跟着别人去过外地。是住在亲戚家的房子里面，他们家有暖气。所以我就不很冷。但是家里可冷了。荷兰小猪们都围在一起。因为它俩好冷啊。今天我观察到了一个雪花是
  • 2021-10-27 她雨
    两点一线的生活，单位—家，就是这样，多余的地方不去，一下班就想回到自己的王国，或勤奋，或慵懒，或无赖，或悠闲，喜欢这样的节奏。家里人时不时的电话说：你下班就不能去约会，别人约你你就去见，你看一下自己的年纪，再看看周围的人，像你这个年纪，孩子都上小学，不是催你，是你的年纪！是啊，又是年纪，都是为了我好，我知道，可是生活我想选择自己舒适的方式去过！家里的电话：不是我想说啥，你条件不要定太高，你看看我们
  • 日更第11篇：你想幸福吗？ 演讲教练兵哥
    最近在做公益演讲社群分享，发现有很多小伙伴对演讲认识不足，以为只有站在舞台上讲很久才叫演讲，或者参加比赛才叫演讲，其实不然，而演讲能力的好坏直接影响我们的人生幸福指数，你认同吗？可能你会质疑，有毛关系啊，且听我逐一分解！演讲其实很简单，就分为两个部分，一个是演，一个是讲。演呢，你觉得自己是演员不？觉得自己是演员的，在内心打666，不是的打999。哈哈，说自己不是演员的，说明你没打算在这个世界上好好
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他