cvper's world !

Skate & Music
私信 关注
cvper
码龄5年

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

  • 1,679,247
    被访问量
  • 258
    原创文章
  • 4,118
    作者排名
  • 159
    粉丝数量
  • 于 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篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

计算机软件文档编制规范

这个标准是国家标准(GBStd)之一,全称:计算机软件文档编制规范下面简单摘取此规范的相关信息:标准号:GB/T 8567-2006发布日期:2006-03-14实施日期:2006-07-01这个标准是目前现行的标准,官网地址:点击进入...
原创
205阅读
0评论
0点赞
发布博客于 7 月前

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

我们作为底层的程序员,工作量是相当大的,考验的不仅仅是我们的精神是否足够强大,更是我们的身体素质;如果肠胃有问题,那么晚上的时候,多烧点热水泡泡脚吧,长期坚持下来,身体会有很大的改善,而且是全面的的改善,本人亲测,不吹~;如果想熬夜,但是感觉感觉寒冷的话,多少点热水泡泡脚吧,现在这个天气,去室外活动一下可能感觉不到冷,但是如果我们一直坐着敲代码,那么肯定会感觉到全身冰寒,然后失去学习或者敲...
原创
547阅读
0评论
3点赞
发布博客于 2 年前

2019年11月初小记

北京的冬季已经开始了,还没有开暖气的这个时间点终究是不舒服的;全国的房价现在已经居高不下了,90后的我们处于一个很尴尬的位置:90后的我们买不起房子,即便贷款买了房子,月月的房贷压在头上,二十年,三十年;工资看着不少,存款却只有那么一点,还有的是负资产,大家都明白;大多数人都想着去大城市买房安家,却不知道这是一条不归路,你可以很容易成为一个城市人,却再也回不到农民的身份;从事的...
原创
228阅读
0评论
1点赞
发布博客于 2 年前

web cookie 的存储大小问题

俗话说,纸上得来终觉浅,绝知此事要躬行;前辈问我cookie的存储量有多大,我按部就班的回答 4k左右;前辈又问,那么cookie能存储多少个汉字?4k 大概 4000字节,一个汉字 2 个字节,那差不多 2000个吧;前辈又问:确定么到此就困惑了;下面通过 chrome 浏览器的 cookie 进行测试:注意,项目在本地服务器环境下启动测试,否则无法完成设置,本...
原创
1637阅读
0评论
1点赞
发布博客于 2 年前

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

例如我们创建了一个 EUI 的项目,最后需要打包成一个 h5,打包前模拟器中运行都是正常的,打包后的项目就出现页面适配的问题;出上面问题的原因之一,就是我们在创建项目的时候,在 Egret Launcher 中设置了参数,后来,我们觉得有问题,于是在代码中进行了修改,但是打包的时候还是以Egret Launcher 中设置的参数为准导致的;比如说我们在Egret Launcher创建项目的...
原创
1944阅读
1评论
2点赞
发布博客于 2 年前

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

thinkphp5.0我们使用tp5 查询数据的时候,想要获取结果的条数,我们可以使用 count() 来获取,例如:我们从 page 表中查询所有数据,然后使用 count() 获取查询结果的条数,使用 assign() 返回给前端;$list = Db::table('page')->select();$list_length = count($list);$this...
原创
10460阅读
0评论
1点赞
发布博客于 2 年前

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

帧动画是很多张图片的切换,依赖人眼的视觉残留效应实现动画的效果;一般情况下设计会给到很多的图片,这个时候,作为前端需要把这些图片合成一张图片,然后改变图片的位置,显示相应的图片区域即可;———————————————————————————————————————————————————合成图片的工具:glueGitHub地址:https://github.com/j...
原创
278阅读
0评论
0点赞
发布博客于 2 年前

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

video.js 插件在vue中是 vue-video-player;我们在vue中播放视频可以使用这个插件;下面简单描述几个使用中的问题,不涉及其他问题:1. 自定义播放处理 , 我们自己如何去触发播放这个事件2. 播放,停止触发的函数相关处理;3. 在安卓的微信中播放视频不能播放的问题;1. 自定义播放,假设现在自己写了一个button, 或者其他什么东...
原创
15398阅读
6评论
1点赞
发布博客于 2 年前

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

情景描述: 在vue中,后台编辑富文本信息通过接口返回到前端页面中,为了样式的统一和美观,我们可以在 一定程度上设置富文本的样式,那怎么去设置呢? 假设我们在vue中写了一个div , class 是 abc , 然后将富文本test渲染到div 中, ...
原创
1638阅读
0评论
0点赞
发布博客于 2 年前

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

前提: 2.x的 cli 创建项目情景描述: 移动端实现多行文本溢出显示省略号,可以使用 下面这个属性: -webkit-line-clamp: 3; 具体怎么使用这里不作说明,但是在vue中,如果你使用了cli工具创建了项目,那么没有 ...
原创
718阅读
3评论
1点赞
发布博客于 2 年前

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

你以为正确的事情,到最后发现是错误的,这是怎样的一种心情;大家似乎都有这样一种共识,使用var 声明的变量是局部变量,不使用var 直接写变量名是全局变量,然后代码中一实验,发现效果确实是符合预期的,但是这个认知却是不正确的;<script> function test(){ var abc = 123; de...
原创
1724阅读
6评论
0点赞
发布博客于 2 年前

h5(网页) 调用相机拍照和相册,实现图片上传功能

情景描述: 一个h5或者网页中需要上传图片功能,并且这个功能可以选择本地的图片或者拍照上传;实现方法: 我们在网页中是可以直接调用手机的相机或者上传本地图片的,也就是说,我们是有使用本地图片文件和 拍照的权限的,即便网页是在微信环境或者其他浏览器环境中,也都是可以的; ...
原创
12552阅读
3评论
2点赞
发布博客于 2 年前

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

在微信小程序中定义了一个半透明遮罩层,上面显示提示的文字;但是这是一个长页面,遮罩出现的时候,页面依然可以上下滑动;为了在遮罩出现的时候禁止用户滑动页面,如下处理:给这个遮罩层 绑定事件: 使用 catchtouchmove<view catchtouchmove="noneEnoughPeople"> 我是遮罩层</view> ...
原创
11684阅读
0评论
2点赞
发布博客于 2 年前

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

情景描述: 在windows 中创建了项目,想要上传到 centos 服务器上,采用先压缩成 .zip 文件,再传输到服务器上解压的方法; 一般的工具上传单个文件是很方便,文件夹好像就麻烦些,所以直接打个包到服务器上解压;第一步,将项目压缩成 .zip 格式文件,上传到服务器指定的位置上,采用 r z 的方式上传, ...
原创
1464阅读
2评论
0点赞
发布博客于 2 年前

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

情景: centos7 使用php 连接 mariadb在不使用php 框架的前提下,直接来一个index.php然后再这个文件中直接连接数据库,获取数据,这只是一个测试的小例子,记录一下;我的centos 上有一个Mariadb,里面有一个默认的mysql 数据库,里面有一个 user 表,我这里测试连接数据库并且查询一下这个表;<body> ...
原创
1334阅读
0评论
0点赞
发布博客于 2 年前

Mariadb 设置 utf8 编码格式的统一

之前在window 中本地使用集成环境的apache和mysql,使用的时候 mysql 的字符集通常是需要设置的;现在在centos服务器上使用 yum 方式安装了 mariadb ,字符集也是需要设置一下的,避免后面使用中出现乱码的情况;我这边查看已经安装的Mariadb 的字符集的设置情况:第一种方式:使用xshell 连接我的 centos 服务器,使用 mysql ...
原创
356阅读
0评论
0点赞
发布博客于 2 年前

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

情景描述:开发了一个微信小程序的页面 A , 然后在页面A 中引入一个组件 B,现在想在组件 B 加载进来的时候执行一个请求,获取数据进行B组件的渲染;如何去写这个请求?解决方案1: 使用组件的生命周期你可能指导小程序的生命周期,但是组件自己也是有生命周期函数的,上面的请求我们可以写在组件的生命周期函数attached()中;解决方案2:使用参数传递...
原创
5455阅读
0评论
0点赞
发布博客于 2 年前

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

在使用 npm 下载各种包的时候,如果我们去详细查看这个包的所有存在的版本信息,那么就会发现有的版本后缀有 -beta 或者 -alpha , 又或者 -rc这些后缀是有意义的;首先:如果后缀 -alpha , 那么说明这个文件目前的这个版本是 内测版本, 看到内测版本就应该知道,这个版本是有问题的,存在不稳定因素;其次:如果后缀...
原创
1829阅读
0评论
1点赞
发布博客于 2 年前

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

这是一个使用npm时的基本的问题;简单来说: 使用命令 --save 或者说不写命令 --save ,都会把信息记录到 dependencies 中; dependencies 中记录的都是项目在运行时需要的文件; 使用命令 --save-dev 则会把信息记录到 devDependencies...
原创
9859阅读
2评论
10点赞
发布博客于 2 年前

canvas 相关基础汇总简记

零散的canvas知识点简记:1. canvas 默认情况下,即不设置宽高的情况下,宽度 300 高度 150 ;2. 通过 判断canvas的.getContext 属性是否存在,作为浏览器不支持canvas的判断; getContext 是一个方法,或者说是一个函数,canvas通过这个函数获取canvas的绘图环境; 以下...
原创
119阅读
0评论
0点赞
发布博客于 2 年前

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

分享一下正反面的翻转的动画效果的实现,使用了css3的一些属性;在目前的移动端中使用还是可以的,但是pc端需要注意IE的兼容问题;下面翻转了一个&lt;p/&gt;元素,没有使用图片,需要使用图片替换成图片即可;代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UT...
原创
3914阅读
0评论
2点赞
发布博客于 2 年前

Angular 学习的版本问题

学习angular可能会遇到版本选择的问题,此处简单记录一下;angular 有 1.x 和  2.x 的区别,无论学习还是查阅资料的时候需要注意区分; 1.x 版本对应的是 angularJs;参考网址:http://www.angularjs.net.cn/ 2.x 版本对应的是 angular;参考地址:https://angular.io/...
原创
465阅读
0评论
0点赞
发布博客于 2 年前

react-11 给项目增加 fastclick 文件

为了优化react 项目在移动端的体验,可以 引入 fastclick ,解决点击延迟的类似问题;参考下载地址:https://www.npmjs.com/package/fastclick  我们在项目目录下使用命令: npm install --save fastclick进行安装安装完成之后,我们打开文件:  /src/index.js  ;先引入我们下载的fastcli...
原创
1742阅读
0评论
0点赞
发布博客于 2 年前

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

和 Vue 或者小程序类似,React 也有生命周期函数;react 生命周期官网参考文档:https://reactjs.org/docs/react-component.html#lifecycle-methods 下面通过例子来说明下面四个生命周期函数:constructor()   ,   componentWillMount()   ,  componentDidMoun...
原创
225阅读
0评论
0点赞
发布博客于 2 年前

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

之前简单学习了react 组件是怎么写的,比如下面这个:import React from 'react';import './intro.css';export default class Intro extends React.Component { render(){ return( &lt;div&gt;我是简介页面&lt;/di...
原创
1000阅读
0评论
0点赞
发布博客于 2 年前

react-8 react-router-dom 的简单使用(3)

在上一篇中,我们实现了项目默认进入首页,然后手动修改页面地址,显示相应的页面;现在我们实现下面的功能,进入项目,默认显示首页,首页中有三个按钮,点击相应的按钮,跳转到相应的页面; 我们需要做的是在上一篇项目的基础上增加点处理就可以了,我们使用上一篇中的所有代码; 现在默认显示的页面是 home,我们打开home.js 文件:import React from 'react...
原创
97阅读
0评论
0点赞
发布博客于 2 年前

react-7 react-router-dom 的简单使用(2)

之前,我们尝试了类似 tab选项卡功能的路由学习;现在我们来看下基本的各个页面间的路由的实现;下面实现一个基础的四个页面的项目的路由的处理: 我们默认进入首页 home, 也就是访问根目录的时候进入home 页面;当我们在地址栏中输入 /Intro 的时候,我们进入介绍页面;当我们在地址栏中输入/Func 的时候,我们进入功能页面;当我们在地址栏中输入/Show 的时候...
原创
97阅读
0评论
0点赞
发布博客于 2 年前

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

今天使用 create-react-app 命令创建测试的react 项目,但是却出现了问题:始终是下面的状态,半天没有反应; 经历了一个下午的尝试,始终不行,换网络,开vpn ,也还是这样,关键还不报错;晚上尝试重启笔记本,然后稍等一会,成功了,重启大法好;...
原创
1031阅读
0评论
0点赞
发布博客于 2 年前

react-6 react-router-dom 的简单使用(1)

之前我们了解了react-router-dom是路由的组件,下面看看这个路由的组件的使用;我们之前使用create-react-app 创建了简单的项目目录:my-app-level2,我们进入创建的项目目录中,使用 npm install --save react-router-dom 下载react-router-dom 这个模块,如下:安装完成之后,我们就可以使用这个路由的组...
原创
548阅读
0评论
0点赞
发布博客于 2 年前

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

react 页面样式的设置,和普通的页面样式设置没有太大区别;首先我们创建一个Index组件,目录如下:                                                               创建的这个Index组件只有一个index.js 文件和 index.css 文件; 我们先不管这两个文件中的内容,我们先把这个组件挂载到...
原创
361阅读
0评论
0点赞
发布博客于 2 年前

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

 使用 react-router-dom 中的 &lt;Route&gt; 组件,这个组件有个参数  exact ,下面举个例子,&lt;Route path="/" component={Home} /&gt;&lt;Route path="/introduce" component={Introduce} /&gt;&lt;Route path="/detail"
原创
866阅读
0评论
1点赞
发布博客于 2 年前

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

在学习React 的过程中,当学习到路由的时候,就会发现 react-router 或者 react-router-dom 组件;这是已经写好的,可以直接拿来使用的react 路由组件; 第一个问题: 有的时候我们会看到有些react 的学习的例子中使用了 react-router ,另外一些却使用了                       react-router-dom (...
原创
594阅读
0评论
1点赞
发布博客于 2 年前

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 的意思是给当前的名字起一个小名,别名;我们原本是要引入...
原创
1753阅读
0评论
1点赞
发布博客于 2 年前

react-4 简单的组件的使用

之前我们基于 create-react-app 创建出下面目录结构的项目:  我们也简单了解了react 是如何使用 ReactDOM.render() 方法渲染我们的页面;一开始创建的项目在渲染的时候使用了组件的方式,但是我们在上一篇中演示了不用组件的方式来渲染页面;下面我们来使用组件的方式重新演示一下; 我们在 src 目录中新增一个Pages 目录,新增4个页...
原创
130阅读
0评论
0点赞
发布博客于 2 年前

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

我们通过create-react-app 创建了简单的 react 项目,也查看了这个自动创建的项目的目录;下面看一下,这个 react 页面是如何显示的:                                                            第一步,我们打开 public 目录下的index.html                即便我们对这个r...
原创
609阅读
0评论
0点赞
发布博客于 2 年前

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

1. 之前我们利用create-react-app 创建了一个简单的项目目录,如下图:    项目目录大概有四个部分,    第一个部分是所有的模块部分(node_modules),也就是项目需要用到的各种包,包括当前项目运行和编译所需要的所有    文件,也存放着后续我们增加的各种包,一般情况下不用管这块区域;    第二个部分(public)存放着我们的首页文件 index.h...
原创
264阅读
0评论
0点赞
发布博客于 2 年前

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

(测试环境:windows)1. 第一步,需要一个目录,即一个文件夹, 这里我在 f 盘下建立了一个临时的 react-app-delete 目录,    目录里已经存在两个子目录 my-app  和  my-app-example , 这里不用管(如下图);2. 使用命令   npm install -g create-react-app  安装 create-react-app 这...
原创
1309阅读
0评论
0点赞
发布博客于 2 年前

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

大部分的浏览器都已经可以很好的支持canvas了,但是还是有些不能支持,比如 IE8 等;如果我们需要对这些浏览器进行兼容处理,那么首先要检测当前浏览器是否可以支持canvas;canvas 对象有 getContext 的方法,我们可以利用这个方法进行判断; 第一种,我们先在页面中加上 &lt;canvas &gt;标签,然后获取这个canvas对象,假设为 canvasObj;...
原创
4616阅读
0评论
0点赞
发布博客于 2 年前

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 应该大写,这里小写导致错误;...
原创
14928阅读
2评论
0点赞
发布博客于 2 年前

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

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

canvas 的绘图模式 retained-mode(保存模式) 和 immediate-mode (立即模式)

(canvas 使用的模式是   immediate 模式); 一、retained-mode 和 immediate-mode  两种不同的绘图模式绘图模式的话,有两种(目前我了解到的只有这两个),第一种是 retained-mode ,   第二种是 immediate-mode ; 从名字上我们大概就能知道这两种模式的差别了,我们看看中文, retained-mode...
原创
1295阅读
0评论
0点赞
发布博客于 2 年前

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

MD5 和 base64 可以用来简单的加密数据;抛开其他的加密算法的使用,这里分享一下在h5 和微信小程序中使用 MD5 和 base64 加密的实现和代码;先看看两段代码(来源未知,但亲测可用),第一个 MD5 的 js 实现,第二个 base64 的 js实现;  第一个: base64 的实现代码:base64Transform() { // private ...
原创
1255阅读
0评论
0点赞
发布博客于 2 年前

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

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

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

微信小程序具有分享的功能,下面看看相关的问题:1. 微信小程序的分享功能    微信小程序可以分享,但是是需要设置分享的功能,否则是不会有分享功能的,什么意思呢? 首先我们开发一个小程序,    如果在某个页面中的 js 文件中加入     onShareAppMessage(){                   // 这个就是分享设置的函数    }    那么,...
原创
620阅读
0评论
0点赞
发布博客于 2 年前

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

情景描述: 当在 centos 服务器上搭建了 node 环境之后,为了测试下 express 的使用,但是 express 命令却无法使用;                   一直报错 not found 。。   经过一番尝试,最后发现,要先安装express-generator , 再安装express , 然后在做一个软连接即可;相关的操作的步骤:第一步:我们没有安装...
原创
401阅读
0评论
0点赞
发布博客于 3 年前

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

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

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

地址:http://203.195.235.76/jssdk/#menu-basic 如果地址失效,请忽略此文;
原创
285阅读
0评论
0点赞
发布博客于 3 年前

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

地址:http://203.195.235.76/jssdk/#menu-basic 如果地址失效,请忽略此文;
原创
285阅读
0评论
0点赞
发布博客于 3 年前

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

一、常规的页面处理的时候,我们可以使用多种方式处理图片预加载,但是这些方法在小程序中似乎就没有       那么好用了,所以,我们可以使用图片的回调函数进行图片的预加载处理;二、微信小程序的第一种情况是: 现在有A ,B 两个页面       在B 页面中有 10 张图片,需要提前预加载处理,       那么我们可以在A页面加载完的时候提前加载B中的 10 张图片,     ...
原创
6544阅读
0评论
0点赞
发布博客于 3 年前

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

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

Fecs 在 vscode 的下的安装和使用

因项目需要,所以安装了 Fecs,fecs:  一个代码检查和格式化的工具,百度的, 我是在vscode 下面安装的,首先打开 vscode 的命令行,(不知道怎么打开? 先看这个: https://blog.csdn.net/cvper/article/details/79523387)打开后第一步安装插件:全局安装即可,不用担心当前目录在哪里,直接: npm install...
原创
662阅读
0评论
0点赞
发布博客于 3 年前

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

港澳台地区的文字是繁体,如果我们需要做简繁体的切换的功能,那么就需要事先将简繁体输出到页面中,下面提供一个简繁体的站点,注意,台湾地区的和港澳的不太一样,需要注意下,这里的转换应该是一个通用的:自行判断,根据需要来地址:http://fantizi.apple886.com/...
原创
352阅读
0评论
0点赞
发布博客于 3 年前

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

百度小程序在开发的过程中可能会遇到:                   模拟器中可正常显示,                   可以正常编译,                   但是无法预览和发布的情况;可能之一的情况是小程序的大小超出了范围,也就是说,小程序是有大小限制的;...
原创
3102阅读
2评论
0点赞
发布博客于 3 年前

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

想实现一个天气预报的功能;在网上找了一大堆接口,最后发现,国家气象局是有接口的;下面举个例子:北京地区的接口:http://www.weather.com.cn/data/cityinfo/101010100.html 注意:  101010100 代表的是北京地区,如果想使用其它地区的天气,改变这串数字为对应城市的数字即可; 这个测试的例子是集成在 fastadmin 这...
原创
876阅读
0评论
1点赞
发布博客于 3 年前

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

在写百度小程序的过程中发现,数组长度超过 10 之后的元素都是 undefined ;也就是说,最大长度为10,最多只能加入十个元素 (一维数组); 为了解决添加更多元素的问题,采取多维数组的方式或者数组元素设置为对象的形式进行添加;...
原创
612阅读
0评论
0点赞
发布博客于 3 年前

window。location 和 location 的区别和联系

平时 js 写页面链接的跳转,使用的方式是: window. location. href  ;今天看到另外一种写法: location. href   ; 一般人看到这两种写法的反应: 第一种,居然可以这么写,这样写真的可以么 ?                                                     第二种,这两种写法我都知道啊,没什么么嘛 ?...
原创
2819阅读
0评论
1点赞
发布博客于 3 年前

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

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

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

在百度小程序的开发中,我们可能会有这样的需求,引入外部的页面,类似  iframe 的方式,但是需要注意的是,我们在这里无法使用跳转链接的方式, 百度小程序提供了一个 webview 的组件,你可以认为这个 webview 就是一个 iframe ,我们通过这个webview 就可以引入外部的页面; 但是,需要注意的是: 使用外部的页面是需要一些配置的,需要在引入进来的...
原创
6494阅读
0评论
0点赞
发布博客于 3 年前

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

1. 在百度小程序的开发中,如果需要用到地图,那么有两种选择,    第一种是直接使用百度智能小程序中的地图组件 &lt;map&gt; 就可以了;    第二种方式是调用百度 APP 自身的地图,使用     swan.openLocation({        latitude: 40.0421934925273,        longitude: 116.2744644...
原创
2547阅读
0评论
0点赞
发布博客于 3 年前

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

本次说明的问题存在于最新的版本中  v-1.13.4 中,随着版本的更新,有些问题可能会被解决掉; 第一个问题: 某些情况下, ios 系统中,小程序的地图组件不会显示;详细描述:   这个问题仅仅存在于iOS中,地图组件如果在DOM 结构的偏前面的位置,会显示出来,                     但是在DOM 结构的偏后位置加入地图组件,地图不会显示出来,也就是说,尽量...
原创
1085阅读
0评论
0点赞
发布博客于 3 年前

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

在百度的智能小程序中,有一个地图组件 map ,在小程序中可以直接使用,但是这个组件目前有一个问题,就是 最小的宽高限制,只能在一定程度上设置地图的宽度和高度;(版本:1.13.4)很困惑为什么要做这么一个限制 。。。-----------------------------------------------------------------------------------...
原创
1542阅读
0评论
0点赞
发布博客于 3 年前

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

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

fastadmin的一键 crud 和菜单的生成

fastadmin的一键 crud 和菜单的生成;一键crud ,  意思是为我创建的数据生成对应的增删改查的操作,菜单的生成,  意思是在后台的界面中生成一个菜单选项,然后有对应的页面,可以进行增删改查的操作;  相应的步骤是:首先  在数据库中创建一个表,假设这个表是 fa_testtwo然后  进行一键crud的生成操作,具体方法是:         在项目的...
原创
5742阅读
0评论
0点赞
发布博客于 3 年前

fastadmin 的表注释和字段注释

在安装好 fastdamin 之后,看官方的文档,说是创建表的时候,要写表注释和字段注释;不了解数据库,只知道简单的表和字段的概念,这个注释是什么还真的不了解,于是,学习一下: 表注释:在创建表的时候给表增加的说明文字;看下fastadmin 的数据库是怎么样的:我们选择一下 fa_admin 这个表,点击操作,下面这个表注释就显示了表的注释内容; 字段注释:给字段...
原创
982阅读
0评论
0点赞
发布博客于 3 年前

fastadmin php 命令的使用设置

使用fastadmin的过程中需要使用到命令行,而且是php 命令,这就需要我们将php 加入到环境变量中去才能使用 php 命令,你可以首先尝试在命令行中输入 php -version 来测试下php 命令是否可以使用,如果不能使用,那么下一步将 php 的地址加入到环境变量中; 本人本地使用phpstudy 的集成软件,其它的也都是同样的做法,找到php文件夹,如果有多...
原创
1023阅读
0评论
0点赞
发布博客于 3 年前

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

  这个地方的数据库的密码 ,原本设置的是 123456 ,出现上述报错信息;修改为 root  后,即可成功;(可能是本地的数据库的密码默认是 root 导致,有待确认)...
原创
11623阅读
0评论
0点赞
发布博客于 3 年前

three js 报错, 贴图黑乎乎

情景:想给一个平面 plane 进行贴图,进行下面的操作,想把一张图片贴在plane上面;var planeMaterial = new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture('./blue.jpg') } ); 问题:执行之后,plane 一片黑乎乎的,没有成功,查看控制台,已经报错了,信...
原创
709阅读
0评论
0点赞
发布博客于 3 年前

vscode 换主题(背景) 的快捷键

vscode 默认是有好几种主题的,有颜色较深的,也有比较柔和的;我们可以使用快捷键来快速的选择更换主题;首先:按下 Ctrl + k  然后再按下:Ctrl + t此时就会弹出相关的主题,自行选择就好了...
原创
16390阅读
1评论
5点赞
发布博客于 3 年前

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

一般情况下vue开发的时候都是一个组件一个组件进行开发,每个组件都有自己的样式文件,基本结构如下所示:&lt;template&gt;       &lt;div class="test"&gt;       测试一下,哈哈       &lt;/div&gt;&lt;/template&gt; &lt;script&gt;export default { ...
原创
8136阅读
1评论
2点赞
发布博客于 3 年前

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

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

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

 在工作中,尤其是容易产生错误的 js 代码,报错之后会提示有错误代码的位置,也就是在哪一行出问题了,在vscode 编辑器中,可以使用快捷键 跳转到指定的行数:  快捷键: Ctrl + G ,然后在弹出的框中输入行数就可以了; ...
原创
42937阅读
0评论
8点赞
发布博客于 3 年前

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

css 的background 可以设置多个背景图片:下面这个类名为 abc 的样式设置了两个背景图片,分别为:test.png 和 test2.jpg ,也就是说需要设置多少个背景图片,就设置几个 url 就可以了;.abc{width: 300px;height: 300px;border: 1px solid red;background:url( test1.p...
原创
9313阅读
1评论
1点赞
发布博客于 3 年前

Linux 创建目录mkdir ,多级目录

使用 mkdir 命令可以创建一个新的目录 ;使用 mkdir 命令也可以创建一个多级的目录;演示: 创建单个目录首先查看当前目录下有无文件和目录,发现没有;然后使用 mkdir test 命令创建新的目录 test ;递归创建多个目录在当前目录下,我们使用 mkdir -p  test1/test2/test3 命令创建 test1 目录,同时创建了 test1 目录下的 test2 目录,同时...
原创
5303阅读
0评论
1点赞
发布博客于 3 年前

Linux 返回根目录

使用命令 cd   或者  cd ~ 来返回根目录演示:         首先看一下根目录                   然后进入根目录下的目录 he 中                    使用 cd 或者 cd ~ 两种方式返回根目录          上面就是两种返回根目录的命令;...
原创
3557阅读
0评论
0点赞
发布博客于 3 年前

Linux 清屏命令

使用 clear 命令可以清屏;演示:          使用 clear 命令之前                    使用clear 命令                    使用clear命令之后          ...
原创
2633阅读
0评论
1点赞
发布博客于 3 年前

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

使用 ls -l 可以查看一个目录下文件的详细的相关信息;演示:先使用 ls -a 查看当前目录下的所有文件;然后使用 ls -a -l 查看所有文件的详细信息,每一行是一个文件的所有信息,如上图所示;再使用 ls -a -l -h 查看所有文件的详细信息,如上图,区别是文件大小的显示方式;另: ls -a -l  可以缩写为  ls -al  其它的同理;...
原创
27585阅读
0评论
2点赞
发布博客于 3 年前

Linux 隐藏文件

Linux 下创建一个隐藏文件:使用: touch  .test.txt  touch 命令可以创建一个文件   文件名前面加一个 点 就代表是隐藏文件;演示:先使用 ls 查看当前目录下有无文件,发现没有;然后使用 touch .test.txt 创建一个隐藏文件再次查看当前目录下,仍然没有任何文件,这个时候应该使用 ls -a 去查看隐藏的文件,发现我们的隐藏文件已经出现了;...
原创
1875阅读
0评论
0点赞
发布博客于 3 年前

Linux 创建一个文件 touch

2018/7/8 周日使用 touch 命令可以创建一个文件演示:创建一个  index.html  文件使用 ls 查看当前目录下有无文件,查看后,没有文件;使用 touch index.html 创建 index.html 文件;使用 ls 查看当前目录下有无文件,出现 index.html 文件;...
原创
3686阅读
0评论
0点赞
发布博客于 3 年前

Linux 查看当前所在的路径

2018.7.8 周日==============================================================Linux 查看当前所在的路径的命令: pwd  演示:输入 pwd 命令 ,回车得到当前所在路径地址
原创
23690阅读
0评论
0点赞
发布博客于 3 年前

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

 有的时候可能会有这样的需求,一个竖直的输入框,输入信息,文字也是从上到下排列;下面我们可以利用div来实现这样的需求:      (1) 设置 div 可编辑   contenteditable = true        (2) 对于 ios有些问题, 还需要设置下 -web-kit-user-select:text;&lt;!DOCTYPE html&gt;&lt;html lang="en...
原创
2125阅读
0评论
1点赞
发布博客于 3 年前

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

有些h5项目有长按保存图片的需求,可以使用 html2canvas 来实现相对应的功能,但是在项目中发现有的地方模糊不清,比如网页中有一张二维码的图片模糊,无法识别,后来发现,图片之类的不要当作背景图片,也就是直接放在 &lt;img&gt;  标签中即可,解决了图片模糊的问题; ...
原创
4170阅读
2评论
0点赞
发布博客于 3 年前

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

swiper 很好用,但是设计可不会按照 swiper 的样式给你设计图,一般情况下轮播图会有下面这种情况:    swiper 本身的箭头在里面;     而我们需要箭头在外面;      swiper 默认的样式是 箭头部分在内部,那我们要如何实现siwper 的箭头放到外面呢?第一步:实现一个不带箭头的轮播图; 代码:&lt;!DOCTYPE html&gt;&lt;html lang="e...
原创
17807阅读
2评论
2点赞
发布博客于 3 年前

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

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

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

上周遇到这么个情况,项目中的设计图中有大段的文字,但是我这么个 ps 菜鸟也不知道用 ps 文字获取,生生手打全部文字,浪费了很多的时间,后来总监看见了,就教了一下用 ps 文字去选中复制psd中的文字内容,也算学会了一个新技能,但是在后面的使用中发现,有的大段文字居然获取不了,估计是这个软件不大行,于是马上安装了ps cc 2017 ,现在再去操作,就没啥问题了;拿到了设计图如下: (部分内容)...
原创
1192阅读
0评论
0点赞
发布博客于 3 年前

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

学习是一个长期积累的过程,积累的多了也就有经验了,有能力了;无论再忙也要坚持学习,继续我的学习!实现的效果图:我们能够看到,文字的两边出现了一小节横线;实现思路:    第一步:先实现一个外层的 div ,即图中的长方形部分,这个的作用是便于将文字部分放置在想要放置的地方;    第二步:在上面的div中再写一个 &lt;div&gt; 放置文字,或者用一个 &lt;p&gt; 来实现也是好的 ;...
原创
8250阅读
0评论
0点赞
发布博客于 3 年前

php 大小写敏感的问题

php 变量名区分大小写其它的函数名等等不区分大小写;例如:变量名是区分大小写的; &lt;?php $test='小写变量名'; $TEST='大写变量名'; echo $test; echo "&lt;br&gt;"; echo $TEST; ?&gt; ...
原创
640阅读
0评论
0点赞
发布博客于 3 年前

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

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

前端压缩图片 tinypng

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

js 获取文件名和路径

使用js 提取文件名和路径:&lt;script&gt; var str="/abc/def/sos.php"; var obj=str.lastIndexOf("/"); console.log(str.substr(obj+1));&lt;/script&gt;我们首先利用    lastIndexOf("/")  找到最后一个  /  的位置,然后利...
原创
21882阅读
3评论
3点赞
发布博客于 3 年前

对象解构赋值

先赋值看看:&lt;script&gt; let {abc:test1,def:test2}={abc:"first",def:"second"} console.log(test1) console.log(test2)&lt;/script&gt;简化写法:&lt;script&gt; let {abc,def}={abc:"first"..
原创
515阅读
0评论
0点赞
发布博客于 3 年前

数组的解构赋值

个人习惯在js中这个样子给变量赋值:&lt;script&gt; let test1="test1"; let test2="test2"; let test3="test3"; let test4="test4"; &lt;/script&gt;在es6中,我们可以这样子实现赋值:&lt;script&gt;
原创
491阅读
0评论
0点赞
发布博客于 3 年前

遍历器 iterator

展开运算的对象是具有遍历器接口的对象,数组,map , set 等一些数据结构是具有遍历器接口的;这些对象都有一个属性: Symbol.iterator现在输出一下这个属性:console.log(arr[Symbol.iterator]);控制台 可以看到指向的是一个函数,一个方法:ƒ values() { [native code] }下面返回一个遍历器对象 obj ,并且使用next() 改...
原创
246阅读
0评论
0点赞
发布博客于 3 年前

es6 展开运算符 ...

好记性不如烂笔头,在学习的过程中,越来越明白这句话的含义;ES6的展开运算符使用三个点来表示  ...使用展开运算符的前提:对象具有 Iterator 遍历器接口 ,比如数组,怎么判断一个对象是否具有Iterator 遍历器接口呢,我们查看对象是否有 Symbol(Symbol.iterator)属性就可以了,有的话,那就具有Iterator 遍历器接口,没有的话,那就不具有;我们看看数组:&lt...
原创
281阅读
0评论
0点赞
发布博客于 3 年前

ECMAScript 标签语句 js实现

语法:label : statementlabel 是名字,作为标记 ,statement是语句 我们通过 js 来看看用法: break+标签语句&lt;script&gt; //定義一個label,也就是名字或者標誌 jumpout: //定義語句 for(let i=0;i&lt;5;i++){ if(i&...
原创
273阅读
0评论
0点赞
发布博客于 3 年前

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

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

localStorage 的实现

localStorage 实现了本地的永久存储;这一点和sessionStorage不同,后者在会话结束就清除了;先来看看localStorage的添加,应该是设置,“添加”不准确;方法:setItem( );实例:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &
原创
284阅读
2评论
0点赞
发布博客于 3 年前

离线缓存 manifest 的设置

虽然 manifest 已经从web标准中移除,但是还是来看看manifest的实现吧;这个需要服务器的支持,也就是需要设置MIME,我在本地的wamp 环境下进行设置的,对应的是第四个,也就是下面最后一个 AddType application/x-compress .Z AddType application/x-gzip .gz .tgz AddType applicati...
原创
401阅读
0评论
0点赞
发布博客于 3 年前

js 时间获取

先看看如何获取时间: &lt;script&gt; window.onload=function(){ (function abc(){ var date=new Date(); console.log(date.getFullYear()); // 获取年份 ...
原创
91阅读
0评论
0点赞
发布博客于 3 年前

实现 图片由远及近的效果

图片自备:代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
原创
2347阅读
0评论
0点赞
发布博客于 3 年前

js 事件对象

js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:我们都知道事件,比如click  ,keydown , mouseover 等等,是不是很熟悉,那么事件对象就很好理解了,事件对象存储了有关这个对象的一些信息,而这些信息我们都能获取:这么说也不好理解,看下面的图片:假设现在有一个点击事件,那么点击事件的事件对象就像一个...
原创
78阅读
0评论
0点赞
发布博客于 3 年前