cvper's world !_cvper_CSDN博客-JavaScript,vue,React领域博主

私信关注

cvper

码龄5年

向前走，打破前方的迷雾.....

于 2016-08-23 加入CSDN

获得成就

获得326次点赞
内容获得159次评论
获得454次收藏

荣誉勋章

TA的专栏

PHP
8篇
thinkPHP
7篇
node
5篇
HTML
2篇
HTML
10篇
JavaScript
42篇
python
2篇
html
1篇
Git
5篇
npm
9篇
坑
11篇
开发工具使用
14篇
jquery
5篇
实例分享
8篇
高等数学
4篇
数据结构
2篇
Interview
10篇
Java学习记录
2篇
bootstrap
7篇
angular
3篇
webpack
7篇
vue
22篇
北京生活记录
12篇
别人的经验和总结
1篇
ES6
5篇
less
8篇
理论
2篇
english
1篇
Linux个人笔记
8篇
微信小程序，百度小程序
15篇
canvas
3篇
React
16篇
egret
1篇

react-tips1: import {BrowserRouter as Router , Route, Switch, Link } from 'react-router-dom';

React 引入模块使用了 es6 的 import 的方式，在示例中有如下代码：import {BrowserRouter as Router , Route, Switch, Link } from 'react-router-dom';上面使用了 import 语法，但是我们看到中间有个 as 的使用，这个 as 的意思是给当前的名字起一个小名，别名；我们原本是要引入...

react-4 简单的组件的使用

之前我们基于 create-react-app 创建出下面目录结构的项目：我们也简单了解了react 是如何使用 ReactDOM.render() 方法渲染我们的页面；一开始创建的项目在渲染的时候使用了组件的方式，但是我们在上一篇中演示了不用组件的方式来渲染页面；下面我们来使用组件的方式重新演示一下；我们在 src 目录中新增一个Pages 目录，新增4个页...

react-3 react 是怎么显示页面的，通过简单的例子来尝试

我们通过create-react-app 创建了简单的 react 项目，也查看了这个自动创建的项目的目录；下面看一下，这个 react 页面是如何显示的：第一步，我们打开 public 目录下的index.html 即便我们对这个r...

react-2 项目目录的简单描述

1. 之前我们利用create-react-app 创建了一个简单的项目目录，如下图：项目目录大概有四个部分，第一个部分是所有的模块部分（node_modules），也就是项目需要用到的各种包，包括当前项目运行和编译所需要的所有文件，也存放着后续我们增加的各种包，一般情况下不用管这块区域；第二个部分（public）存放着我们的首页文件 index.h...

react-1 创建一个最简单的可运行的 react 项目

（测试环境：windows）1. 第一步，需要一个目录，即一个文件夹，这里我在 f 盘下建立了一个临时的 react-app-delete 目录，目录里已经存在两个子目录 my-app 和 my-app-example ，这里不用管（如下图）；2. 使用命令 npm install -g create-react-app 安装 create-react-app 这...

检测当前浏览器是否支持canvas的处理

大部分的浏览器都已经可以很好的支持canvas了，但是还是有些不能支持，比如 IE8 等;如果我们需要对这些浏览器进行兼容处理，那么首先要检测当前浏览器是否可以支持canvas；canvas 对象有 getContext 的方法，我们可以利用这个方法进行判断；第一种，我们先在页面中加上 <canvas >标签，然后获取这个canvas对象，假设为 canvasObj;...

react 报错：'React' must be in scope when using JSX react/react-in-jsx-scope

在写react 组件的过程中突然报错：'React' must be in scope when using JSX react/react-in-jsx-scope查找了下导致的原因：import react, {Component} from 'react';react 应该大写，这里小写导致错误；...

微信小程序和百度小程序的登录 wx.login() swan.login() , 以及存在的问题处理

一说到小程序，很多人都知道微信小程序，但是如果你是小程序开发者，那么也可能知道百度小程序；有一句开发者的至理名言，如果你在开发百度小程序中遇到了问题，那么第一时间不是取看文档，逛社区论坛，因为你找不到相关的问题，最正确的做法是在你的问题前面加上微信小程序，这样就能解决问题了；上面是个笑话，我们知道小程序的开放接口中有一个登陆功能，使用很简单，就是一个请求，微信的是 wx....

canvas 的绘图模式 retained-mode（保存模式）和 immediate-mode （立即模式）

（canvas 使用的模式是 immediate 模式）；一、retained-mode 和 immediate-mode 两种不同的绘图模式绘图模式的话，有两种（目前我了解到的只有这两个），第一种是 retained-mode , 第二种是 immediate-mode ；从名字上我们大概就能知道这两种模式的差别了，我们看看中文， retained-mode...

h5 或者小程序中使用 MD5 和 base- 64 加密的处理的代码分享

MD5 和 base64 可以用来简单的加密数据；抛开其他的加密算法的使用，这里分享一下在h5 和微信小程序中使用 MD5 和 base64 加密的实现和代码；先看看两段代码（来源未知，但亲测可用），第一个 MD5 的 js 实现，第二个 base64 的 js实现；第一个： base64 的实现代码：base64Transform() { // private ...

微信小程序中断请求的处理，中断 wx.request() 请求

在微信小程序中，向后台发出一个请求A, 如果长时间后台不返回相应的数据，前端还处于接受状态，这样会引起一些问题，那么就可以在前端代码中直接中断当前的请求；下面发出一个请求：const task = wx.request({url: 'xxxxxxx',method: 'xxxxxxx',data: {a: 'xxxx',b: 'xxxx'}, succe...

在 centOS 服务器上 express 命令无法使用的问题；

情景描述：当在 centos 服务器上搭建了 node 环境之后，为了测试下 express 的使用，但是 express 命令却无法使用；一直报错 not found 。。经过一番尝试，最后发现，要先安装express-generator ，再安装express , 然后在做一个软连接即可；相关的操作的步骤：第一步：我们没有安装...

微信小程序中 console 出来的对象的值为空，点开三角查看详情的时候却有值的问题

如上图，在微信小程序中获取三张网络图片，获取到之后分别赋值给 common , personal 和 qrcode;由于赋值操作在获取成功的回调函数中，所以需要监测三张图片获取成功，并且都赋值成功，然后执行后续的操作；但是现在有个问题，一开始回调还未执行完的时候，返回的对象的三个值都是空值，但是点开三角，查看详细的情况的时候却发现，里面有值了，这就让我很困惑的；查找别人的...

分享一个微信相关的接口的测试demo地址

地址：http://203.195.235.76/jssdk/#menu-basic 如果地址失效，请忽略此文；

分享一个微信相关的接口的测试demo地址

地址：http://203.195.235.76/jssdk/#menu-basic 如果地址失效，请忽略此文；

微信小程序的图片预加载处理

一、常规的页面处理的时候，我们可以使用多种方式处理图片预加载，但是这些方法在小程序中似乎就没有那么好用了，所以，我们可以使用图片的回调函数进行图片的预加载处理；二、微信小程序的第一种情况是：现在有A ,B 两个页面在B 页面中有 10 张图片，需要提前预加载处理，那么我们可以在A页面加载完的时候提前加载B中的 10 张图片， ...

fastadmin 创建数据库如果字段小数非常多，例如经纬度时，使用 double类型

fastadmin 的数据库在创建的时候，如果涉及到了小数部分，你可能会用float,官网的说明也有float 的相关解释，但是在使用的过程中，如果涉及到了比较多的小数位数，比如说存储经纬度的数值，那么 float 是不行的，会出现的精度的问题，导致数据存储不完整，那么这个时候，我们可以使用 double 类型来创建字段，经实测，是OK的，没有问题；...

Fecs 在 vscode 的下的安装和使用

因项目需要，所以安装了 Fecs,fecs: 一个代码检查和格式化的工具，百度的，我是在vscode 下面安装的，首先打开 vscode 的命令行，（不知道怎么打开？先看这个： https://blog.csdn.net/cvper/article/details/79523387）打开后第一步安装插件：全局安装即可，不用担心当前目录在哪里，直接： npm install...

分享一个简繁字体转换的站点

港澳台地区的文字是繁体，如果我们需要做简繁体的切换的功能，那么就需要事先将简繁体输出到页面中，下面提供一个简繁体的站点，注意，台湾地区的和港澳的不太一样，需要注意下，这里的转换应该是一个通用的：自行判断，根据需要来地址：http://fantizi.apple886.com/...

百度小程序预览不了，发布不了的原因之一

百度小程序在开发的过程中可能会遇到：模拟器中可正常显示，可以正常编译，但是无法预览和发布的情况；可能之一的情况是小程序的大小超出了范围，也就是说，小程序是有大小限制的；...

js 和 php 请求国家气象局天气预报接口的问题

想实现一个天气预报的功能；在网上找了一大堆接口，最后发现，国家气象局是有接口的；下面举个例子：北京地区的接口：http://www.weather.com.cn/data/cityinfo/101010100.html 注意： 101010100 代表的是北京地区，如果想使用其它地区的天气，改变这串数字为对应城市的数字即可；这个测试的例子是集成在 fastadmin 这...

百度智能小程序的数组长度的问题

在写百度小程序的过程中发现，数组长度超过 10 之后的元素都是 undefined ；也就是说，最大长度为10，最多只能加入十个元素（一维数组）；为了解决添加更多元素的问题，采取多维数组的方式或者数组元素设置为对象的形式进行添加；...

window。location 和 location 的区别和联系

平时 js 写页面链接的跳转，使用的方式是： window. location. href ；今天看到另外一种写法： location. href ；一般人看到这两种写法的反应：第一种，居然可以这么写，这样写真的可以么？第二种，这两种写法我都知道啊，没什么么嘛？...

前端学习路上的迷茫和进阶

游戏中打怪，每个等级的经验足够了，那么就会升级进入下一级别；到今天为止，来公司已经五个月整，但是这两天却陷入了迷茫，不知道下一步该学习什么；明明知道自己欠缺的是深度，却不知道怎么去提升自己；就好像前面一片草原，不知道往哪里走；这两天一直在思考，怎么去提升自己，就在刚才，才突然找到一条路，或者说是一个方法；从最简单的问题入手，反问自己为什么，然后循着这个方向去找答案，借助这...

百度智能小程序引入外部的页面

在百度小程序的开发中，我们可能会有这样的需求，引入外部的页面，类似 iframe 的方式，但是需要注意的是，我们在这里无法使用跳转链接的方式，百度小程序提供了一个 webview 的组件，你可以认为这个 webview 就是一个 iframe ,我们通过这个webview 就可以引入外部的页面；但是，需要注意的是：使用外部的页面是需要一些配置的，需要在引入进来的...

百度智能小程序中使用地图

1. 在百度小程序的开发中，如果需要用到地图，那么有两种选择，第一种是直接使用百度智能小程序中的地图组件 <map> 就可以了；第二种方式是调用百度 APP 自身的地图，使用 swan.openLocation({ latitude: 40.0421934925273, longitude: 116.2744644...

百度智能小程序地图组件 map 使用的一些问题，地图 ios 下不显示的问题，获取当前精确的位置的问题，，，

百度智能小程序的组件 map 设置宽高的问题

在百度的智能小程序中，有一个地图组件 map ,在小程序中可以直接使用，但是这个组件目前有一个问题，就是最小的宽高限制，只能在一定程度上设置地图的宽度和高度；（版本：1.13.4）很困惑为什么要做这么一个限制。。。-----------------------------------------------------------------------------------...

百度智能小程序编译出错时退出当前的编译浮层

在百度智能小程序的开发中，如果在代码中存在错误导致编译出错，提示 error ,那么此时可以根据错误的提示信息找到错误的位置，然后点击右上角的退出按钮，这个按钮太小了，也不明显，第一次居然没发现，希望这个设计可以修改修改，不人性啊；...

fastadmin的一键 crud 和菜单的生成

fastadmin的一键 crud 和菜单的生成；一键crud ，意思是为我创建的数据生成对应的增删改查的操作，菜单的生成，意思是在后台的界面中生成一个菜单选项，然后有对应的页面，可以进行增删改查的操作；相应的步骤是：首先在数据库中创建一个表，假设这个表是 fa_testtwo然后进行一键crud的生成操作，具体方法是：在项目的...

fastadmin 的表注释和字段注释

在安装好 fastdamin 之后，看官方的文档，说是创建表的时候，要写表注释和字段注释；不了解数据库，只知道简单的表和字段的概念，这个注释是什么还真的不了解，于是，学习一下：表注释：在创建表的时候给表增加的说明文字；看下fastadmin 的数据库是怎么样的：我们选择一下 fa_admin 这个表，点击操作，下面这个表注释就显示了表的注释内容；字段注释：给字段...

fastadmin php 命令的使用设置

使用fastadmin的过程中需要使用到命令行，而且是php 命令，这就需要我们将php 加入到环境变量中去才能使用 php 命令，你可以首先尝试在命令行中输入 php -version 来测试下php 命令是否可以使用，如果不能使用，那么下一步将 php 的地址加入到环境变量中；本人本地使用phpstudy 的集成软件，其它的也都是同样的做法，找到php文件夹，如果有多...

fastadmin 报错 SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES)

这个地方的数据库的密码，原本设置的是 123456 ，出现上述报错信息；修改为 root 后，即可成功；（可能是本地的数据库的密码默认是 root 导致，有待确认）...

three js 报错，贴图黑乎乎

情景：想给一个平面 plane 进行贴图，进行下面的操作，想把一张图片贴在plane上面；var planeMaterial = new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture('./blue.jpg') } ); 问题：执行之后，plane 一片黑乎乎的，没有成功，查看控制台，已经报错了，信...

vscode 换主题（背景）的快捷键

vscode 默认是有好几种主题的，有颜色较深的，也有比较柔和的；我们可以使用快捷键来快速的选择更换主题；首先：按下 Ctrl + k 然后再按下：Ctrl + t此时就会弹出相关的主题，自行选择就好了...

在 .vue文件的样式文件中如何引入外部的样式文件（.css .less）

一般情况下vue开发的时候都是一个组件一个组件进行开发，每个组件都有自己的样式文件，基本结构如下所示：<template> <div class="test"> 测试一下，哈哈 </div></template> <script>export default { ...

作为一个前端程序员，不能懒惰下去

回顾一下八月，这一个月里面我没有写出一篇博客文章，我也自己在心里借口工作太忙，时间太少，精神和身体都太疲劳，但是，这些都是借口，我觉得应该是；今天是九月的第一天，虽然是个周末，但却也是开学的日子；早上睡了个懒觉，然后出门去公司，路过一个小学，孩子们正在为开学做准备，曾经的我们也都是这样，九月一号有着特殊的含义，但是现在这些只能怀念，因为已成过往，但是那样阳光快乐的心态我们却可以拾起来；...

vscode 跳转到指定的行数的快捷键

在工作中，尤其是容易产生错误的 js 代码，报错之后会提示有错误代码的位置，也就是在哪一行出问题了，在vscode 编辑器中，可以使用快捷键跳转到指定的行数：快捷键： Ctrl + G ,然后在弹出的框中输入行数就可以了； ...

css同时设置多个背景背景图片显示的先后顺序问题

css 的background 可以设置多个背景图片：下面这个类名为 abc 的样式设置了两个背景图片，分别为：test.png 和 test2.jpg ,也就是说需要设置多少个背景图片，就设置几个 url 就可以了；.abc{width: 300px;height: 300px;border: 1px solid red;background:url( test1.p...

Linux 创建目录mkdir ，多级目录

使用 mkdir 命令可以创建一个新的目录；使用 mkdir 命令也可以创建一个多级的目录；演示：创建单个目录首先查看当前目录下有无文件和目录，发现没有；然后使用 mkdir test 命令创建新的目录 test ;递归创建多个目录在当前目录下，我们使用 mkdir -p test1/test2/test3 命令创建 test1 目录，同时创建了 test1 目录下的 test2 目录，同时...

Linux 返回根目录

使用命令 cd 或者 cd ~ 来返回根目录演示：首先看一下根目录然后进入根目录下的目录 he 中使用 cd 或者 cd ~ 两种方式返回根目录上面就是两种返回根目录的命令；...

Linux 清屏命令

使用 clear 命令可以清屏；演示：使用 clear 命令之前使用clear 命令使用clear命令之后 ...

Linux 查看目录下文件的详细信息

使用 ls -l 可以查看一个目录下文件的详细的相关信息；演示：先使用 ls -a 查看当前目录下的所有文件；然后使用 ls -a -l 查看所有文件的详细信息，每一行是一个文件的所有信息，如上图所示；再使用 ls -a -l -h 查看所有文件的详细信息，如上图，区别是文件大小的显示方式；另： ls -a -l 可以缩写为 ls -al 其它的同理；...

Linux 隐藏文件

Linux 下创建一个隐藏文件：使用： touch .test.txt touch 命令可以创建一个文件文件名前面加一个点就代表是隐藏文件；演示：先使用 ls 查看当前目录下有无文件，发现没有；然后使用 touch .test.txt 创建一个隐藏文件再次查看当前目录下，仍然没有任何文件，这个时候应该使用 ls -a 去查看隐藏的文件，发现我们的隐藏文件已经出现了；...

Linux 创建一个文件 touch

2018/7/8 周日使用 touch 命令可以创建一个文件演示：创建一个 index.html 文件使用 ls 查看当前目录下有无文件，查看后，没有文件；使用 touch index.html 创建 index.html 文件；使用 ls 查看当前目录下有无文件，出现 index.html 文件；...

Linux 查看当前所在的路径

2018.7.8 周日==============================================================Linux 查看当前所在的路径的命令： pwd 演示：输入 pwd 命令，回车得到当前所在路径地址

实现竖直的输入框，文字从上到下排列

有的时候可能会有这样的需求，一个竖直的输入框，输入信息，文字也是从上到下排列；下面我们可以利用div来实现这样的需求：（1）设置 div 可编辑 contenteditable = true （2）对于 ios有些问题，还需要设置下 -web-kit-user-select：text；<!DOCTYPE html><html lang="en...

html2canvas 图片中的文字显示模糊图片模糊二维码模糊的原因之一

有些h5项目有长按保存图片的需求，可以使用 html2canvas 来实现相对应的功能，但是在项目中发现有的地方模糊不清，比如网页中有一张二维码的图片模糊，无法识别，后来发现，图片之类的不要当作背景图片，也就是直接放在 <img> 标签中即可,解决了图片模糊的问题； ...

实现 swiper 的左右箭头放到外面，定制箭头的样式

swiper 很好用，但是设计可不会按照 swiper 的样式给你设计图，一般情况下轮播图会有下面这种情况： swiper 本身的箭头在里面；而我们需要箭头在外面； swiper 默认的样式是箭头部分在内部，那我们要如何实现siwper 的箭头放到外面呢？第一步：实现一个不带箭头的轮播图；代码：<!DOCTYPE html><html lang="e...

在同一个页面中多次使用swiper 轮播插件，要避免相互影响

在项目中使用轮播是很常见的，swiper 就是其中之一，pc 端，移动端都可以使用，效果还是不错的；曾经在写一个页面的时候，其中有两个轮播图，于是都用swiper 来写了，写完之后发现显示的效果不是预期的效果，有很大的问题；后来检查发现两个轮播图相互影响了，样式啥的冲突了，因为我没有单独的给container或者slide 起类名，所以样式相互冲突了；现在总结一下在同一个页面中使用多个 swipe...

用 ps 获取设计图中的大段文字内容

上周遇到这么个情况，项目中的设计图中有大段的文字，但是我这么个 ps 菜鸟也不知道用 ps 文字获取，生生手打全部文字，浪费了很多的时间，后来总监看见了，就教了一下用 ps 文字去选中复制psd中的文字内容，也算学会了一个新技能，但是在后面的使用中发现，有的大段文字居然获取不了，估计是这个软件不大行，于是马上安装了ps cc 2017 ，现在再去操作，就没啥问题了；拿到了设计图如下：（部分内容）...

实现文字后面加一条横线的效果

学习是一个长期积累的过程，积累的多了也就有经验了，有能力了；无论再忙也要坚持学习，继续我的学习！实现的效果图：我们能够看到，文字的两边出现了一小节横线；实现思路：第一步：先实现一个外层的 div ，即图中的长方形部分，这个的作用是便于将文字部分放置在想要放置的地方；第二步：在上面的div中再写一个 <div> 放置文字，或者用一个 <p> 来实现也是好的 ;...

php 大小写敏感的问题

php 变量名区分大小写其它的函数名等等不区分大小写；例如：变量名是区分大小写的； <?php $test='小写变量名'; $TEST='大写变量名'; echo $test; echo "<br>"; echo $TEST; ?> ...

前端开发的时候给js css 图片等加 v

前端开发的时候，还没有开发结束的时候，客户可能会要求上线查看进度和显示效果；一般这个时候，我们会在代码中加 v ，一开始我是不了解这个的，为啥要加 v ；也就是 <script src="main.js?v=1" 类似这种加上参数的方式；假设我们现在上线了一个版本，那么之后的版本就在 css js png jpg 等后面按上面的方式在后面加上统一的版本号，第二次就标 v=2 ,第...

前端压缩图片 tinypng

前端写页面，很多时候会引入大量的图片，网页打开的时候加载速度就会成为一个问题，尤其是在目前的移动端（未来网速大幅提升的情况下会好很多），现在这样的情况下压缩图片是很好的选择，可以加快网页打开的速度，让用户有更好的体验；这里有一个很好用的工具，tinypng ( www.tinypng.com )打开官网，把需要压缩的png 或者 jpg 格式的图片直接拖进去就可以了，很简单；缺点是免费的...

js 获取文件名和路径

使用js 提取文件名和路径：<script> var str="/abc/def/sos.php"; var obj=str.lastIndexOf("/"); console.log(str.substr(obj+1));</script>我们首先利用 lastIndexOf("/") 找到最后一个 / 的位置，然后利...

对象解构赋值

先赋值看看：<script> let {abc:test1,def:test2}={abc:"first",def:"second"} console.log(test1) console.log(test2)</script>简化写法：<script> let {abc,def}={abc:"first"..

数组的解构赋值

个人习惯在js中这个样子给变量赋值：<script> let test1="test1"; let test2="test2"; let test3="test3"; let test4="test4"; </script>在es6中，我们可以这样子实现赋值：<script>

遍历器 iterator

展开运算的对象是具有遍历器接口的对象，数组，map , set 等一些数据结构是具有遍历器接口的；这些对象都有一个属性： Symbol.iterator现在输出一下这个属性：console.log(arr[Symbol.iterator]);控制台可以看到指向的是一个函数，一个方法：ƒ values() { [native code] }下面返回一个遍历器对象 obj ,并且使用next() 改...

es6 展开运算符 ...

好记性不如烂笔头，在学习的过程中，越来越明白这句话的含义；ES6的展开运算符使用三个点来表示 ...使用展开运算符的前提：对象具有 Iterator 遍历器接口，比如数组，怎么判断一个对象是否具有Iterator 遍历器接口呢，我们查看对象是否有 Symbol(Symbol.iterator)属性就可以了，有的话，那就具有Iterator 遍历器接口，没有的话，那就不具有；我们看看数组：&lt...

ECMAScript 标签语句 js实现

语法：label : statementlabel 是名字，作为标记，statement是语句我们通过 js 来看看用法： break+标签语句<script> //定義一個label，也就是名字或者標誌 jumpout: //定義語句 for(let i=0;i<5;i++){ if(i&...

小保安没有错！是你我，是企业的错，谈责任和义务

吃完早饭回来，看到这样一幕：因为小区外面的共享单车停了一堆又一堆，保安的一个负责人将责任怪罪到一个普通的保安人员身上，理由是昨晚的值班人是他；我从小保安的身上看到了委屈，为什么说是小保安，因为年龄不大，20来岁；平日里，小区的进入管理都是这些普通的保安人员在做，他们不让共享单车进入小区，招来怨言，他们不让外卖车进入小区，也招来怨言，总之，就没有人对他们有过好的态度，但是，他们的服务对象就是这些小区...

localStorage 的实现

localStorage 实现了本地的永久存储；这一点和sessionStorage不同，后者在会话结束就清除了；先来看看localStorage的添加，应该是设置，“添加”不准确；方法：setItem( );实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

离线缓存 manifest 的设置

虽然 manifest 已经从web标准中移除，但是还是来看看manifest的实现吧；这个需要服务器的支持，也就是需要设置MIME,我在本地的wamp 环境下进行设置的，对应的是第四个，也就是下面最后一个 AddType application/x-compress .Z AddType application/x-gzip .gz .tgz AddType applicati...

js 时间获取

先看看如何获取时间： <script> window.onload=function(){ (function abc(){ var date=new Date(); console.log(date.getFullYear()); // 获取年份 ...

实现图片由远及近的效果

图片自备：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

js 事件对象

js 是面向对象的，每次这么说一遍，总有一天会深入理解这个概念的；我们来看看事件对象，我们先简单的从概念上描述一下什么是事件对象：我们都知道事件，比如click ,keydown , mouseover 等等，是不是很熟悉，那么事件对象就很好理解了，事件对象存储了有关这个对象的一些信息，而这些信息我们都能获取:这么说也不好理解，看下面的图片：假设现在有一个点击事件，那么点击事件的事件对象就像一个...

cvper's world !

计算机软件文档编制规范

程序员养生之道——坚持泡脚（十五分钟以上）

2019年11月初小记

web cookie 的存储大小问题

egret 项目打包成 h5 后，页面显示有问题的原因之一

TP5 => 使用 count() 获取查询结果的数量

制作精灵图 glue 的安装使用（安装过程存在的问题）

vue中使用 vue-video-player的几个问题

vue 修改富文本的样式 使用 deep selectors >>>

vue 中多行文本溢出省略号 在打包之后，即 build 命令之后不起作用的原因

js 不使用 var 声明的变量不是全局变量

h5（网页） 调用相机拍照和相册，实现图片上传功能

微信小程序中禁止当前页面的上下滑动处理

在 windows 中将文件夹压缩成 .zip , 然后传到 centos 服务器上解压

centos 中 php 连接 mysql / mariadb 数据库的简单记录

Mariadb 设置 utf8 编码格式的统一

微信小程序组件 component 中自执行一个函数的处理

npm 上的各种包的版本信息的简单描述

--save 和 --save-dev 的作用和区别简单描述

canvas 相关基础汇总简记

css3 实现正反面翻转效果动画

Angular 学习的版本问题

react-11 给项目增加 fastclick 文件

react-10 react life cycle 生命周期简单学习

react-9 state ， props 和 map 循环渲染的简单描述

react-8 react-router-dom 的简单使用（3）

react-7 react-router-dom 的简单使用（2）

create-react-app 创建项目没反应的一次记录

react-6 react-router-dom 的简单使用（1）

react-tips3: 设置样式 设置组件的样式

react-tips2: route 的exact参数的设置问题

react-5 react的路由相关概念总结，react-router,react-router-dom

react-tips1: import {BrowserRouter as Router , Route, Switch, Link } from 'react-router-dom';

react-4 简单的组件的使用

react-3 react 是怎么显示页面的，通过简单的例子来尝试

react-2 项目目录的简单描述

react-1 创建一个最简单的可运行的 react 项目

检测当前浏览器是否支持canvas的处理

react 报错：'React' must be in scope when using JSX react/react-in-jsx-scope

微信小程序和百度小程序的登录 wx.login() swan.login() , 以及存在的问题处理

canvas 的绘图模式 retained-mode（保存模式） 和 immediate-mode （立即模式）

h5 或者小程序中使用 MD5 和 base- 64 加密的处理的代码分享

微信小程序中断请求的处理，中断 wx.request() 请求

微信小程序的分享相关问题

在 centOS 服务器上 express 命令无法使用的问题；

微信小程序中 console 出来的对象的值为空，点开三角查看详情的时候却有值的问题

分享一个微信相关的接口的测试demo地址

分享一个微信相关的接口的测试demo地址

微信小程序的图片预加载处理

fastadmin 创建数据库如果字段小数非常多，例如经纬度时，使用 double类型

Fecs 在 vscode 的下的安装和使用

分享一个简繁字体转换的站点

百度小程序预览不了，发布不了的原因之一

js 和 php 请求国家气象局天气预报接口的问题

百度智能小程序的数组长度的问题

window。location 和 location 的区别和联系

前端学习路上的迷茫和进阶

百度智能小程序引入外部的页面

百度智能小程序中使用地图

百度智能小程序地图组件 map 使用的一些问题，地图 ios 下不显示的问题，获取当前精确的位置的问题，，，

百度智能小程序的组件 map 设置宽高的问题

百度智能小程序编译出错时退出当前的编译浮层

fastadmin的一键 crud 和菜单的生成

fastadmin 的表注释和字段注释

fastadmin php 命令的使用设置

fastadmin 报错 SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES)

three js 报错， 贴图黑乎乎

vscode 换主题（背景） 的快捷键

在 .vue文件的样式文件中如何引入外部的样式文件 （.css .less）

作为一个前端程序员，不能懒惰下去

vscode 跳转到指定的行数的快捷键

css同时设置多个背景 背景图片显示的先后顺序问题

Linux 创建目录mkdir ，多级目录

Linux 返回根目录

Linux 清屏命令

Linux 查看目录下文件的详细信息

Linux 隐藏文件

Linux 创建一个文件 touch

Linux 查看当前所在的路径

vue 修改富文本的样式使用 deep selectors >>>

vue 中多行文本溢出省略号在打包之后，即 build 命令之后不起作用的原因

h5（网页）调用相机拍照和相册，实现图片上传功能

react-tips3: 设置样式设置组件的样式

canvas 的绘图模式 retained-mode（保存模式）和 immediate-mode （立即模式）

three js 报错，贴图黑乎乎

vscode 换主题（背景）的快捷键

在 .vue文件的样式文件中如何引入外部的样式文件（.css .less）

css同时设置多个背景背景图片显示的先后顺序问题

html2canvas 图片中的文字显示模糊图片模糊二维码模糊的原因之一

实现图片由远及近的效果