houhouhoukungu的博客

原创 小程序单页面设置enablePullDownRefresh：true 不生效

我想开启单个页面的下拉刷新的动作，可是在单页面设置enablePullDownRefresh：true 不生效，然后我又设置了全局app,json中的enablePullDownRefresh：true 是可以的，能实现下拉，请问这是什么原因？app.json 设置单页面json 设置...

原创 前端进阶，前端未来规划

原创 vue，videojs实现hls直播（萤石视频回放）

写点如何用video.js HIS的直播播放。及（萤石视频回放）哎 FLASH12月份就不能用了首先 package.json 文件，npm install 安装对应依赖"video.js": "^7.8.4","videojs-contrib-hls": "^5.15.0","vue-video-player": "^5.0.2",如需flash播放 需安videojs-flashmain.js全局引入import VideoPlayer from 'vue-video-player'

原创 Vuex之mutation和action

mutation同步操作基本使用创建文件创建 client/store/mutations/创建 client/store/state/mutations.js声明 mutations作者：王童孟链接：https://www.jianshu.com/p/aec574c418df来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。// mutaions...

原创 VUE项目如何在移动端使用console插件

在项目中发现，由于移动端无法看到打印的信息，所以很难进行调试，也不知道问题出在哪里，后来找到了一个好用的插件：vConsole。1.安装npm install vconsole2、在main.js中引入import Vconsole from 'vconsole';let vConsole = new Vconsole();export default vConsole编译你...

转载 vscode好用的插件

一直以来，大家对开发的代码编辑器都没有一个最好的选择，而vscode是我发现速度相对快，对于新版的html css js元素及属性过滤、提示最准确的代码编辑器，因为插件太多，有的人不知道选择哪些插件最好，本文档教你安装哪些，那些可选,安装如下：vscode推荐插件的安装01、open in browser:在浏览器运行预览（alt+b），安装后自动运行√√√02、OneDark：来自Atom...

原创 git使用命令

你的名字和Email地址git config --global user.name "Yourgit config --global user.email “email@example.com”创建一个空目录：$ mkdir learngit$ cd learngit$ pwd把这个目录变成Git可以管理的仓库：$ git init把文件添加到仓库：$ git add 文件把...

转载 SSH

SSH端口：22Linux中守护进程：sshd安装服务：openssh服务端主进程：/usr/sbin/sshd客户端主进程：/usr/bin/ssh服务端配置文件：/etc/ssh/sshd_config客户端配置文件：/etc/ssh/ssh_config非对称加密算法：公开密钥（publickey）和私有密钥（privatekey）/etc/ssh/sshd_configP...

原创 浅拷贝与深拷贝

浅拷贝与深拷贝为了更好的理解js的深浅拷贝，我们先来理解一些js基本的概念数据类型javascript中的数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和复杂的数据类型（也称作引用数据类型-Object）。当一个变量存放基本数据类型时与复杂的数据类型时分别存在以下的特点：基本数据类型的特点：变量直接将基本数据类型的值...

转载 写工程化代码

写工程化代码工程化宣言要写工业级的代码、不要写玩具性质代码。什么是工程化？所有能降低成本，并且能提高效率的事情的总称为工程化。怎么做到工程化？要标准化、规范化工程结构。要有统一的发布工具。比如Jenkins。要有统一的构建工具。比如maven。要基于版本库管理代码、配置文件。要基于分支开发需求。尽可能多的写单元测试。相同功能的类库，整个项目中用同一款，同一个版本。要有统一的...

转载 项目工程化

本文主要讲使用方法，以ant-design为例，首先是安装脚手架，创建项目，然后初始化，有的需要安装依赖，之后启动项目，最后构建部署。一般命令：npm install   xxx    -g    安装xxx依赖包npm install             ...

转载 Flex 布局全解

一、Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{display: flex;}行内元素也可以使用Flex布局。.box{display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{display: -webkit...