shawxlee的CSDN博客

【代码】vue-cli引入本地json数据：封装为js文件，无需请求直接读取。

一、风格指南1、命名格式命名法 适用范围camelCase 变量、参数、函数、方法、方法属性、id、空间PascalCase 类、枚举、Vue组件kebab-case html文件、标签、元素属性、选择器underline_case css/scss文件UNDERLINE_CASE 常量、枚举属性_underlinecase 私有成员命名对象 建议用词变量 （名词短语）、 isName/hasName（布尔值）函数、方法 canName/hasName/isName（布尔值）、getN

变量的名称必须以A-Z或a-z或开头，大小写敏感。基本变量类型描述char通常是一个字节（八位）, 这是一个整数类型int整型，4 个字节，取值范围 -2147483648 到 2147483647float单精度浮点值，格式：1位符号，8位指数，23位小数double双精度浮点值，格式：1位符号，11位指数，52位小数void表示类型的缺失//定义变量char c, ch;double d;//定义变量并初始化值。

一、小程序代码组成1、工程目录├── pages //页面目录│ │── index //页面index│ │ ├── index.wxml //页面HTML│ │ ├── index.js //页面脚本│ │ ├── index.json //页面配置（可选）│ │ └── index.wxss //页面CSS（可选）│ └── logs //页面logs│ ├── logs.wxml│ └── logs.j

【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果，如何用基础HTML编写？

最近在做一个移动端的响应式页面，对自定义样式要求较高，很多地方需要细微的调整，比如按钮、链接等内联元素，不能只是让它看起来居中，而要做到“响应式”居中……水平居中很简单，但是垂直居中的问题困扰了我很久，直到我研究过bootstrap的_variables.scss文档后，才仔细地了解到一些组件的构造。如果修改了inline/inline-block元素的默认样式后，里面的文字不居中了，试试这个方法，只需要5步~

1、内联元素在父元素内居中显示• 情境①：父元素未设置尺寸• 情境②：父元素已设置宽高2、块级元素在父元素内居中显示• 情境①：父元素及该元素都未设置尺寸• 情境②：父元素未设置尺寸，但该元素已设置宽高• 情境③：父元素已设置宽高，但该元素未设置尺寸• 情境④：父元素及该元素都已设置宽高

`src/assets`下新建文件夹`images`，用于存放所有图片资源

1、前往高德开放平台注册开发者账号，在控制台申请Key……

1、`src/assets`下新建文件夹`fonts`，将所有外部字体文件放入其中……

style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include 引入混合样式 */ padding : 0;< style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include 引入混合样式 */ padding : 0;

Step 1：Chrome浏览器添加vue-devtools插件Step 2：electron-vue项目添加vue-devtools插件

1、上官网搜索需要的图标，依次“添加入库”……

vue自定义全局指令：绑定在el-input上，使输入框自动获取焦点

附上自己封装的富文本编辑器组件源代码，可上传图片和附件：

GitStats是基于Git的数据统计生成器，输出格式为HTML，可直接在浏览器打开查看，展现为图表形式的可视化数据，内容包括：常规信息：文件总数、行数、提交数、作者数活跃度：按小时、日期、月度、年度统计提交量贡献度：作者列表（姓名、提交次数、首次提交日期、最后提交日期）、月度作者、年度作者文件量：按日期、扩展名列出的文件计数代码量：按日期列出的代码行

下载并安装GitBook Editor软件，网上资源很多，根据自己系统选用即可。1）运行GitBook Editor，点击右下角。，即可开始编写（插入的每张图片不超过 1 MB）4）左上角查看/拣选当前分支，可点击。3）编辑过程中注意及时点击右上角。文件中配置文档信息、引用插件等。，绑定远程仓库的HTTP地址。1）点击右下角问号图标，开启。按钮可一键push到远程仓库。保存更新，点击云朵图标的。3）编辑界面点击左上角。

导读：二进制数最高位为符号位，0表示正数、1表示负数

/元素之间用,隔开//Step1：声明变量为数组函数//Step2：索引元素并赋值//数组函数function hello() //Step1：定义函数//Step2：要执行的代码hello();//Step3：调用显示function hello(content) //Step1：定义函数，声明参数（变量）//Step2：要执行的代码hello(100);//Step3：调用、给参数赋值、显示。

*比较方法：**统计每个规则中每种选择器的数量，在对应的特殊性上加成 → 将这些规则的特殊性从左向右依次比较，加成值越大的优先级越高。- 在无法调试的浏览器上快速修复CSS bug，之后再用完整的解决方案替换掉线上的!- 使用Firebug或其他开发者工具进行调试时，可以给已经被覆盖的样式添加!important轻松覆盖默认的样式而不必担心原本的权重。@media查询可以针对不同的屏幕尺寸设置不同的样式，特别用于响应式页面。- 允许用户根据自己的需求添加!/* 所有p元素下的所有后代em元素都变红 */

a href = " https://www.runoob.com/ " > 绝对路径URL < a href = " tag_a.php " > 相对路径URL < a href = " #top " > 锚点URL

undefined //一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性- 全局函数。

animation*time 指定动画播放完成花费的时间。默认值为 0，意味着没有动画效果*time 定义动画开始前等待的时间，以秒或毫秒计。默认值为0*n 一个数字，定义应该播放多少次动画infinite 指定动画应该播放无限次（永远）normal 默认值。动画按正常播放reverse 动画反向播放alternate 动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放。