今天移动web开发学完了，整理一下思路，移动web首先学习的就是就是flex布局。记录一下flex布局和移动适配的一些知识。
由于Vue将其插值渲染成div内部文本后，文本并不换行，换行符显示为一个空格。解决：
Mongodb的客户端支持 作为一款非常成熟NoSQL数据库，Mongdb对各种编程语言的支持已经非常完善了，目前已经支持各大主流编程语言包括： 1，mongo shell 2，python 3，java 4，c# 5，node.js 6，c++ 在这些语言里面，最简单，最轻巧的就莫属mongo shell了，无须任何其他的依赖环境，只需要一个mongo客户端，就可以连接本地的，远程的各个mongo库了，这非常像各个数据库的界面工具，如Navicat，Sql Plus等， 交互
足迹地图可以展示你过去到访过的地方，以及到访地点的介绍与图片记录，图片点击可以放大显示，同时不同地标的半径大小表示了访问该地点的频率高低，如下图所示：
在Django应用部署上线之后，随着用户量和数据量的增多，网站可能会越来越慢，这时候对应用的性能进行优化就是一个首要的问题。
JS编码解码 一、定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码。
什么是 YAML? YAML 是一个数据序列化的标准，适用于所有开发语言，最大的特点是可读性好 YAML 的一个主要应用方向就是编写配置文件，有非常多的系统和框架采用YAML进行配置 示例 title
CSS3 基础知识 1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image 2.背景 2.1 background-size background-size:30px 30px;(背景图像宽度，背景图像高度) 2.2 background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变，和background-size一起用) 2.3 background-attachment:(fixed|scroll|local) fixed： 背景图像相对于窗体固定。 scroll： 背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。 local： 背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。 2.4 background-position:30px 20px;(横坐标，纵坐标；是图片在动) 2.5 background-origin:(padding-box|border-box|content-box) padding-box： 从padding区域（含padding）开始显示背景图像。 border-box： 从border区域（含border）开始显示背景图像。 content-box： 从content区域开始显示背景图像。 3.文本 3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平，垂直，模糊) 3.2 换行 word-wrap:(normal|break-word) normal： 允许内容顶开或溢出指定的容器边界。 break-word： 内容将在边界内换行。如果需要，单词内部允许断行。 white-space:(normal|pre|nowrap|pre-wrap|pre-line) normal： 默认处理方式。 pre： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象 nowrap： 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。 pre-wrap： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line： 保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 3.3 省略号 width:200px; overflow:hidden; text-overflow:hidden; white-space:nowrap; 4.2D变换 4.1 旋转 transform:rotate(45deg); 4.2 移动 transform:translate(45px,45px);(水平，垂直) 4.3 缩放 transform:scale(2,2);(水平，垂直) 4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转) 4.5 将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。 暂放 5.过渡 5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] [ transition-property ]： 检索或设
Netty的性能非常好，在一些小型用户体量的socket服务内，仅部署单台机器就可以满足业务需求。但当遇到一些中大型用户体量的服务时，就需要考虑讲Netty按照集群方式部署，以更好的满足业务诉求。但Netty部署集群后都会遇到跨服务端怎么通信，也就是有集群服务X和Y，用户A链接服务X，用户B链接服务Y，那么他们都不在一个服务内怎么通信？本章节将介绍一种实现方式案例，以满足跨服务之间的用户通信。但实际场景中需要进行一些扩展性改造，案例仅将核心主干思路做以实现，只是一种思路指导，并不能直接使用于业务开发。
但是保存的时候不能把回车换行符保存进数据库呀，所以在保存之前要再次把回车换行符替换没了，发现用js替换\r\n无效，思考了一下，可能是html显示是自动过滤了\r，而以\n来显示吧。于是把替换代码改成：
1.状态码返回200--表明服务器正常响应了客户端的请求； 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据，并且是符合业务逻辑的数据。 但是，程序就是不进入到回调函数success: function(data){****}而是进入到error: function(data){***} 记得上次是因为存在跨域访问的问题导致。这次查看不存在跨域的问题。此时就很是不解。 事情的来源是这样的： 后台的配置管理模块中有一块是关于国际化的配置，增加国际化描述等等，查询国际化描述。 问题的来源是在输入key='a' 查询前十条数据时发现可以正常的展现数据，但是当我输入key值为z时，并且再查询前20条数据是发现数据不能展现，但是server返回了数据库中的数 据。这时第一反应是事不时数据返回的有问题，粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现，显示不出来。这 时候就开始怀疑了数据问题，进而到数据库中查找第十四条数据没有发现什么特别的地方。 这时开始怀疑，难道是JS程序有处理数据兼容性有问题，觉得甚是不可思议。整了大约半小时，越来越觉得不大可能。就放弃了这种想法。 有转向，重新审视数据。 但是发现数据从中间换行了，没太在意。 在纠结了一会儿后问一同事，指出数据可能多了一个"回车键"，在其指点下到数据库表中再次查看该条数据发现有一个字段的值多了一个"回车键"。删除后，一切恢复正常。 思考第一次和第二次碰到的问题，我初步认识到： 1. 返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的，那么返回来的数据一定是 json 才可以，平且不然就会执行 error 里的程序块儿。 (1) 同时需要特别的注意返回的JSON数据是否是严格的JSON格式. (2) 也应该严重关切当后台返回的是一个List 数据（List当中的数据是Json格式）时，有没脏数据即不是严格的JSON格式。 很隐蔽的可能是数据某一个字段中在开始或末尾含有特殊字符，以"回车键"、"Tab键"等 这类隐蔽错误的规避措施就是好的编程习惯： a. 对于在页面填写入库的数据最好强制性的做，去空操作<利用客户端最好>。 b. 特殊的业务需注意特殊字符。 这样还不够，因为在开发过程中测试或开发人员自己在数据库中手动添加数据，可能会多加了空格等，导致程序调试，测试带来了麻烦。 这时就需要考虑在后台代码对获取的数据做处理。 2. 原因是ajax请求跨域了，解决方法是在两个文件里都添加一段 js: [/b]document.domain，或者采用Jsonp的方式，如我的前一篇blog中提到的。 还有一点对JQuery 中Ajax的一点其它的认识： 客户端发起请求，得到服务器端的相应是200，<正确拿到服务器响应的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前，可能会校验一些东西： 1. 返回的每条数据是否是dataType中定义的数据类型。如果有部分数据不是或者哪怕一条数据没有严格的按照dataType定义的类型，程序就会进入到error:function(){****} 2. 请求的域和当前域是否是同一域，如果不是同一域也十分有可能进入error:function(){***}
在默认情况下，input文本框和图片无法自然对齐，总会有所偏差，文本框往往会比图片要往下边一点，只要给元素添加vertical-align:bottom即可令两者底部水平对齐，代码如下：
默认时，Python正则中的.是不能匹配换行符的，如果碰到下面这种带有换行的js字符串该怎么办呢？
在 fabric.js 提供的文本组件中，默认状态是不会自动换行。如果你的使用场景中需要自动文本自动换行，可以使用 Textbox ，并将 splitByGrapheme 设置为 true 即可。
——undefined、string、number、boolean、object、function
样式借鉴了tower —— 一款团队任务管理的产品的样式，非常的简洁干净。然后，同时对移动端进行了适配：
在网站开发的时候一般会考虑预留广告位后期使用，但一时半会儿不知道放什么图片比较好，如果什么都不放又显得单调，这时可以考虑使用holder.js来生成占位图片，让页面更加丰富。
（1）block： 会独占一行，多个元素会另起一行，可以设置width、height、margin和padding属性；
三年前入职的时候还是一个只会使用Ajax和Jquery Ajax的菜鸟，由于早期Jquery不支持大文件请求的问题，要么拆分文件，要么用XHR~今天总结一篇数据请求的 进入今天的世界吧~~~
https://code.visualstudio.com/updates/v1_46
1.常量： 常量就是在程序运行过程中，不会发生变化的量，常量通常用来表示固定不变的量，比如圆周率，万有引力常量
正常写代码不可能大写小写一段时间，但有时候可能会不小心写错，导致运行时无法显示预定效果，需要考虑大小是否有问题。
今天突然接到一个任务，做一个专题。那么我肯定用html+css+js写，但是由于我写了大半年的小程序，我已经忘记了动画怎么写，特效怎么写，甚至连单位布局都忘记了。
要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。 有换行符，且语法中规定此处不能有换行符，那么就自动插入分号。 源代码结束处，不能形成完整的脚本或者模块结构，那么就自动插入分号。
(若有 issue / pull request 一律需附上编号) {type}:{subject (并在50个字内)} #{issue/pull request}
永远一致同一套编码规范，可以是这里列出的，也可以是你自己总结的。如果您发现本规范中有任何错误，敬请在问题中指正。
第二关重点是语句的闭合，根据给我们的代码可以分辨出这是一个文本框 ，我们需要闭合文本框的标签才可以执行我们的弹窗语句
我到公司后先测试一下客户给我的错误示例（果然搜不到），然后排查一下昨天的数据是否有问题，发现昨天客户用excel导入的数据中，存在很多\r\n这种换行符和回车符。
2、单引号和双引号基本相同。反引号允许我们通过${…}在字符串中嵌入任何表达式。允许字符串换行。
0x01开场白 这个议题呢，主要是教大家一个思路，而不是把现成准备好的代码放给大家。 可能在大家眼中WAF（Web应用防火墙）就是“不要脸”的代名词。如果没有他，我们的“世界”可能会更加美好。但是事与愿违。没有它，你让各大网站怎么活。但是呢，我是站在你们的这一边的，所以，今天我们就来谈谈如何绕过WAF吧。之所以叫做“杂谈”，是因为我在本次演讲里，会涉及到webkit、nginx&apache等。下面正式开始：） 0x02直视WAF： 作为第一节，我先为大家简单的说下一些绕过WAF的方法。 一：大小写转换法：
为了统一团队的代码规范，除了一纸规范说明之外，还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则，但至少能够在一定程度上缓解代码不统一的局面。
如果你用的是windows，文件编码是UTF-8且包含中文，最好全局将autocrlf设置为false。
一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。
<!DOCTYPE html> <head> <meta charset="utf-8"> <title>基本语法</title> <script type="text/javascript"> /* JS-多行注释 注释中的内容不会被执行，但是可以在源代码中查看 要养成良好注释习惯 */ // 单行注释 // alert("hello"); // do
xargs可以将输入内容（通常通过命令行管道传递），转成后续命令的参数，通常用途有：
1、使用mysql的union all可以同时查询出所有自己想要查询数据表的数据量。
若是接触过编程数据结构的,对这个上手贼快. 写过json这些的...主要关注下缩进这些,理解下概念即可! 这里只列出非常高频且通用性高的使用姿势,个别骚姿势自行去提案了解!
为什么会出现这个问题呢？是因为我在做自己个人网站的留言板时，我想预设好textarea的值，像这样，让用户输入的时候直接另起一行！
我们想把英文PDF文献的一大段复制到word里面，或者复制到翻译软件里面进行翻译。
作者｜joeyguo 原文｜https://github.com/joeyguo/blog/issues/14 在上篇《脚本错误量极致优化-监控上报与Script error》 中，主要提到了js脚本错误上报的方式，并讲解了如何使用 crossorigin 来解决 Script error 报错信息的方案，于是我们就可以查看到脚本报错信息了。而此时可能会遇到另一个问题：”JS 代码压缩后，定位具体出错代码困难！“。本篇《脚本错误量极致优化-让脚本错误一目了然》 将结合示例，通过多种解决方案逐一分析，让脚本错
项目中可能出现这么一种情况，A提交的代码，B使用Git拉下来之后都是ESlint报的警告。
注意和是 ES5 新加入的两个格式控制字符，它们都是 0 宽的。即length长度为0，也称为0宽非连接符和0宽连接符
xargs命令有两个要点。第一，你必须列出目标文件。第二，你必须指定对每个文件需要执行的命令或脚本。
TypeScript中引入了字符串模板，通过字符串模板可以方便的实现字符串换行的连接、方便变量的使用等。 1.在WebStorm中新建一个文件，后缀名为ts。 在建立ts文件时，WebStorm会问你是否需要自动生成对应的js文件，并设置js文件保存的位置。如果采用Visual Studio 2017，会自动在ts文件相同的文件夹生成对应的js文件。 ts与自动生成的js文件的配置关系，IDE会自动生成一个tsconfig.json的文件进行描述，如下： { "compilerOptions": {
Markdown语法直接打一个回车是不会显示换行的。 行尾打两个或两个以上的空格之后回车就是换行
本文最后更新于2022年01月16日，已超过148天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
PHP官方目前已经将此系列函数标记为弃用状态，添加PHP对mysql的支持，编译时使用下面的参数
完整高频题库仓库地址：https://github.com/hzfe/awesome-interview
fmt 方法可以大致分为 print, scan两类, 根据基础方法可以构建特定方法。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
