杨园园的博客

原创 jenkins+gitee+nginx自动化部署（ssh，gitee勾子）

一、jenkins配置里面命令shellnpm installnpm run buildls -altar -zcvf dist.tar ./distgitee里面的配置

原创 部署api

docker-compose部署version: '2.1'services: yapi: image: mrjin/yapi:latest # build: ./ container_name: yapi environment: - VERSION=1.5.6 - LOG_PATH=/tmp/yapi.log - HOME=/home - PORT=3000 - ADMIN_EMAIL=test@test

原创 基础算法（一）

数据算法1、二分查找2、 数组和链表3、选择排序4、快速排序递归1、二分查找前提数据必须是有序的，算法的时间是 O(logN)（2为底）代码：def binary_search(list, item): low = 0 （以下2行）low和high用于跟踪要在其中查找的列表部分 high = len(list)—1 while low <= high: ←-------------只要范围没有缩小到只包含一个元素， mid = (low + high) /

原创 拖拽排序（纵向横向布局）

最近由于需要写这方面的代码，网上找别人的用发现嵌入到自己系统里面不是那么好用，而且还要收费，于是就自己动手，个人写的demo，根据个人需要修改里面内容，里面一些内容需要自己完善1、 基于vue + elementui因为项目需要改成了多入口，多出口，个人修改直接试用index就ok，且内部数据存储在localstorage根据个人需要修改到store里面。2、原生js（左侧buttons样式懒得写就直接引用了elementui）直接原生，直接通过数据操作变换位置的，自己i自定义的内容直接放到数组的

原创 产品经理

找到产品的核心价值产品的核心价值最好单一，有自己产品的特色，能让用户更好的记住产品，很多产品经理把焦点放在怎样活跃用户，增强客户粘性搞活动： 送礼品等没有注重自己产品的核心是不合理的；例如： 买一辆车，开到目的地，那么汽车里面的音乐效果好，空调好，那我们就一直呆在车里？...

原创 版本号的比较

//这边版本的基本样子是V2.3.4，用位移的方式解决了大小比较 let newVersion = value.replace('V', '').split('.') .map((temp) => Number.parseInt(temp)); let latestVersion = this.currentVersion_text .replace('V', '')

原创 ES6新用法

欢迎使用Markdown编辑器替换数组中的元素Array.from([1,2,3,4,5,5], (temp)=>{ return temp==5? '替换': temp});// [1, 2, 3, 4, "替换", "替换"]参数用扩展运算符表示function temp(a,b,c,d){ return a+b+c+d};let args=[1,2,3,4]temp(...args)// 10函数参数直接赋值function aa(a, b=7){ console.log

原创 video.js多个视频初次加载报错The element or ID supplied is not valid

多个视频总是报这个错误，后来多次尝试加了定时器才可以了 let id = "my-video" + i.toString(); this.plays.push( videojs(id)); setTimeout(function() { let myPlayer = videojs(id); videojs(id).ready(function() { let myPla

原创 vue+elementUI下拉框可自己输入内容，可下拉选择

我这边是在表单里面操作的代码，copy的时候根据自己的情况修改一下 <el-select v-model="ruleForm.subjectId" filterable placeholder="请选择学科" @blur="selectBlur"> <el-option v-for="item in subjectList" :key="item.id" :label="item.name"

原创 vue通过get请求自动下载excel文件

接口成功后加上一个a链接自动点击即可 Ajax.CourseMan.downloadTemplate().then((res) => { let url = window.URL.createObjectURL(new Blob([res.data])) let link = document.createElement('a') link.style.display =

原创 css学习一

一直知道css很强大，最近整理了一些1、linear-gradient css 中的一个渐变的函数，用于创建一个表示两种或多种颜色线性渐变的图片用在三个场景下：background， background-img, border-img（1）backgroundbackground: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); // 左上角开始，颜色渐变如下图：（1）background-imgbackgro

原创 vue中配置全局sass

1.vue-cli搭建脚手架2、安装sass依赖包npm install --save-dev sass-loadernpm install --save-dev node-sass3、然后在build文件夹下的webpack.base.conf.js的rules里面添加配置：{ test: /\.sass$/, loaders: ['style', 'css', 'sass']}4，现在可以直接用，vue但页面中sass，如果是文件，每个页面都要@import<style

原创 docker搭建一个简单的express应用

一、创建简单的express（helloword）应用程序1.node初始化项目npm init // 同时设置入口文件为index.js， 得到一个package.json文件2.在package.json同级下创建index.js文件，（1）贴入代码const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => res.send('Hello

原创 javascript学习整理一

1、数据类型：undefined， null， boolean， object， number， string，2、typeof 操作符返回字符串： string， boolean, undefined,function, object, number，typeof操作符的缺陷是： Chrome7 以及之前的版本，正则表达式的typeof返回的是function，其他的会返回object。typeof（XXXX）// typeof是操作符不是函数,所以（）可有可无typeof XXX

原创 javascript高级

一直苦于js原型链之类的不能完全懂，现在偶然看到了一篇关于这个的，讲解的很好，转载了https://blog.csdn.net/Denisedan/article/details/97045785

原创 ubantu环境下安装docker

1.unbantu简介unbantu支持64位的系统架构，只要是64位的都是支持，从系统稳定性来讲我推荐使用18.0.4 LTS（long term support）2 安装docker-y 代表安装过程中下面所有的选项都是yesdocker-ce社区版本是直接下载 sudo apt-get install -y docker-ce 或者通过dockerFile安装docker...

原创 git clone下来的文件中.git文件被隐藏了

我这边是win10 的系统的解决方法：1.打开一个文件夹，点击查看2.点击选项3按照图片中选择查看–》勾选对应的选项4.就能看到对应的.git文件了个人网站杨园园博客...

原创 ubuntu-18.04.3-live-server-amd64网络配置

1、切换为root用户sudo passwd root #改root密码su -l root #切换2、输入命令 进入配置文件vi /etc/network/interfaces3、添加配置文件信息address 192.168.25.135 #添加IP地址，地址自设netmask 255.255.255.0 #添加子网掩码（参考前面centos7步骤获取信息）...

原创 docker中 ngnix配置配置静态路径和动态路径

1.查询docker容器中的目录docker ls结果如下：2.根据1结果进入容器内部docker exec -it a722eaf497e5 nginx

原创 react项目学习解析（持续更新）

创建react脚手架npm install create-react-app -g创建react具体项目create-react-app xxxxx运行项目(npm或者 yarn都可)npm startnpm run build

原创 cordova+vue-simple搭建和调试

一vue-simple基于的项目原型vue-simple页面大体框架是运用vue的脚手架集成的，安装过程如下：1.全局安装vue脚手架工具/vue客户端 （npm 包管理器，也可用淘宝镜像cnpm） npm install -g vue-cli2.下载vue脚手架项目 （简单配置的webpack）vue init webpack-simple my-project3.进入vue...

原创 AMD、CMD 、Commonjs、Es6

AMD requireJs 属于依赖前置CMD seaJS 依赖就近 define 同步模块定义CommonJs module.exports ( 前端不支持。node后端支持)， exports.erae=function（）{}Es6 export/import...

原创 flex 整理

原创 js对dom进行截图代码

代码如下&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;canva

原创 vue 中html5图片水印的代码

readLocalFile: function (index) { let reader = new FileReader(); var localFile = document.getElementById("uploadFile_"+ index).files[0]; va...

原创 scrt 命令行的写法

1.从本地上传压缩文件或者文件（注意：文件夹需要压缩） 切换到需要上传的目录：cd /usr….rz2.解压 zip文件unzip xxxx.zip3.浏览该目录下的所有文件ls4.删除文件夹rm -rf XXXXX5.删除除文件夹之类的东西rm XXXXXXX6.迁移文件 （../是表示上一级的目录）mv xxxxx ../7...

原创 vue利用hbuilder打包，路由页面不显示等问题

路由页面不显示，主要还是路径配置的不对，每个人的框架不一样我这边主要改了几个地方： 1.main.js里面的路径重新设置一下 webpack配置信息的内容，出口路劲配置 3.main.js中的mode ...

原创 vue 调用百度地图代码（亲测有效）

1.在index.html中放入该链接，此链接是从百度那边配置而来，我这里是*，就是接受任何网站，直接复制过去用就可以了&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=3mn83YpfI9VdPSZg1DfuK7lg0UqRljwt"&gt;&lt;/script&gt;地图...

原创 vue 调用摄像头拍照以及获取相片本地路径

包含图片的增加和删除功能&lt;template&gt; &lt;div&gt; &lt;!--照片区域--&gt; &lt;div v-for="(urls, index) in imgs " style="float: left; margin: 10px ; border: 1px solid #ccc;"&gt; &lt

原创 vue+Hbuilder 二维码扫码功能的实现

此代码须建立在Hbuilder上 代码如下： 只有真机运行才能起作用&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,init

原创 vue页面刷新功能的实现

主要是路径设置的问题 将页面index.html 中的script改成如下： &lt;script src="../dist/build.js"&gt;&lt;/script&gt;

原创 webstorm的注册码

总有一个适合你，一个个试下去 http://idea.youbbs.orghttp://idea.congm.inhttp://im.js.cn:8888http://intellij.mandroid.cn/http://idea.imsxm.com/http://idea.iteblog.com/key.phphttp://xdouble.cn:8888/http...

原创 如何解决 coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)或者说不支持改系统

主要是弄清楚path和node——modules的关系 我这边主要是要在安装的node目录下执行，执行命令npm config list 找出图片中prefix的路径 输入：输入vue -V 系统会给出对应的提示。我就是这么解决的...

原创 带检索功能angular的下拉多选功能的实现

带检索功能angular的下拉多选功能的实现html部分 &lt;input type="text" class="form-control text-left" style="position:absolute;" ng-click="vm.inputClick()" ng-change="vm.inputNewChange()" ng-blur=" vm.outBlu()&

原创 angular 中ng-table中表头固定，内容竖向滑动

样式部分 表头absolute定位，body设置竖向scroll 且设置最大高度 .table-scrollable { overflow: visible; } .table &gt; tbody &gt; tr &gt; td { text-align: center; vertical-align: middle;...

原创 less整理

less的几种形式1 默认的参数 2.根据div的层次写less3函数 @switch*4.做全局变量设置5. @import ‘a.less’ 引入的方式也分种类 最常见的案例是media的大小屏幕适配...

原创 angular的脚手架

https://www.jianshu.com/p/327d88284abb

原创 angular的select写法

angualr select 写法利用options循环 传出来的数据是id 但是显示的是name &lt;select ng-init="selectedName = names[0]" ng-model="selectedName" ng-options="x.id as x.name for x in Outmodel1"&gt; ...

原创 微博前端的安全

web前端的安全：1 跨站脚本攻击(XSS攻击) （1）盗取cookie信息，注入恶意的script代码 （2）输入过滤，比如 用户的邮箱格式过滤等2 跨站请求伪造(CSRF攻击) 本地保存的cookie，伪造访问不同域的网站，我们的解决方法有以下几种： （1） 验证码 （2）Anti CSRF Token （以参数的形式...

原创 webpack学习链接

1.webpack 3 零基础入门教程 #1 https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-1-jie-shao2.webpack 3 零基础入门教程 #2 - 安装 https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-m...