Camel

2020-06-12 题目来源：http://www.h-camel.com/index.html [html] 你有使用过HTML5 Boilerplate吗？说说你对它的理解 为web前端的最佳实践的HTML+CSS+jquery模板集合，引用知乎的评价： 1. Viewport Metatag：让页面能够在各种设备上正确显示。 2. Chrome Frame：对于某些老浏览器，比如：IE6,7,8,不支持的新特性，H5BP可以让你的代码能够向下兼容（我会建议用户换浏览器，浏览器又不收费）。 3. Crossdomain.xml：用于支持跨域请求。Web Server Configuration Files：用于优化服务器。这是给系统管理员用的。严格来讲，这不属于前后端开发。 如果需要使用前端开发框架，首选Bootstrap或Foundation,如果你的APP还需要上述功能，则H5BP可以当插件用。 [css] 为什么说css的选择器一般不要超过三级？ 遇到这个问题，说实话，之前并没有使用超过3级的css选择器，也没有考虑过影响。 首先要明确的是，CSS的解析过程，在解析选择器的时候，是从右向左，从上到下及逆行解析的。 #molly div.haha span{color:#f00} 浏览器从右向左读取选择器，先找到span然后顺着往上找到class为haha的div

关于变量的命名，这又是一个容易引发程序员论战的话题。如何命名才能更具有可读性、易写性与明义性呢？众说纷纭。 本期“Python为什么”栏目，我们将聚焦于变量命名中的连接方式，来切入这块是非之地，想要回答的问题是—— Python 为什么要推荐蛇形命名法？ 首先一点，对于 单个字符或者单词 （例如：a、A、PYTHON、Cat），当它们被用作变量名时，大致有全小写、全大写和首字母大写这几种情况。编程语言中出现这些情况时，它们基本上跟英语的表达习惯是相同的。 但是，编程语言为了令变量名表达出更丰富的含义，通常需要使用 多个单词或符号。 英语习惯使用空格来间隔开单词，然而这种用法在编程语言中会带来一些麻烦，所以程序员们就创造出了另外的方法： 蛇形命名法（snake case） 驼峰命名法（camel case） 匈牙利命名法（HN case） 帕斯卡命名法（Pascal case） 脊柱命名法（spinal case） 自由命名法（studly caps） 驼峰蛇形命名法 总体而言，这些命名法都是要 克服单词间的空格，从而把不同单词串连起来， 最终达到创造出一种新的“单词”的效果。 我画了一张思维导图，大略区分了这几种命名法： 如果按照受众量与知名程度排名，毫无疑问排前两位的是驼峰命名法和蛇形命名法。 我们可以简单比较一下它们的优缺点： 可读性：蛇形命名法用下划线拉大词距，更清楚易读

vue.js提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等 [TOC] 表单修饰符 v-model input最常用的双向绑定指令，实现了输入输出的实时绑定显示 <div> <input type = "text" v-model= "value" > <p>{{value}}</p> </div> 复制代码 .lazy 光标离开更新 但是有时候我们希望，在我们输入完光标离开才更新视图,相当于在onchange事件触发更新。 <div> <input type = "text" v-model.lazy= "value" > <p>{{value}}</p> </div> 复制代码 .trim 过滤首尾的空格 只能过滤首尾的空格！首尾，中间的是不会过滤的 <input type = "text" v-model.trim= "value" > 复制代码 .number 如果你先输入数字，那它就会限制你输入的只能是数字。 如果你先输入字符串，那它就相当于没有加.number 而不是单一的限制输入数字或者输入的东西转换成数字 事件修饰符 .stop 阻止事件冒泡 由于事件冒泡的机制，我们给元素绑定点击事件的时候，也会触发父级的点击事件; 一键阻止事件冒泡，相当于调用了event.stopPropagation()方法。 <div @click= "shout(2)

一、变量命名规范 　　1、Camel：变量名首单词的首字母小写，其余每个单词首字母单词大写,多用于给变量或字段或方法参数命名。　　　　　　eg:highSchoolStudent； 　　2、Pascal：每个单词的首字母都要大些其余小写，多用于类或方法。eg：HighSchoolStudent； 二、变量的作用域 　　一般从声明的大括号开始到所对应的大括号结束，超出此范围无法访问、 三、强制类型转换（显式类型转换） 　　要求：类型相兼容，大的转小的 　　语法：(要转换的类型)值 　　eg：double d = 306.6 int n = (int)d 四、Convert、Parse类型转换 　　两个类型不兼容的数据用Convert和Parse转换 　　eg：string s = "123"; int n = Convert.ToInt(s); 　　　　int n = int.Parse("123"); 　　注意:int.TryParse, 　　eg:int n = 0; bool b = int.TryParse("123", out n);转换成功b位truen、为123，否则b位false、n为0. 五、枚举类型 　　枚举：一个变量类型，只是声明。赋值、使用的方式不一样，本质也是存放数据。枚举类型可以和int类型相互转换。 　　eg：public enum Gender 　　　

出处：脚本之家 链接：http://www.jb51.net/article/57163.htm 　　注重代码书写的程序员应该是一个比较有修养的人，下面这些命名规则不一定要绝对遵从，但值得参考。在应用规则 时要进行合理的判断。 Pascal 规则（帕斯卡命名） 每个单词开头的字母大写(如 TestCounter). Camel 规则(大驼峰和小驼峰命名) 除了第一个单词外的其他单词的开头字母大写. 如. testCounter. Upper 规则 仅用于一两个字符长的常量的缩写命名,超过三个字符长度应该应用Pascal规则.例如： public class Math { 　　 public const PI = ... 　　 public const E = ... 　　 public const FeigenBaumNumber = ... } 具体的规则总结如下： 类命名指导 - 类名应该为名词及名词短语，尽可能使用完整的词 - 使用Pascal规则 - 在适当的地方，使用复合单词命名派生的类。派生类名称的第二个部分应当是基类的名称。 　　例如，ApplicationException 对于从名为 Exception 的类派生的类是适当的名称，原因是 ApplicationException 是一种 Exception。 请在应用该规则时进行合理的判断。 　　例如，Button

将匈牙利命名法（some_columns）转驼峰（SomeClass or someFields）的函数: delimiter $$ create function `to_camel`(src varchar(255), lowercase boolean) returns varchar(255) charset utf8 begin declare temp varchar(255); declare buffer varchar(255); declare i int; declare lasti int; declare len int; set temp = concat(src, '_'); set buffer = ''; set i = 1; set lasti = 1; set len = length(temp); while i <= len do if substring(temp, i, 1) = '_' then set temp =concat(substring(temp, 1, lasti - 1), upper(substring(temp, lasti, 1)),substring(temp, lasti + 1)); set buffer =concat(buffer, substring(temp, lasti, i - lasti));

乡亲们，我五一加班了，不（就）是强制~，但其实我内心是非常热爱工作，我为公司共存亡，TNND~ 咳咳……言归正传，让我们继续开车，不，继续学习吧，在这个时间点可以写写博客给大家分享我心里也是万分欢喜的。 先看看今天咱们学什么，菜品奉上： 1. 标识符 2. 变量 3. 数字类型 1. 标识符 1.1 什么是标示符，看下图: 有没有同志能看出上面图片表述的一句话，猜对了奖励博主的一个深深的吻~（come on） 好了，好了 ，这么多的小姐姐，小妹妹索吻 ，我忙不过来，直接公布答案了 火星文：挖掘机技术哪家强，中国山东找蓝翔 这就是标识符的典型生活说明，但是在python中什么是标识符？ 大白话：标示符是 自己定义 的，直指程序员的本心，就是开发人员在程序中自定义的一些符号和名称，如 变量名 、函数名、类名等 。 1.2 标示符的命名规则 标示符由 字母、下划线和数字 组成，且数字不能开头， 不能使用关键字 。 思考：下面的标示符哪些是正确的，哪些不正确为什么 fromNo12 from#12 #错误 my_Boolean my-Boolean #错误 Obj2 2ndObj #错误 myInt test1 Mike2jack My_tExt _test test!32 #错误 haha(da)tt #错误 int #错误 jack_rose jack&rose #错误 GUI G.U

一、访问修饰符 1、为什么使用访问修饰符： （1）现实中：每个人都有自己的隐私和公开内容。 （2）开发中：有时候开发者在设计类的时候，一些成员（字段、属性、方法）无需提供给调用者 （3）好处：充分体现面向对象里面的“封装”特性。 （4）作用：保证数据安全，方便调用者使用 2、访问修饰类型： （1）private：只能在类的内部使用 （2）public：在任何地方这个成员都能被使用 （3）默认：类的方法、字段默认都是private，类的本身不写的话，默认是internal （4）开发经验：一般都建议显示的写明访问修饰符 二、字段的使用 1、字段又被称为“成员变量”，一般用来在一个类的内部做数据交互使用，通常是private修饰。 2、字段的命名规范：一般采用camel命名法。 3、字段在对象创建过程中会首先被初始化（通过断点观察） 三、属性概述 1、在OOP中，主要使用属性来描述对象的静态特征。 2、属性一般采用Pascal命名法，数据类型和对应字段一致。 3、属性是外界访问私有字段的一个入口，属性本身不保存任何数据。 四、属性的重要特征 1、使用属性能避免非法数据 （1）实践方法：通常在get或set方法中可以添加需要的业务逻辑 （2）对比：相当于数据库中的“约束”。因为约束是保证数据有效性的最后一个屏障。 2、可以设置只读属性 （1）有些属性为了保护数据，我们可以设置成只读

网上搜了很多关于隐藏滚动条的文章，发现很多都是只说了如何隐藏scroll-X横向滚动条,对scroll-Y纵向滚动条并没有明确的述说。本文章将介绍3种隐藏滚动条的方法，大家可以结合实际情况，参考文章内容。 纯DIV+CSS方法 在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。该方法兼容所有浏览器。 <div class="outer-container"> <div class="container"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> </div> </div> .outer-container{ overflow: hidden; width: 200px; } .container{ overflow-x: hidden; overflow-y: scroll; width: 220px; height: 100px; background-color: yellow; } CSS3 自定义滚动条的伪对象选择器 css3有一个直接调用的css，保证隐藏滚动条的同时还可以继续通过滚轮向下翻。 ::-webkit

一、前言 　　在之前的学习中，我们对于 Vue 的一些基础语法进行了简单的了解，通过之前的代码可以清晰的看出，我们在使用 Vue 的整个过程，最终都是在对 Vue 实例进行的一系列操作。 　　这里就会引出一个问题，就像我们刚开始学习 C# 的时候把全部的代码一股脑的写到 Main 方法中，现在我们把所有对于 Vue 实例的操作全部写在一块，这必然会导致 这个方法又长又不好理解。 　　在 C# 的学习过程中，随着不断学习，我们开始将一些相似的业务逻辑进行封装，重用一些代码，从而达到简化的目的。那么，如何在 Vue 中如何实现相似的功能呢？这里就需要提到组件这一概念了，本章，我们就来学习 Vue 中组件的基础知识。 　　学习系列目录地址： https://www.cnblogs.com/danvic712/p/9549100.html 　　仓储地址： https://github.com/Lanesra712/VueTrial/blob/master/Chapter02-Bronze/component/concept.html 二、干货合集 　　1、组件是什么 　　组件是 Vue 中的一个重要概念，它是一种抽象，是一个可以复用的 Vue 实例，它拥有独一无二的组件名称，它可以扩展我们的 HTML 元素，以组件名称的方式作为我们自定义的 HTML 标签。因为组件是可复用的 Vue 实例