- 博客(262)
- 收藏
- 关注
原创 java IDEA 的 project 和 module
一般的java开发者对 IDEA 的 project 和 module 是没什么疑问的,但是对前端开发者或者 使用 eclipse 的开发者来说,还是需要稍微强迫自己接受一下这种方式;前端我们使用 vscode 或者 java 使用 eclipse的时候,先是有工作区,也就是 workspace ,然后在 workspace 目录下创建项目 Project;但是 java IDEA 中,先私有 project ,然后在 project 下创建项目 Module;也就是说,workspac..
2021-03-26 10:46:39
958
原创 Laravel mpociot/laravel-apidoc-generator 标题中文显示问题 跳转问题
本篇不能完全解决问题,只是思路记录;现象:在 使用 laravel 的mpociot/laravel-apidoc-generator 生成中文 api 文档的时候菜单栏的标题如果使用中文,会出现问题,可以显示,但是不能通过点击跳转到对应的位置;产生原因:laravel 的生成api文档的组件中引用的是 tocify 这个插件这个 tocify 插件是国外的人写的,压根就没考虑中文编码的问题去github上看了一下,有位国内的道兄去提了这个问题,结果因为用中文提的这个问题,直..
2021-03-09 12:53:12
911
原创 Laravel mpociot/Laravel-apidoc-generator 设置 修改 logo
我们在 laravel 中使用mpociot/Laravel-apidoc-generator 生成 api文档的时候,会有这么一个展示页面在页面的左上角有个logo,默认是这个样子的,那么如何修改这个logo呢,换成我们自己的logo;配置方法:在项目目录中找到 apidoc.php 这个文件就是用来配置相关信息的;我这里测试用的 laravel 6 版本项目,位置在: /config/apidoc.php如果不在这里的话,可以在项目目录中全局搜索一下 apidoc.ph...
2021-03-09 09:56:30
1176
原创 Laravel 查看版本
Laravel 查看版本查看本地已经下载的 laravel 项目的 laravel 版本号:$ PHP artisan --version我们要下载指定版本的 laravel ,怎么查看已经发布的 laravel 有哪些版本呢?点击去看版本地址:https://github.com/laravel/laravel/releases创建指定版本的 laravel 项目:$ composer create-project laravel/laravel=8.5.1...
2021-03-08 15:55:04
631
原创 计算机软件文档编制规范
这个标准是国家标准(GBStd)之一,全称:计算机软件文档编制规范下面简单摘取此规范的相关信息:标准号:GB/T 8567-2006发布日期:2006-03-14实施日期:2006-07-01这个标准是目前现行的标准,官网地址:点击进入...
2020-07-31 11:28:08
1545
原创 程序员养生之道——坚持泡脚(十五分钟以上)
我们作为底层的程序员,工作量是相当大的,考验的不仅仅是我们的精神是否足够强大,更是我们的身体素质;如果肠胃有问题,那么晚上的时候,多烧点热水泡泡脚吧,长期坚持下来,身体会有很大的改善,而且是全面的的改善,本人亲测,不吹~;如果想熬夜,但是感觉感觉寒冷的话,多少点热水泡泡脚吧,现在这个天气,去室外活动一下可能感觉不到冷,但是如果我们一直坐着敲代码,那么肯定会感觉到全身冰寒,然后失去学习或者敲...
2019-11-02 20:10:47
924
原创 2019年11月初小记
北京的冬季已经开始了,还没有开暖气的这个时间点终究是不舒服的;全国的房价现在已经居高不下了,90后的我们处于一个很尴尬的位置:90后的我们买不起房子,即便贷款买了房子,月月的房贷压在头上,二十年,三十年;工资看着不少,存款却只有那么一点,还有的是负资产,大家都明白;大多数人都想着去大城市买房安家,却不知道这是一条不归路,你可以很容易成为一个城市人,却再也回不到农民的身份;从事的...
2019-11-02 18:59:34
471
原创 web cookie 的存储大小问题
俗话说,纸上得来终觉浅,绝知此事要躬行;前辈问我cookie的存储量有多大,我按部就班的回答 4k左右;前辈又问,那么cookie能存储多少个汉字?4k 大概 4000字节,一个汉字 2 个字节,那差不多 2000个吧;前辈又问:确定么到此就困惑了;下面通过 chrome 浏览器的 cookie 进行测试:注意,项目在本地服务器环境下启动测试,否则无法完成设置,本...
2019-07-17 23:37:52
3498
原创 egret 项目打包成 h5 后,页面显示有问题的原因之一
例如我们创建了一个 EUI 的项目,最后需要打包成一个 h5,打包前模拟器中运行都是正常的,打包后的项目就出现页面适配的问题;出上面问题的原因之一,就是我们在创建项目的时候,在 Egret Launcher 中设置了参数,后来,我们觉得有问题,于是在代码中进行了修改,但是打包的时候还是以Egret Launcher 中设置的参数为准导致的;比如说我们在Egret Launcher创建项目的...
2019-06-24 21:24:29
2683
1
原创 TP5 => 使用 count() 获取查询结果的数量
thinkphp5.0我们使用tp5 查询数据的时候,想要获取结果的条数,我们可以使用 count() 来获取,例如:我们从 page 表中查询所有数据,然后使用 count() 获取查询结果的条数,使用 assign() 返回给前端;$list = Db::table('page')->select();$list_length = count($list);$this...
2019-06-23 11:20:56
18276
原创 制作精灵图 glue 的安装使用(安装过程存在的问题)
帧动画是很多张图片的切换,依赖人眼的视觉残留效应实现动画的效果;一般情况下设计会给到很多的图片,这个时候,作为前端需要把这些图片合成一张图片,然后改变图片的位置,显示相应的图片区域即可;———————————————————————————————————————————————————合成图片的工具:glueGitHub地址:https://github.com/j...
2019-05-13 21:39:10
1682
原创 vue中使用 vue-video-player的几个问题
video.js 插件在vue中是 vue-video-player;我们在vue中播放视频可以使用这个插件;下面简单描述几个使用中的问题,不涉及其他问题:1. 自定义播放处理 , 我们自己如何去触发播放这个事件2. 播放,停止触发的函数相关处理;3. 在安卓的微信中播放视频不能播放的问题;1. 自定义播放,假设现在自己写了一个button, 或者其他什么东...
2019-05-06 22:38:38
21687
7
原创 vue 修改富文本的样式 使用 deep selectors >>>
情景描述: 在vue中,后台编辑富文本信息通过接口返回到前端页面中,为了样式的统一和美观,我们可以在 一定程度上设置富文本的样式,那怎么去设置呢? 假设我们在vue中写了一个div , class 是 abc , 然后将富文本test渲染到div 中, ...
2019-05-06 22:15:49
3922
原创 vue 中多行文本溢出省略号 在打包之后,即 build 命令之后不起作用的原因
前提: 2.x的 cli 创建项目情景描述: 移动端实现多行文本溢出显示省略号,可以使用 下面这个属性: -webkit-line-clamp: 3; 具体怎么使用这里不作说明,但是在vue中,如果你使用了cli工具创建了项目,那么没有 ...
2019-05-06 22:00:56
1194
3
原创 js 不使用 var 声明的变量不是全局变量
你以为正确的事情,到最后发现是错误的,这是怎样的一种心情;大家似乎都有这样一种共识,使用var 声明的变量是局部变量,不使用var 直接写变量名是全局变量,然后代码中一实验,发现效果确实是符合预期的,但是这个认知却是不正确的;<script> function test(){ var abc = 123; de...
2019-05-04 18:15:59
3289
7
原创 h5(网页) 调用相机拍照和相册,实现图片上传功能
情景描述: 一个h5或者网页中需要上传图片功能,并且这个功能可以选择本地的图片或者拍照上传;实现方法: 我们在网页中是可以直接调用手机的相机或者上传本地图片的,也就是说,我们是有使用本地图片文件和 拍照的权限的,即便网页是在微信环境或者其他浏览器环境中,也都是可以的; ...
2019-05-03 22:56:07
20628
3
原创 微信小程序中禁止当前页面的上下滑动处理
在微信小程序中定义了一个半透明遮罩层,上面显示提示的文字;但是这是一个长页面,遮罩出现的时候,页面依然可以上下滑动;为了在遮罩出现的时候禁止用户滑动页面,如下处理:给这个遮罩层 绑定事件: 使用 catchtouchmove<view catchtouchmove="noneEnoughPeople"> 我是遮罩层</view> ...
2019-03-25 22:53:22
13872
原创 在 windows 中将文件夹压缩成 .zip , 然后传到 centos 服务器上解压
情景描述: 在windows 中创建了项目,想要上传到 centos 服务器上,采用先压缩成 .zip 文件,再传输到服务器上解压的方法; 一般的工具上传单个文件是很方便,文件夹好像就麻烦些,所以直接打个包到服务器上解压;第一步,将项目压缩成 .zip 格式文件,上传到服务器指定的位置上,采用 r z 的方式上传, ...
2019-03-25 22:45:48
2743
2
原创 centos 中 php 连接 mysql / mariadb 数据库的简单记录
情景: centos7 使用php 连接 mariadb在不使用php 框架的前提下,直接来一个index.php然后再这个文件中直接连接数据库,获取数据,这只是一个测试的小例子,记录一下;我的centos 上有一个Mariadb,里面有一个默认的mysql 数据库,里面有一个 user 表,我这里测试连接数据库并且查询一下这个表;<body> ...
2019-03-23 21:22:38
2100
原创 Mariadb 设置 utf8 编码格式的统一
之前在window 中本地使用集成环境的apache和mysql,使用的时候 mysql 的字符集通常是需要设置的;现在在centos服务器上使用 yum 方式安装了 mariadb ,字符集也是需要设置一下的,避免后面使用中出现乱码的情况;我这边查看已经安装的Mariadb 的字符集的设置情况:第一种方式:使用xshell 连接我的 centos 服务器,使用 mysql ...
2019-03-23 21:05:24
1044
原创 微信小程序组件 component 中自执行一个函数的处理
情景描述:开发了一个微信小程序的页面 A , 然后在页面A 中引入一个组件 B,现在想在组件 B 加载进来的时候执行一个请求,获取数据进行B组件的渲染;如何去写这个请求?解决方案1: 使用组件的生命周期你可能指导小程序的生命周期,但是组件自己也是有生命周期函数的,上面的请求我们可以写在组件的生命周期函数attached()中;解决方案2:使用参数传递...
2019-03-23 19:41:58
8132
原创 npm 上的各种包的版本信息的简单描述
在使用 npm 下载各种包的时候,如果我们去详细查看这个包的所有存在的版本信息,那么就会发现有的版本后缀有 -beta 或者 -alpha , 又或者 -rc这些后缀是有意义的;首先:如果后缀 -alpha , 那么说明这个文件目前的这个版本是 内测版本, 看到内测版本就应该知道,这个版本是有问题的,存在不稳定因素;其次:如果后缀...
2019-03-23 19:25:37
4321
1
原创 --save 和 --save-dev 的作用和区别简单描述
这是一个使用npm时的基本的问题;简单来说: 使用命令 --save 或者说不写命令 --save ,都会把信息记录到 dependencies 中; dependencies 中记录的都是项目在运行时需要的文件; 使用命令 --save-dev 则会把信息记录到 devDependencies...
2019-03-21 23:35:05
48499
4
原创 canvas 相关基础汇总简记
零散的canvas知识点简记:1. canvas 默认情况下,即不设置宽高的情况下,宽度 300 高度 150 ;2. 通过 判断canvas的.getContext 属性是否存在,作为浏览器不支持canvas的判断; getContext 是一个方法,或者说是一个函数,canvas通过这个函数获取canvas的绘图环境; 以下...
2019-03-05 08:34:33
237
原创 css3 实现正反面翻转效果动画
分享一下正反面的翻转的动画效果的实现,使用了css3的一些属性;在目前的移动端中使用还是可以的,但是pc端需要注意IE的兼容问题;下面翻转了一个<p/>元素,没有使用图片,需要使用图片替换成图片即可;代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2019-03-03 22:54:26
7567
3
原创 Angular 学习的版本问题
学习angular可能会遇到版本选择的问题,此处简单记录一下;angular 有 1.x 和 2.x 的区别,无论学习还是查阅资料的时候需要注意区分; 1.x 版本对应的是 angularJs;参考网址:http://www.angularjs.net.cn/ 2.x 版本对应的是 angular;参考地址:https://angular.io/...
2019-02-27 12:49:43
804
原创 react-11 给项目增加 fastclick 文件
为了优化react 项目在移动端的体验,可以 引入 fastclick ,解决点击延迟的类似问题;参考下载地址:https://www.npmjs.com/package/fastclick 我们在项目目录下使用命令: npm install --save fastclick进行安装安装完成之后,我们打开文件: /src/index.js ;先引入我们下载的fastcli...
2019-02-21 15:17:05
2436
原创 react-10 react life cycle 生命周期简单学习
和 Vue 或者小程序类似,React 也有生命周期函数;react 生命周期官网参考文档:https://reactjs.org/docs/react-component.html#lifecycle-methods 下面通过例子来说明下面四个生命周期函数:constructor() , componentWillMount() , componentDidMoun...
2019-02-21 14:43:49
446
原创 react-9 state , props 和 map 循环渲染的简单描述
之前简单学习了react 组件是怎么写的,比如下面这个:import React from 'react';import './intro.css';export default class Intro extends React.Component { render(){ return( <div>我是简介页面</di...
2019-02-20 16:52:11
1777
原创 react-8 react-router-dom 的简单使用(3)
在上一篇中,我们实现了项目默认进入首页,然后手动修改页面地址,显示相应的页面;现在我们实现下面的功能,进入项目,默认显示首页,首页中有三个按钮,点击相应的按钮,跳转到相应的页面; 我们需要做的是在上一篇项目的基础上增加点处理就可以了,我们使用上一篇中的所有代码; 现在默认显示的页面是 home,我们打开home.js 文件:import React from 'react...
2019-02-20 11:37:22
196
原创 react-7 react-router-dom 的简单使用(2)
之前,我们尝试了类似 tab选项卡功能的路由学习;现在我们来看下基本的各个页面间的路由的实现;下面实现一个基础的四个页面的项目的路由的处理: 我们默认进入首页 home, 也就是访问根目录的时候进入home 页面;当我们在地址栏中输入 /Intro 的时候,我们进入介绍页面;当我们在地址栏中输入/Func 的时候,我们进入功能页面;当我们在地址栏中输入/Show 的时候...
2019-02-20 11:08:20
512
原创 create-react-app 创建项目没反应的一次记录
今天使用 create-react-app 命令创建测试的react 项目,但是却出现了问题:始终是下面的状态,半天没有反应; 经历了一个下午的尝试,始终不行,换网络,开vpn ,也还是这样,关键还不报错;晚上尝试重启笔记本,然后稍等一会,成功了,重启大法好;...
2019-02-19 21:46:05
2045
原创 react-6 react-router-dom 的简单使用(1)
之前我们了解了react-router-dom是路由的组件,下面看看这个路由的组件的使用;我们之前使用create-react-app 创建了简单的项目目录:my-app-level2,我们进入创建的项目目录中,使用 npm install --save react-router-dom 下载react-router-dom 这个模块,如下:安装完成之后,我们就可以使用这个路由的组...
2019-02-19 13:50:40
1880
1
原创 react-tips3: 设置样式 设置组件的样式
react 页面样式的设置,和普通的页面样式设置没有太大区别;首先我们创建一个Index组件,目录如下: 创建的这个Index组件只有一个index.js 文件和 index.css 文件; 我们先不管这两个文件中的内容,我们先把这个组件挂载到...
2019-02-19 10:01:24
587
原创 react-tips2: route 的exact参数的设置问题
使用 react-router-dom 中的 <Route> 组件,这个组件有个参数 exact ,下面举个例子,<Route path="/" component={Home} /><Route path="/introduce" component={Introduce} /><Route path="/detail"
2019-02-18 22:48:57
1816
原创 react-5 react的路由相关概念总结,react-router,react-router-dom
在学习React 的过程中,当学习到路由的时候,就会发现 react-router 或者 react-router-dom 组件;这是已经写好的,可以直接拿来使用的react 路由组件; 第一个问题: 有的时候我们会看到有些react 的学习的例子中使用了 react-router ,另外一些却使用了 react-router-dom (...
2019-02-18 10:49:09
733
原创 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 的意思是给当前的名字起一个小名,别名;我们原本是要引入...
2019-02-18 10:23:23
3001
原创 react-4 简单的组件的使用
之前我们基于 create-react-app 创建出下面目录结构的项目: 我们也简单了解了react 是如何使用 ReactDOM.render() 方法渲染我们的页面;一开始创建的项目在渲染的时候使用了组件的方式,但是我们在上一篇中演示了不用组件的方式来渲染页面;下面我们来使用组件的方式重新演示一下; 我们在 src 目录中新增一个Pages 目录,新增4个页...
2019-02-15 18:35:35
324
原创 react-3 react 是怎么显示页面的,通过简单的例子来尝试
我们通过create-react-app 创建了简单的 react 项目,也查看了这个自动创建的项目的目录;下面看一下,这个 react 页面是如何显示的: 第一步,我们打开 public 目录下的index.html 即便我们对这个r...
2019-02-15 11:23:15
1828
原创 react-2 项目目录的简单描述
1. 之前我们利用create-react-app 创建了一个简单的项目目录,如下图: 项目目录大概有四个部分, 第一个部分是所有的模块部分(node_modules),也就是项目需要用到的各种包,包括当前项目运行和编译所需要的所有 文件,也存放着后续我们增加的各种包,一般情况下不用管这块区域; 第二个部分(public)存放着我们的首页文件 index.h...
2019-02-15 10:48:22
518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人