babulongbo的博客

目标了解字符集的来源了解emoji的来源了解emoji的字符编码常见字符集问题字符集的来源所谓字符集（Character Set）简而言之就是字符（Character）的集合，常见的字符有数字、字母、标点符号、功能符号等；字符又是由字节（Byte）组成，字节是计算机信息技术用于计量存储容量的一种计量单位，也表示一些计算机编程语言中的数据类型和语言字符，一个字节存储8位无符号数，储存的数值范围为0-255。这里的【位】指的是二进制数字0或1。字节通常简写为【B】，而位通常简写为小写【b】，计算机存

创建项目mkdir egg-example && cd egg-examplenpm init egg --type=simplenpm i修改项目目录cd app/mkdir service middleware schedule extendcd ../config/touch config.prod.js config.unittest.js config....

安装verdaccio：npm install -g verdaccio --unsafe-perm加上--unsafe-perm选项是为了防止gyp ERR! permission denied启动verdaccioverdaccio执行结果如下：*** WARNING: Verdaccio doesn't need superuser privileges. Don't run...

vue-cli3创建一个配置文件vue-cli3创建项目使用命令vue ui选择配置#创建项目名称#选择npm包管理器#选择【若目标文件夹已存在则将其覆盖】#选择【手动】#选择 -Babel -Router -Vuex -Css Pre-processors -Linter / Formater -Unit Testing -使用配置文件#选择【Sas...

服务器数据库自动化备份操作系统： CentOS 7.7 64位mysql Ver 14.14 Distrib 5.7.28, for Linux (x86_64) using EditLine wrapper通过crontab实现mysql数据的自动备份创建启动脚本：cd /etc/cron.daily/touch mysqlTimingBackupvi /etc/cron.da...

Nginx 安装操作系统： CentOS 7.7 64位安装编译工具及库文件yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel首先要安装 PCRE下载 PCRE 安装包:cd /usr/local/src/wget http://downloads.sourceforge.net/pr...

遇到的问题最近开发一个小型项目，项目只有两个页面，一个主页面，一个列表页面。项目使用的是vue技术栈，在开发页面的组件是遇到了一个布局问题，布局如下：要求：1.外部容器的高度由图片决定2.图片的宽度固定，右侧元素分配剩余空间3.右侧元素的高度于图片的一样高4.右侧上方文字不固定，但是最多不超过两行，下方文字总是位居底部分析问题由上面的要求可以得出以下结论：1.这是一个两列等高布...

webp格式的图片既然有那么多的好处，那么如何使用这种格式的图片？首先要考虑到兼容性，对于不支持webp格式的图片依然使用原来的方式， 对于支持webp格式的图片则使用新的格式。例如静态资源中包含了webp和img两个文件夹，分别是webp资源和png资源。对于同一个使用背景图的元素， 我们原先是这样设置的 .elem { background-image:...

**问题描述：**当tab切换时，由于tab对应的内容不同，导致内容容器的高度的不同。 直接的切换显示内容显得太僵硬了，所以希望内容容器根据内容的多少实现slideToggle效果。**解析问题：**首先一点是使用原生，意味着不能使用第三方框架。而实现slideToggle动画效果主要有两种手段， 一种是使用css3动画，另一种是javascript使用定时器实现slideToggle效果。但是...

javascript的数据类型原始类型：null,undefined,number（数字类型）,string（字符串类型）,boolean（布尔值类型）,symbol（es6新增的符号类型）复合类型：objectjavascript强制转换和隐式转换强制类型转换是指将基本类型显示转化为包装类型（装箱）。例如：Number,String,Boolean,parseInt,parseFloat...

隐藏滚动条并可以滚动内容1.计算滚动条宽度并隐藏起来页面向右偏移一定的距离。可以使用绝对定位或者translate。2.使用三个容器包围起来，不需要计算滚动条的宽度未知css隐藏滚动条这个方法不兼容IE，做移动端的可以使用。那就是自定义滚动条的伪对象选择器::-webkit-scrollbarchrome 和Safari: .element::-webkit-scrollbar { ...

HTML中<!DOCTYPE>标签的作用是什么呢？ 声明位于文档中的最前面的位置，处于html标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。HTML元素分类?在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。块级元素 内联元素 内联块元素div,p,h1~h6,ul,ol,dl,table,...

当前遇到了一个这样的业务场景：当页面滚动距离大于指定距离，显示回到顶部的按钮，否则隐藏按钮；项目构成：vue-cli + axios要求：不使用jQuery,使用原生完成这个组件。首先：MDN中对scroll事件的定义，可以发现其中的关键点element的scroll事件不冒泡, 但是document的defaultView的scroll事件冒泡document.defaultView指的...

接着上一章将，这一章主要讲编程时遇到的问题：scroll事件：我在vue中是这样使用的object.addEventListener(‘scroll’, e => {}, false);结果发现不行，于是查了很多资料，最后有3种解决方案：①在节点上使用onscroll=“function”②在节点上使用@scroll事件③object.addEventListener的第三个参数...

这个进度条是网上一个实例，原实例使用jQuery实现的查看，最近在用vue-cli，所以就用vue实现该组件查看。这个进度条有有意思的地方是：用户的一系列操作都和导航息息相关。一般来说，普通的导航，只是通过点击显示不同的内容或滚动到其他指定位置，至于用户在页面上的其他操作(滚动等)是和导航很少有关系，但是这个导航不一样，用户在页面上的一切操作都和导航相关。废话不多说了，我们来分析一下这个导航是...

我们在日常的工作场景下会遇到需要修改页面元素的样式问题，特别是使用原生js获取元素的样式，如果只是获取在元素的内联样式，可以通过Element.getAttribute(attr)来获取元素的属性，但是如果获取的是DOM元素的css样式表哪？这也是有办法的我们可以通过[getComputedStyle]进行获取，具体的可以点击这里 来看。为了保持兼容性(ie)我们还要使用currentStyl...

廖雪峰博客高阶函数的答案：selfHigherOrderFn: function () { // demo1 求和 function sum (fn, ...num1) { const nums = Array.from(arguments).slice(1); let tota...

我们在使用vue-cli项目时，尤其在团队合作的时候不免要使用eslint，但是有时候eslint过于严格，比如说默认是2个空格，文件最后一行要有换行符等等，这些我们不需要或者不适合的规则，可以通过项目下的.eslintrc.js文件进行配置，例如我的： // add your custom rules here rules: { // allow async-aw...

周末的时候在看common.js规范时候遇到一个问题：function require () { let Modules = {exports:{}}; (function (Modules, exports) { let someFn = function () {}; ***//exports和modules.exports断开了引用**...

#!/bin/bash# sass文件编译脚本sass $2 $1.scss:$1.css --style compressed --sourcemap=none使用方式： 例子 输入命令： ./sass.sh scss/base.scss回车