- 博客(262)
- 收藏
- 关注
RSS订阅原创 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
330
原创 Laravel mpociot/laravel-apidoc-generator 标题中文显示问题 跳转问题
本篇不能完全解决问题，只是思路记录；现象：在 使用 laravel 的mpociot/laravel-apidoc-generator 生成中文 api 文档的时候菜单栏的标题如果使用中文，会出现问题，可以显示，但是不能通过点击跳转到对应的位置；产生原因：laravel 的生成api文档的组件中引用的是 tocify 这个插件这个 tocify 插件是国外的人写的，压根就没考虑中文编码的问题去github上看了一下，有位国内的道兄去提了这个问题，结果因为用中文提的这个问题，直..
2021-03-09 12:53:12
345
原创 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
531
原创 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
323
原创 计算机软件文档编制规范
这个标准是国家标准(GBStd)之一，全称：计算机软件文档编制规范下面简单摘取此规范的相关信息：标准号：GB/T 8567-2006发布日期：2006-03-14实施日期：2006-07-01这个标准是目前现行的标准，官网地址：点击进入...
2020-07-31 11:28:08
963
原创 程序员养生之道——坚持泡脚（十五分钟以上）
我们作为底层的程序员，工作量是相当大的，考验的不仅仅是我们的精神是否足够强大，更是我们的身体素质；如果肠胃有问题，那么晚上的时候，多烧点热水泡泡脚吧，长期坚持下来，身体会有很大的改善，而且是全面的的改善，本人亲测，不吹~；如果想熬夜，但是感觉感觉寒冷的话，多少点热水泡泡脚吧，现在这个天气，去室外活动一下可能感觉不到冷，但是如果我们一直坐着敲代码，那么肯定会感觉到全身冰寒，然后失去学习或者敲...
2019-11-02 20:10:47
675
原创 2019年11月初小记
北京的冬季已经开始了，还没有开暖气的这个时间点终究是不舒服的；全国的房价现在已经居高不下了，90后的我们处于一个很尴尬的位置：90后的我们买不起房子，即便贷款买了房子，月月的房贷压在头上，二十年，三十年；工资看着不少，存款却只有那么一点，还有的是负资产，大家都明白；大多数人都想着去大城市买房安家，却不知道这是一条不归路，你可以很容易成为一个城市人，却再也回不到农民的身份；从事的...
2019-11-02 18:59:34
278
原创 web cookie 的存储大小问题
俗话说，纸上得来终觉浅，绝知此事要躬行；前辈问我cookie的存储量有多大，我按部就班的回答 4k左右；前辈又问，那么cookie能存储多少个汉字？4k 大概 4000字节，一个汉字 2 个字节，那差不多 2000个吧；前辈又问：确定么到此就困惑了；下面通过 chrome 浏览器的 cookie 进行测试:注意，项目在本地服务器环境下启动测试，否则无法完成设置，本...
2019-07-17 23:37:52
2850
原创 egret 项目打包成 h5 后，页面显示有问题的原因之一
例如我们创建了一个 EUI 的项目，最后需要打包成一个 h5，打包前模拟器中运行都是正常的，打包后的项目就出现页面适配的问题；出上面问题的原因之一，就是我们在创建项目的时候，在 Egret Launcher 中设置了参数，后来，我们觉得有问题，于是在代码中进行了修改，但是打包的时候还是以Egret Launcher 中设置的参数为准导致的；比如说我们在Egret Launcher创建项目的...
2019-06-24 21:24:29
2363
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
16958
原创 制作精灵图 glue 的安装使用（安装过程存在的问题）
帧动画是很多张图片的切换，依赖人眼的视觉残留效应实现动画的效果；一般情况下设计会给到很多的图片，这个时候，作为前端需要把这些图片合成一张图片，然后改变图片的位置，显示相应的图片区域即可；———————————————————————————————————————————————————合成图片的工具：glueGitHub地址：https://github.com/j...
2019-05-13 21:39:10
437
原创 vue中使用 vue-video-player的几个问题
video.js 插件在vue中是 vue-video-player;我们在vue中播放视频可以使用这个插件；下面简单描述几个使用中的问题，不涉及其他问题：1. 自定义播放处理 ， 我们自己如何去触发播放这个事件2. 播放，停止触发的函数相关处理；3. 在安卓的微信中播放视频不能播放的问题；1. 自定义播放，假设现在自己写了一个button, 或者其他什么东...
2019-05-06 22:38:38
19946
6
原创 vue 修改富文本的样式 使用 deep selectors >>>
情景描述： 在vue中，后台编辑富文本信息通过接口返回到前端页面中，为了样式的统一和美观，我们可以在 一定程度上设置富文本的样式，那怎么去设置呢？ 假设我们在vue中写了一个div , class 是 abc , 然后将富文本test渲染到div 中， ...
2019-05-06 22:15:49
2777
原创 vue 中多行文本溢出省略号 在打包之后，即 build 命令之后不起作用的原因
前提： 2.x的 cli 创建项目情景描述： 移动端实现多行文本溢出显示省略号，可以使用 下面这个属性： -webkit-line-clamp: 3; 具体怎么使用这里不作说明，但是在vue中，如果你使用了cli工具创建了项目，那么没有 ...
2019-05-06 22:00:56
893
3
原创 js 不使用 var 声明的变量不是全局变量
你以为正确的事情，到最后发现是错误的，这是怎样的一种心情；大家似乎都有这样一种共识，使用var 声明的变量是局部变量，不使用var 直接写变量名是全局变量，然后代码中一实验，发现效果确实是符合预期的，但是这个认知却是不正确的；<script> function test(){ var abc = 123; de...
2019-05-04 18:15:59
2892
7
原创 h5（网页） 调用相机拍照和相册，实现图片上传功能
情景描述： 一个h5或者网页中需要上传图片功能，并且这个功能可以选择本地的图片或者拍照上传；实现方法： 我们在网页中是可以直接调用手机的相机或者上传本地图片的，也就是说，我们是有使用本地图片文件和 拍照的权限的，即便网页是在微信环境或者其他浏览器环境中，也都是可以的； ...
2019-05-03 22:56:07
17549
3
原创 微信小程序中禁止当前页面的上下滑动处理
在微信小程序中定义了一个半透明遮罩层，上面显示提示的文字；但是这是一个长页面，遮罩出现的时候，页面依然可以上下滑动；为了在遮罩出现的时候禁止用户滑动页面，如下处理：给这个遮罩层 绑定事件： 使用 catchtouchmove<view catchtouchmove="noneEnoughPeople"> 我是遮罩层</view> ...
2019-03-25 22:53:22
13414
原创 在 windows 中将文件夹压缩成 .zip , 然后传到 centos 服务器上解压
情景描述： 在windows 中创建了项目，想要上传到 centos 服务器上，采用先压缩成 .zip 文件，再传输到服务器上解压的方法； 一般的工具上传单个文件是很方便，文件夹好像就麻烦些，所以直接打个包到服务器上解压；第一步，将项目压缩成 .zip 格式文件，上传到服务器指定的位置上，采用 r z 的方式上传， ...
2019-03-25 22:45:48
2182
2
原创 centos 中 php 连接 mysql / mariadb 数据库的简单记录
情景： centos7 使用php 连接 mariadb在不使用php 框架的前提下，直接来一个index.php然后再这个文件中直接连接数据库，获取数据，这只是一个测试的小例子，记录一下；我的centos 上有一个Mariadb,里面有一个默认的mysql 数据库，里面有一个 user 表，我这里测试连接数据库并且查询一下这个表；<body> ...
2019-03-23 21:22:38
1748
原创 Mariadb 设置 utf8 编码格式的统一
之前在window 中本地使用集成环境的apache和mysql，使用的时候 mysql 的字符集通常是需要设置的；现在在centos服务器上使用 yum 方式安装了 mariadb ，字符集也是需要设置一下的，避免后面使用中出现乱码的情况；我这边查看已经安装的Mariadb 的字符集的设置情况：第一种方式：使用xshell 连接我的 centos 服务器，使用 mysql ...
2019-03-23 21:05:24
745
原创 微信小程序组件 component 中自执行一个函数的处理
情景描述：开发了一个微信小程序的页面 A ， 然后在页面A 中引入一个组件 B,现在想在组件 B 加载进来的时候执行一个请求，获取数据进行B组件的渲染；如何去写这个请求？解决方案1： 使用组件的生命周期你可能指导小程序的生命周期，但是组件自己也是有生命周期函数的，上面的请求我们可以写在组件的生命周期函数attached()中；解决方案2：使用参数传递...
2019-03-23 19:41:58
7319
原创 npm 上的各种包的版本信息的简单描述
在使用 npm 下载各种包的时候，如果我们去详细查看这个包的所有存在的版本信息，那么就会发现有的版本后缀有 -beta 或者 -alpha , 又或者 -rc这些后缀是有意义的；首先：如果后缀 -alpha , 那么说明这个文件目前的这个版本是 内测版本， 看到内测版本就应该知道，这个版本是有问题的，存在不稳定因素；其次：如果后缀...
2019-03-23 19:25:37
3511
原创 --save 和 --save-dev 的作用和区别简单描述
这是一个使用npm时的基本的问题；简单来说： 使用命令 --save 或者说不写命令 --save ,都会把信息记录到 dependencies 中； dependencies 中记录的都是项目在运行时需要的文件； 使用命令 --save-dev 则会把信息记录到 devDependencies...
2019-03-21 23:35:05
36248
3
原创 canvas 相关基础汇总简记
零散的canvas知识点简记：1. canvas 默认情况下，即不设置宽高的情况下，宽度 300 高度 150 ；2. 通过 判断canvas的.getContext 属性是否存在，作为浏览器不支持canvas的判断； getContext 是一个方法，或者说是一个函数，canvas通过这个函数获取canvas的绘图环境； 以下...
2019-03-05 08:34:33
147
原创 css3 实现正反面翻转效果动画
分享一下正反面的翻转的动画效果的实现，使用了css3的一些属性；在目前的移动端中使用还是可以的，但是pc端需要注意IE的兼容问题；下面翻转了一个<p/>元素，没有使用图片，需要使用图片替换成图片即可；代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2019-03-03 22:54:26
5964
2
原创 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
596
原创 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
2271
原创 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
294
原创 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
1559
原创 react-8 react-router-dom 的简单使用（3）
在上一篇中，我们实现了项目默认进入首页，然后手动修改页面地址，显示相应的页面；现在我们实现下面的功能，进入项目，默认显示首页，首页中有三个按钮，点击相应的按钮，跳转到相应的页面； 我们需要做的是在上一篇项目的基础上增加点处理就可以了，我们使用上一篇中的所有代码； 现在默认显示的页面是 home，我们打开home.js 文件：import React from 'react...
2019-02-20 11:37:22
123
原创 react-7 react-router-dom 的简单使用（2）
之前，我们尝试了类似 tab选项卡功能的路由学习；现在我们来看下基本的各个页面间的路由的实现；下面实现一个基础的四个页面的项目的路由的处理： 我们默认进入首页 home， 也就是访问根目录的时候进入home 页面；当我们在地址栏中输入 /Intro 的时候，我们进入介绍页面；当我们在地址栏中输入/Func 的时候，我们进入功能页面；当我们在地址栏中输入/Show 的时候...
2019-02-20 11:08:20
158
原创 create-react-app 创建项目没反应的一次记录
今天使用 create-react-app 命令创建测试的react 项目，但是却出现了问题：始终是下面的状态，半天没有反应； 经历了一个下午的尝试，始终不行，换网络，开vpn ，也还是这样，关键还不报错；晚上尝试重启笔记本，然后稍等一会，成功了，重启大法好；...
2019-02-19 21:46:05
1566
原创 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
1711
1
原创 react-tips3: 设置样式 设置组件的样式
react 页面样式的设置，和普通的页面样式设置没有太大区别；首先我们创建一个Index组件，目录如下： 创建的这个Index组件只有一个index.js 文件和 index.css 文件； 我们先不管这两个文件中的内容，我们先把这个组件挂载到...
2019-02-19 10:01:24
449
原创 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
1444
原创 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
653
原创 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
2726
原创 react-4 简单的组件的使用
之前我们基于 create-react-app 创建出下面目录结构的项目： 我们也简单了解了react 是如何使用 ReactDOM.render() 方法渲染我们的页面；一开始创建的项目在渲染的时候使用了组件的方式，但是我们在上一篇中演示了不用组件的方式来渲染页面；下面我们来使用组件的方式重新演示一下； 我们在 src 目录中新增一个Pages 目录，新增4个页...
2019-02-15 18:35:35
207
原创 react-3 react 是怎么显示页面的，通过简单的例子来尝试
我们通过create-react-app 创建了简单的 react 项目，也查看了这个自动创建的项目的目录；下面看一下，这个 react 页面是如何显示的： 第一步，我们打开 public 目录下的index.html 即便我们对这个r...
2019-02-15 11:23:15
1229
原创 react-2 项目目录的简单描述
1. 之前我们利用create-react-app 创建了一个简单的项目目录，如下图： 项目目录大概有四个部分， 第一个部分是所有的模块部分（node_modules），也就是项目需要用到的各种包，包括当前项目运行和编译所需要的所有 文件，也存放着后续我们增加的各种包，一般情况下不用管这块区域； 第二个部分（public）存放着我们的首页文件 index.h...
2019-02-15 10:48:22
372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人