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.这是一个两列等高布...

将变量挂在到window对象上 你可以在你的base.js文件定义一个变量例如TB，将你自定义的所有函数和属性挂载到这个TB对象上，然后再将TB对象挂载到window对象上。例如：;(function () { Function isString () { ... } .... .... Const TB = { isString: isStrin...

1.使用random函数生成一个与数组length长度有关的数字(index = Math.floor(Math.random() * arr.length)); 2.保存这个元素result.push(arr[index]); 3.将数组的最后一个元素与该元素交换 arr[index] = arr[arr.length-1]; 4.删除最后一个元素arr.splice(arr.length...

当我们创建vue-cli项目时，路径是http://localhost:9527/#/，但是这是有缺陷的首先#在很多环境中不允许使用或者使用时有严重的缺陷，其次从命名的角度来看也是不友好的。所以为了解决这个问题，vue提供了history-mode模式；来解决这个问题。 另一个问题是，浏览器默认访问的是http://localhost:9527这种连接，但是我们需要默认去登录页面，例如：http...

问题描述:在vue2环境下:页面爆出标题的错误，但是页面的数据和方法正常渲染和使用，没有任何异常。解决办法：①定义异步请求数据的完整格式②页面使用该数据时，使用v-if进行判断一下问题分析：当你的页面中渲染的时候，created的数据肯定是还没获取到的，如果你的json是只嵌套一层，因为data你已经定义好了，所以data.a不会出现data undefined的错误，只是找不...

标签{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

廖雪峰博客高阶函数的答案：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...

我们经常在电商网站上买东西，当我们将心仪的商品加入购物车时，可能碰到下面的画面。 注意小球的运动，请自主忽略画技； 小球的运动轨迹呈现抛物线，且小球的体积由大变小在由小变大；对于一个编程人员，不探究其原理都可能睡不着，所以就研究一下其原理； 首先小球的运动轨迹是一个抛物线，则我们可以使用抛物线方程来计算水平方向和垂直方向的关系； 求抛物线的方程首先的需要至少最少三个坐标点，当然三个...

弹出层和弹窗相似但是并不相同；弹窗和弹出层都是由用户触发的显示提示信息的弹出面板；但是弹窗只是显示一些信息，没有太多的复杂的交互事件；而弹层类似一个整个页面，可以实现页面的所有功能； 现在前端弹层使用的很频繁，如支付宝支付弹层等…所以掌握弹层是一个很重要的技能。如果只是简单的隐藏和切换，当然就不必说，我要说的html+animate+es6实现弹层； ; html弹层结构：...

今天项目的base.js文件需要重构一下，因为里面有很多多余的代码，并且结构存在很多不合理的地方。 首先因为项目不支持es6模块化，所以只能使用传统的方法。首先声明一个顶级变量，挂在window对象下，然后所有的变量和方法都挂在到这个顶级变量上。;（function (window, document, $) { ...}(window, document, jQuery));...

/** * 图片轮播过程分析 * 假设一共有5张图片，克隆第一张图片放在最后，现在一共有6张图。 * 轮播中图片显示的顺序为： * 1 2 3 4 5 (6–>1) 2 3 4 5 (6–>1) …. * (6—>1)表示图片显示第6张...

手机中常见的一种提示方式：弹出一个黑色的提示框，然后几秒后消失； 原理也非常简单：创建一个dom，将显示的内容放到dom中，然后使用定时器定时，到指定的时间后删除dom。 但是操作dom的开销很昂贵，并且也没有必要，如果只是显示同样的内容，我们不需要每次创建—删除dom，我们只需要首次创建，然后让dom显示—隐藏即可。（操作dom会触发浏览器对页面的渲染，而显示和隐藏dom树则只会影响局部的d...

<p>禁止粘贴：<input type="" name="" onpaste="return false;"/></p><p>禁止复制：<input type="" name="" oncopy="return false;"/></p

Input:-webkit-input-placeholder{ ...Style } textarea:-webkit-textarea-placeholder{ ...Style}

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

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

隐藏滚动条并可以滚动内容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,...

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

当前遇到了一个这样的业务场景：当页面滚动距离大于指定距离，显示回到顶部的按钮，否则隐藏按钮；项目构成：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...

周末的时候在看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回车

MDN对鼠标的滚轮事件的介绍： MDN对鼠标滚轮事件的实现：/** 鼠标滚轮事件* @return void* */function mouseWeel() { var prefix = "", _addEventListener, onwheel, support; if (window.addEv...

在使用vue组件时，我们不免使用props获取父组件的数据，对于父组件直接定义的数据，例如： data{ sex: ‘男’， …. } 我们直接使用即可，但是如果我们所需的数据在父组件中是使用异步获取时，尤其我们的组件需要等待数据进行下一步操作时，如果不采用特殊的办法就会产生不可预知的错误，这时我们可以在子组件中使用watch，检测数据的变化，只用数据传递的值符合我们的期...

javascript检测变量的类型： 目前JavaScript有三种方式：typeof,instanceof,object.prototype.tostring.call。 他们分别用于检测基本类型，类，引用类型。 重点是typeof和object.prototype.toString.call。有时我们使用typeof检测的引用类型的产生不易理解的结果，无法准确的检测变量的类型。例如： ...

昨天使用php向数据库写入数据时，发生这个错误。 对该错误进行分析： 首先它说数据库的表不存在，但是在数据库可以找到这给表，所以数据表是正常的。 其次仔细看数据表为aplum.t_blogger_generalize，也就是aplum数据库中的t_blogger_generalize表，所以在aplum数据库中再找该表，发现这个表在aplum数据库中并不存在，但是在aplum_activit...

一. 首先在数据库中中创建你的数据表。 二. 在你的项目的url加上/gii，回车进入gii页面 三. 选择start选项 点击start 四. 进入当前页面 输入你的数据表名字以及生成的model class的名字，如果有多个数据库则需要选择你的Database Connection ID, ...

最近公司要是实现一个类似于微信通信录的品牌列表，于是自己动手实现了这个功能，这里主要讲的是如何通过手指滑动，来实现列表页面的滚动。 如果是通过点击给实现页面的滚动，大家基本上都能实现，甚至不用js就可完成，所以这里就不细讲了。重点将如何通过touch事件完成这个功能。首先你得了解touch事件,有touchstart,touchmove,touchend…具体怎么用大家google一下就明白了，

linux系统配置php运行环境1.安装mysql输入命令$sudo apt-get install mysql-server 安装的途中会出现两个弹窗是让你输入mysql的登录密码;mysql的默认用户名是root,密码就是你输入的密码 我的mysql密码设置为wzb@34……1输入$sudo netstat -tap | grep mysql命令就可以查看MySQL端口号判断MySQL是否安装成

php7 向mysql数据库插入数据乱码的原因是因为编码的格式不一样, 所以为了解决这个问题,我们需要再建表,插入时都要保证编码格式的统一. 如果你在MySQL中插入数据正常,那么就是PHP操作错误,所以我们需要设置数据库操作时的编码格式,可以加上这两句代码://php7mysqli_query($connect, "set character set 'utf8'");//读库 mysql