Della乐多
Della乐多

web前端面试题合辑（二）

CSS

  • 介绍下标准的盒模型？低版本IE的盒子模型有什么不同？（必考）
    1. 有两种，IE盒模型、W3C标准盒模型
    2. 盒模型：内容（content）、填充（padding）、边界（margin）、边框（padding）
    3. 区别：IE的content部分把border和padding计算了进去
  • CSS选择符有哪些？哪些属性可以继承？
  1. id选择器（ # myid）
  2. 类选择器（.myclassname）
  3. 标签选择器（div, h1, p）
  4. 相邻选择器（h1 + p）
  5. 子选择器（ul > li）
  6. 后代选择器（li a）
  7. 通配符选择器（ * ）
  8. 属性选择器（a[rel = “external”]）
  9. 伪类选择器（a:hover, li:nth-child）
  • 可继承的样式： font-size font-family color, UL LI DL DD DT;
  • 不可继承的样式：border padding margin width height ;

  • css定义的权重

    • 标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值：
       /*权重为1*/
 div{
  }
  /*权重为10*/
  .class1{
  }
  /*权重为100*/
  #id1{
  }
  /*权重为100+1=101*/
  #id1 div{
  }
  /*权重为10+1=11*/
  .class1 div{
  }
  /*权重为10+10+1=21*/
  .class1 .class2 div{
  }/*如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现*/

  • CSS优先级算法如何计算？

    1. 同权重: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
    2. !important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
    3. important 比 内联优先级高

  • 如何垂直水平居中？

    • 已知宽高：

      • position=absolute,lrtb=0,margin=auto,包含块一定的是容器。（绝对定位盒模型的特性）

        left+right+w+p+m = 包含块的宽度
        top+bottom+h+p+m = 包含块的高度

      • position=absolute,lt=50%,marginT/L为负的自身的一半//包含块一定的是容器

    • 未知宽高
      • position=absolute,lt=50%,transform:tranlate3d(-50%,-50%,0)//包含块一定得是容器
      • flex: display: flex; justify-content: center;align-items: center;

  • CSS3有哪些新特性？

    • 新增各种css选择器
    • 文本新增样式 （怎么溢出显示省略号）
      .ellips{
	white-space:no-wrap;/*不换行*/
	overflow:hidden; /*超过部分隐藏*/
	text-overflow:ellipsis; /*省略号显示溢出*/
	}
    • 盒模型新增样式
      1. 阴影 box-shadow/text-shadow
      2. 倒影（webkit内核 文字描边 背景镂空）-webkit-box-reflect
    • box-sizing
      • 值： content-box 默认值，标准盒子模型
      • 值： border-box：代表元素上设置的width和height表示的是border-box尺寸
    • 圆角(border-radius)
    • 多列布局 （multi-column layout）
    • 过渡(transition)、2D变换（transform 补间动画）、keyframe （关键帧动画）、animation(逐帧动画)

    Animation和transition大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是transition需要触发一个事件才能改变属性，而animation不需要触发任何事件的情况下会随时间改变属性值，并且transition为2帧，从from .... to，而animation可以一帧一帧的。

  • 请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？

    一个用于页面布局的全新CSS3功能，Flexbox可以把列表放在同一个方向（从上到下排列，从左到右），并让列表能延伸到占用可用的空间。较为复杂的布局还可以通过嵌套一个伸缩容器（flex container）来实现。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。常规布局是基于块和内联流方向，而Flex布局是基于flex-flow流可以很方便的用来做局中，能对不同屏幕大小自适应。在布局上有了比以前更加灵活的空间。

  • 用纯CSS创建一个三角形的原理是什么？

    /*把上、左、右三条边隐藏掉（颜色设为 transparent）*/
#wrap .sjx {
  width: 0px;
  height: 0px;
  overflow: hidden;/*开启IE底下的BFC*/
  border-width: 40px;
  border-style: dashed  dashed dashed solid; /*由于transparent属性在IE6中不支持*/
  border-color: transparent transparent transparent #ccc;
 /*border-color: red green yellow #ccc;*/
}

  • 实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。

  • 像素问题（画一条0.5px的线）

    • image背景：css3的background-image:linear-gradient，缺点就是：样式多，遇到圆角这个方案就杯剧了;
    • 伪类缩放：现在用的比较多的方式之一 :after 1px然后transform: scale(0.5);基本能满足所有场景，对于圆角的处理也

  • 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？

    • png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.
    • 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。
    • IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。
    • 首先，巧妙的使用“\9”这一标记，将IE浏览器从所有情况中分离出来。接着，再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。
      /*css*/
 .bb{
     background-color:red;/*所有识别*/
     background-color:#00deff\9; /*IE6、7、8识别*/
     +background-color:#a200ff;/*IE6、7识别*/
     _background-color:#1e0bd1;/*IE6识别*/
 }

  • li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

    • 行框的排列会受到中间空白（回车\空格）等的影响，因为空格也属于字符,这些空白也会被应用样式，占据空间，所以会有间隔，把字符大小(font-size)设为0，就没有空格了。

  • 为什么要初始化CSS样式? css reset 和 normalize.css 有什么区别

    • 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
    • reset 的目的，是将所有的浏览器的自带样式重置掉，这样更易于保持各浏览器渲染的一致性;
      normalize 的理念则是尽量保留浏览器的默认样式，不进行太多的重置。

  • 请解释一下为什么需要清除浮动？清除浮动的方式

    • 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。

    • 父级div定义height；

    • 父级div 也一起浮动；

    • 常规的使用一个class；

      .clearfix::before, 
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

    • SASS编译的时候，浮动元素的父级div定义伪类:after

      &::after,
&::before{
 content: " ";
 visibility: hidden;
 display: block;
 height: 0;
 clear: both;
}

      解析原理：
      1) display:block 使生成的元素以块级元素显示,占满剩余空间;
      2) height:0 避免生成内容破坏原有布局的高度。
      3) visibility:hidden 使生成的内容不可见，并允许可能被生成内容盖住的内容可以进行点击和交互;
      4）通过 content:".“生成内容作为最后一个元素，至于content里面是点还是其他都是可以的，例如oocss里面就有经典的 content:”.",有些版本可能content 里面内容为空,一丝冰凉是不推荐这样做的,firefox直到7.0 content:”" 仍然会产生额外的空隙；
      5）zoom：1 触发IE hasLayout。
      通过分析发现，除了clear：both用来闭合浮动的，其他代码无非都是为了隐藏掉content生成的内容，这也就是其他版本的闭合浮动为什么会有font-size：0，line-height：0。

  • 什么是外边距合并？

    • 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

  • 浏览器是怎样解析CSS选择器的？

    • 样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。
      只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。

  • 在网页中的应该使用奇数还是偶数的字体？为什么呢？

    • 应该用偶数的字体。

    1. 比例关系

      相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例关系。

    2. 浏览器缘故

      其一是低版本ie6会把奇数字体强制转化为偶数，即13px渲染为14px
      其二是为了平分字体。偶数宽的汉字，如12px的汉字，去掉1像素的字体间距，填充了的字体像素宽度其实就是11px，这样的汉字中竖线左右是平分的，如“中”子，左右就是5px了。

    3. 系统差别

      Windows自带的点阵宋体（中易宋体）从Vista开始只提供了12,14,16px这三个大小的点阵，而13,15,17px时用的是小一号的点阵（即每个字占的空间大了1px,但点阵没变），于是略显稀疏。
      而在Linux和其他手持设备上，奇数偶数的渲染效果其实相差不大

  • 元素竖向的百分比设定是相对于容器的高度吗？

不是，而是宽度。对于一些表示竖向距离的属性，例如padding-top,padding-bottom,margin-top,margin-bottom等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度。

  • 抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
    先看视觉稿，把可复用的组件找出来。然后把命名和结构确定下来。
  • 全屏滚动的原理是什么？用到了CSS的那些属性？
  1. 原理：方法一是整体的元素一直排列下去，假设有5个需要展示的全屏页面，那么高度是500%
    ，只是展示100%，剩下的可以通过transform进行y轴定位，也可以通过margin-top实现
  2. overflow：hidden；transition：all 1000ms ease；

  • 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？

    • （1）响应式网站设计（Responsive Web design）的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。
    • （2）基本原理：媒体查询 @media
    • （3）兼容IE可以使用JS辅助一下来解决

  • 视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）

    • 视差滚动（Parallax Scrolling）就是这样的效果之一。这种技术通过在网页向下滚动的时候，控 制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。
    • 原理：

    （1）CSS3实现
    - 优点：开发时间短、性能和开发效率比较好，缺点是不能兼容到低版本的浏览器
    （2）jquery实现
    - 通过控制不同层滚动速度，计算每一层的时间，控制滚动效果。
    - 优点：能兼容到各个版本的，效果可控性好
    - 缺点：开发起来对制作者要求高
    （3）插件实现方式
    - 例如：parallax-scrolling，兼容性十分好

  • ::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。

    • 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）
    • 双冒号是在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，
    • 比如:first-line、:first-letter、:before、:after等， 而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

想让插入的内容出现在其它内容前，使用::before，否者，使用::after；在代码顺序上，::after生成的内容也比::before生成的内容靠后。如果按堆栈视角，::after生成的内容会在::before生成的内容之上

  • 使元素消失的方法
    1. 隐藏&不占据空间&不会被渲染，辅助设备无法访问

你可能感兴趣的:(基础干货,html/css)

  • Spring Security架构中过滤器的实现 面朝大海，春不暖，花不开 SpringSecurityJavaSpringBootSpringSecurity
    SpringSecurity过滤器基础过滤器链工作原理在SpringSecurity架构中，过滤器链（FilterChain）是安全机制的核心实现方式。当HTTP请求到达时，会依次通过一系列具有明确顺序的过滤器。例如认证过滤器会拦截请求并将认证职责委托给授权管理器。若需要在认证前执行特定逻辑，只需在认证过滤器之前插入自定义过滤器即可。SpringSecurity的过滤器属于典型的HTTP过滤器，通
  • os.path.join坑的记录 半步江南
    importrequestsimportosfromos.pathimportjointar=r"\219\1.html"root=os.getcwd()print(root)file_path=join(str(root),str(tar))print(file_path)输出为D:\workdir\py-dir\crapt_web_siteD:\219\1.html与需要的D:\workdir
  • 函数调用栈回溯机制详解 硬核科技 嵌入式单片机开发实战嵌入式嵌入式硬件软件单片机
    函数调用回溯Backtrace是现代软件系统调试中的关键技术之一，尤其在嵌入式开发和Linux平台调试中更显重要。它提供了程序在运行或崩溃时的函数调用路径，有助于快速定位错误源。一、函数调用栈与Backtrace的理论基础1.1什么是函数调用栈？函数调用栈（CallStack）是一种由编译器和运行时系统共同维护的后进先出（LIFO）数据结构。每次函数调用时，当前函数的返回地址、局部变量、保存的寄存
  • 2023-10-14 Smile_d8f1
    张敏的工作日志10.13一周又过去了，感觉很充实，每天忙着，读着书，练着字，想着怎么教好孩子，怎么帮孩子在已有的基础上提升。课堂上，面对注意力不集中，面对有小动作的孩子，总是时不时的叮嘱几句。月考成绩出来了。面对讲了很多遍的题目，还是部分同学出现错误。孩子们是在不断订正，不断改正，不断纠正中成长。给孩子一次机会，让他们慢慢适应，并改正，相信他们都是优秀的孩子。
  • List和Map的区别 雪碧聊技术 Java八股文list数据结构
    欢迎来到我的Java八股文专栏！各位程序员小伙伴们好呀~我是雪碧聊技术，很高兴能在CSDN与大家相遇！✨专栏介绍这个专栏将专注于分享Java面试中的经典"八股文"知识点，内容涵盖：Java基础核心概念JVM原理与性能调优多线程与并发编程️设计模式实战️常用框架源码解析⚙️系统架构设计思想为什么选择这个专栏？精准定位：直击大厂Java面试高频考点系统全面：从基础到进阶，构建完整知识体系实战导向：理论
  • 最好的返利app是哪一个？网购返利app哪个好？ 优惠券高省
    高省app是杭州长孚科技有限公司旗下的一款电商导购应用，为用户打造一个电商购物优惠平台，用户可以在这个App中领取主流商城的商品隐藏优惠券以及获得返利。【高省】分会员和运营商，会员定位是自用的，而运营商是针对推广者的。另外还有一个城市合伙人，这个是在高级运营商的基础上，多了同城本地CPS的一些收益，而且无论粉丝是不是自己下面，城市合伙人都可以获得相应收益。其中运营商分为三个级别：1、团长2、运营商
  • 分布式锁特点、以及用python3实现redis分布式锁 数据知道 python3案例和总结分布式redis数据库python
    更多内容请见：python3案例和总结-专栏介绍和目录文章目录一、Redis分布式锁核心原理1.1Redis锁机制1.2锁释放二、基础实现代码2.1使用`redis-py`客户端2.2分布式锁类三、使用示例3.1基础锁操作3.2装饰器模式四、高级特性实现4.1Redlock算法（高可用方案）五、生产环境最佳实践5.1锁粒度控制5.2异常处理5.3监控与调试5.4重试机制六、测试代码6.1并发测试6
  • LabVIEW VI Server导出功能
    LabVIEW中借助VIServer实现导出VI的配置、执行与交互流程，覆盖服务端配置（含权限管理、设置还原）、客户端调用等核心环节，验证跨VI交互与远程调用逻辑，为分布式应用提供基础实现方案。功能说明1.服务端配置（supportExportingVIs-Server.vi关联逻辑）功能：开放本地VIServer服务（基于TCP/IP端口3363），将正弦波（Helper-Export-Sine
  • 领域驱动设计精要 我是廖志伟 Java场景面试宝典DDDDomain-DrivenDesignSoftwareArchitecture
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）、《解密程序员的思维密码——沟通、演讲、思考的实践》作者、清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队
  • DDD核心知识解析 我是廖志伟 Java场景面试宝典DDDSoftwareDesignBusinessLogic
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）、《解密程序员的思维密码——沟通、演讲、思考的实践》作者、清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队
  • ShardingSphere核心机制解析 我是廖志伟 Java场景面试宝典DatabaseMiddlewareDistributedDatabaseShardingSphere
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）、《解密程序员的思维密码——沟通、演讲、思考的实践》作者、清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队
  • JVM与Spring Boot核心解析 我是廖志伟 Java场景面试宝典JavaJVMSpringBoot
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • 领域驱动设计（DDD）实践解析
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • Spring框架核心技术解析
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • 领域驱动设计实践解析 我是廖志伟 Java场景面试宝典DDDDomain-DrivenDesignStrategicDesign
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • Spring MVC 框架解析 我是廖志伟 Java场景面试宝典SpringMVCWebDevelopmentFrameworks
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • Spring MVC 架构解析 我是廖志伟 Java场景面试宝典SpringMVCJavaWebFrameworkArchitecture
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • XSS Payload 学习浏览器解码 菜鸟一个昂 servlet
    目录问题一：问题二：问题三：问题四：问题五：问题六：问题七：问题八：问题九：问题十：问题十一：问题十二：问题十三：问题十四：问题十五：问题一：无法弹窗原因：urlcode无法识别协议（javascript:）html解码顺序：1、html实体编码2、urlcode编码3,unicode编码问题二：可以弹窗首先先HTML实体编码解码，得到href中为URL，URL模块可识别为javascript协议
  • 浏览器解码过程分析
    浏览器解码过程分析前言在学习xss漏洞的过程中我发现一个问题，当我想绕过过滤机制时，可以采用编码的方式进行绕过这种方法，但是并不是每一种编码格式都能绕过，需要不停的尝试才行，这样过于浪费时间。后来我发现浏览器与服务器数据传输过程中有好几种编码格式，不同的编码格式有着不同的解析引擎，作为一个浏览器，在解析一篇HTML文档时主要有三个处理过程：HTML解析，URL解析和JavaScript解析。每个解
  • 浅学——心理学基础 Ciudadnatal
    心理学基础三大思维模式1.从直觉思维到理性思维。三只猴子的实验，人类的传统延续有相通之处，一方面我们为了生存，我们头脑你保存了无数规则和思维方式。另一方面，我们很少去探究每一条规则背后的逻辑和适用情景。学习心理学的最重要的目的之一，就是让我们学会对传统、对权威、对惯例保持疑问，学会刨根问底地去追问为什么。2.从自我中心思维到开放思维。由于大脑不完备的进化和发育，给我们带来的自我为中心的思维模式。指
  • 从XSS Payload学习浏览器解码 caker丶 XSS-labsXSSxss学习javascript
    从XSSPayload学习浏览器解码HTML解析URL解析JavaScript解析案例解析总结作为一个浏览器在解析一篇HTML文档时主要有三个处理过程，每个解析器负责解码和解析HTML文档中它所对应的部分，下面我将按照解码顺序依次讲解。HTMl解析URL解析JavaScript解析HTML解析一个HTML解析器作为一个状态机，它从输入流中获取字符并按照转换规则转换到另一种状态。在解析过程中，任何时
  • 原型链污染 江湖没什么好的 xss
    原型链污染（PrototypePollution）是一种针对JavaScript应用的安全漏洞，攻击者通过操纵对象的原型链，向基础对象（如Object.prototype）注入恶意属性，从而影响整个应用程序的行为。以下是详细解析：核心原理JavaScript原型链机制：每个对象都有隐式原型__proto__（或通过Object.getPrototypeOf()访问），指向其构造函数的原型对象。访问
  • 配音必学的伪音，到底怎么练？零基础配音学习教程 配音新手圈
    声优都是伪音大佬！相信大家都听过这句话吧！而伪音，也就是“伪装的声音”比如美女伪装出正太音，大叔伪装出萝莉音！可以说伪音是优秀配音演员的必备技能！那伪音究竟怎么练习呢？一起来看看吧！不同音色发音特点01、萝莉音音调较高，鼻音较重，嗓子较尖细，可以糅合一些港台腔02、少女音说话的语气充满活力，整体语调上扬，咬字发音很清脆03、正太音音调拉高，嗓子压低，在少女音的基础上加上刚硬、活力的感觉04、御姐音
  • Windows 环境下 Nginx 的安装与高级配置指南
    目录第一章：Windows平台Nginx概述1.1Windows版Nginx特点1.2适用场景分析第二章：Nginx安装与配置2.1下载与安装2.2目录结构说明2.3注册为系统服务（可选）第三章：基础配置与优化3.1主配置文件优化(conf/nginx.conf)3.2虚拟主机配置示例第四章：性能优化策略4.1Windows特有优化参数4.2不同配置性能对比4.3系统参数调整第五章：安全配置5.1
  • Python星球日记 - 第8天：函数基础 Code_流苏 Python星球日记python函数def关键字函数参数返回值
    引言：上一篇：Python星球日记-第7天：字典与集合名人说：路漫漫其修远兮，吾将上下而求索。——屈原《离骚》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder）目录一、函数的定义与调用1.什么是函数？2.如何定义函数-`def`关键字3.函数调用方式二、参数与返回值1.函数参数类型2.如何传递参数3.返回值和`return`语句三、局部变量与全局变量1.变量作用域概念2.局部变
  • 从小白到月入5k+‼️普通人可以靠副业翻身 氧惠_飞智666999
    接触互联网开始，就陆陆续续开始做兼职，各种各样的兼职做了不下二十种，从最开始没有门路的新手，到逐渐上手，成为兼职达人。直接上干货，具体渠道和操作方法。一、自媒体号这绝对是时下最热门的兼职之一，大多数人以为自媒体号很难，很复杂，恰巧相反，这是最简单的兼职。例如大鱼号、百家号、头条号等，门槛非常低，渠道正规，都是互联网巨头百度、阿里、字节跳动等旗下的正规兼职。方法也很简单，只需要手机或者电脑，注册一个
  • 目录 我还年轻还年轻
    基础认知1.易智教育教学理念公司的历程，文化创始人故事突出教育理念2.理清自己所在级别享受权益课程相关推广权益相关3.报课上课相关流程开课时间报名方式上课方式推广1.合伙人项目的愿景教育行业的前景互联网+的优势易智教育的优势未来的规划2.课程销售逻辑两个主题合伙人，精英班两个路径线上，线下（熟人，陌生人）两种方式直推，体验两个作用微信，朋友圈准备工作1.微信号的基础设置头像签名背景朋友圈权限2.朋
  • Flutter基础（前端教程①⑨-margin-padding） aaiier Flutter前端
    比喻：把框的盒子把Container想象成一个带边框的盒子：margin是盒子外面的空白（盒子与周围其他东西的距离）。padding是盒子里面的空白（盒子边框与内部内容的距离）。代码示例（带边框更直观）：Container(//盒子外部的空白（与其他组件的距离）margin:EdgeInsets.all(20),//盒子内部的空白（边框与文本的距离）padding:EdgeInsets.all(1
  • 存档python爬虫、Web学习资料
    1python爬虫学习学习Python爬虫是个不错的选择，它能够帮你高效地获取网络数据。下面为你提供系统化的学习路径和建议：1.打好基础首先要掌握Python基础知识，这是学习爬虫的前提。比如：变量、数据类型、条件语句、循环等基础语法。列表、字典等常用数据结构的操作。函数、模块和包的使用方法。文件读写操作。推荐通过阅读《Python编程：从入门到实践》这本书或者在Codecademy、LeetCo
  • keepalived的工作原理与配置 皮蛋solo.粥 云计算网络云计算linux
    Keepalived的工作原理基于VRRP（虚拟路由冗余协议）和LVS（Linux虚拟服务器），通过多层次协作实现服务器的高可用性和负载均衡。以下是其核心机制的详细说明：一、VRRP协议基础VRRP（VirtualRouterRedundancyProtocol）是Keepalived实现高可用的核心协议，其作用是：将多台服务器组成一个虚拟路由器，对外提供一个统一的虚拟IP（VIP）。通过选举机制
  • 书其实只有三类 西蜀石兰 类
    一个人一辈子其实只读三种书，知识类、技能类、修心类。 知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？ 知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
  • 《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
    《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。 这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
  • Linux—— 静态IP跟动态IP设置 eksliang linuxIP
    一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
  • Informatica update strategy transformation 18289753290
    更新策略组件： 标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
  • 使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态 酷的飞上天空 request
    现象就是： 程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。 刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。 经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
  • 利用预测分析技术来进行辅助医疗 蓝儿唯美 医疗
    2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。  克利夫兰诊所负责企业信息管理和分析的医疗
  • java 线程(一)：基础篇 DavidIsOK java多线程线程
                                                            &nbs
  • Tomcat服务器框架之Servlet开发分析 aijuans servlet
    最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析： 疑问： 为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？ 分析之我见： doGet方法的
  • 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
    玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销
  • Java web的会话跟踪技术 百合不是茶 url会话Cookie会话Seession会话Java Web隐藏域会话
    会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码
  • web.xml之Servlet配置 bijian1013 javaweb.xmlServlet配置
    定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
  • 利用svnsync实现SVN同步备份 sunjing SVN同步E000022svnsync镜像
    1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
  • 【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
    本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括： 数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题 多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性 一致性图表(Consistency Chart) 数据
  • Anychart图表组件-Flash图转IMG普通图的方法 白糖_ Flash
    问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
  • Window 80端口被占用 WHY? bozch 端口占用window
    平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2
  • 编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
    import java.util.Arrays; public class MinMaxInArray { /** * 编程之美 数组的最大值和最小值 分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
  • Perl正则表达式 chenbowen00 正则表达式perl
    首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是： 匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m） 替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
  • [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
          举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &
  • Oracle Profile 使用详解 daizj oracleprofile资源限制
    Oracle Profile 使用详解 转 一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。 二、条件： 创建profile必须要有CREATE PROFIL
  • How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearchLucene
    This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
  • 循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c算法
    # include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
  • macbook的lamp环境 dcj3sjt126com lamp
      sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查： 停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
  • java ArrayList源码 下 shuizhaosi888 ArrayList源码
    版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
  • Spring Security（08）——intercept-url配置 234390216 Spring Securityintercept-url访问权限访问协议请求方法
    intercept-url配置 目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n
  • Linux环境下的oracle安装 jayung oracle
    linux系统下的oracle安装 本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
  • hotspot虚拟机 leichenlei javaHotSpotjvm虚拟机文档
    JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com
  • 读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Webnode.js
    读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
  • 快速开发Android应用 rensanning android
    Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。 编码越少，Bug越少，效率自然会高。 但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
  • 理解Java中的弱引用 tomcat_oracle java工作面试
    　不久之前，我 面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。 　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
  • 标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
    http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb