自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(114)
  • 资源 (15)
  • 论坛 (2)
  • 问答 (7)
  • 收藏
  • 关注

原创 workflow仿钉钉审批流程设置

钉钉审批流程设置钉钉审批流程设置,基于vue开发线上开源地址 https://github.com/StavinLi/Workflow 点个赞吧!项目介绍技术点组件自调用+递归处理功能点界面缩放节点设置节点新增5.等等项目安装git clone https://github.com/StavinLi/Workflow.git项目运行1....

2019-11-16 14:55:57 5239 52

原创 基于svg绘制北京地铁图(官网数据来源)

北京地铁图北京地铁图,基于svg开发,支持PC、移动端多种浏览器。线上开源地址 https://github.com/StavinLi/beiJingSubway 点个赞吧!项目预览 http://47.106.166.17:5101/项目介绍技术点1.node代理请求https://map.bjsubway.com/数据app.use('/', proxy({ ...

2018-12-18 09:03:55 4795 1

原创 vue-cli2.0脚手架 移动端项目总结(环境构建、本地开发及线上部署)

移动端项目预览地址:http://47.106.166.17:5200/一、项目构建1. 全局安装 vue-cli npm install –global vue-cli2. 创建一个基于 webpack 模板的新项目 vue init webpack my-project3. 安装依赖,走你 cd my-project npm in...

2018-08-10 12:36:35 883

原创 基于svg开发绘制地铁图

中国地铁图中国地铁图,基于svg开发,支持PC、移动端多种浏览器。覆盖北上广多个城市。 线上开源地址 https://github.com/StavinLi/the-subway-of-china 点个赞吧!项目介绍技术点1.svg 全程绘制var { lb, lc, lbx, lby } = l_xmlattrvar path = $.svg('p...

2018-07-24 15:30:26 4159 3

原创 mac 全局安装 Cz 工具【踩坑】

一.安装1.安装利器 commitizennpm install -g commitizen2.安装规范模板文件npm install -g cz-conventional-changelog二.使用如下命令创建.czrc 文件 【目的:写入配置】echo '{ "path": "cz-conventional-changelog" }' > ~/.czrc三.注意:文件最前面带上.就会变成隐藏文件,系统默认不显示隐藏文件,所以你必须开启显示隐藏文件才能把文件命名为隐藏文件。

2020-11-13 10:50:13 43

原创 js 定时器0 和 1 轮询

let index = 0;方法一setInterval(()=>{ index = !index * 1})方法二 setInterval(()=>{ index = index ? 0 : 1})方法三setInterval(()=>{ index++ index = index == 2 ? 0 : index})

2020-11-03 11:06:56 32

原创 面试二

任务调度器class TaskManager{ list = []; count= 0; constructor(num){ this.num = num } async addTask(fn){ this.count>=this.num?await new Promise(resolve=>{this.list.push(resolve)}):"" this.count++ var result = await fn() this.count-- if(th

2020-09-25 11:43:59 28

原创 面试算数

数组存在a[i]+a[b]==a[c]let sortArr = [1, 3, 4, 6, 7, 8]console.log(three(sortArr))function three(arr) { var obj = {}; var newArr = [] for (let i = 0; i < arr.length; i++) { for (let j = 1 + i; j < arr.length; j++) { ob

2020-09-15 21:30:53 40

原创 js调用原生方法

//shareInfo 原生方法名var obj = {}if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { window.webkit.messageHandlers.shareInfo.postMessage(JSON.stringify(obj)); //调用ios方法} else if (/(Android)/i.test(navigator.userAgent)) { window.android.shareIn

2020-08-11 16:26:20 185

原创 git 命令集合

git addgit add <file> 把文件修改添加到暂存区git add -A 提交所有变化git add -u 提交被修改(modified)和被删除(deleted)文件,不包括新文件(new)git add * // 添加新建文件和修改,但是不包括删除git add . 提交新文件(new)和被修改(modified)文件,不包括被删除(delet...

2020-08-04 14:10:22 35

原创 jsp引入方式

1.按接口引入<jsp:include page="/public/base/top"></jsp:include>@RequestMapping(value="/public/base/top") public String baseTop(Model model,HttpServletRequest request){ LoginResult loginResult=getCacheUser(request); if(StringUtils.isEmpty(log

2020-07-28 15:56:38 40

原创 https证书续费,重启nginx为何不生效

https证书续费,重启nginx为何不生效可能原因: CDN部署

2020-07-28 15:19:52 385

原创 jenkins 码云 自动化部署补充填坑

官网文档说明 https://gitee.com/help/articles/4193#article-header2注意: 个人补充填坑一. 添加码云链接配置1. 域名url填写https://gitee.com2. 证书令牌问题选择 Gitee API 令牌Gitee APIV5 私人令牌值 需要 跳转 https://gitee.com/profile/personal_access_tokens获取3.源码管理此处Credentials Add 选择 username w

2020-07-08 16:05:33 154

原创 js 移动端H5 定位获取当前城市

if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(position => { let latitude = position.coords.latitude;//获取纬度 let longitude = position.coords.longitude;//获取经度 $.getScript(`https://api.map.baidu.com/reverse.

2020-07-07 11:28:29 709

原创 js 弹窗弹出+关闭+拖动效果

需求打开时,从右下角弹出关闭时,从右下角收回拖动效果技术点jquery animate() 方法draggabilly插件代码html<span class="tip">消息通知</span><div class="dialog"> <h3>弹窗标题 <span class="close">关闭</span></h3></div>javascript&l

2020-07-03 09:53:49 123

原创 vue-cli3.0 vue打包部署非根目录时,js\css路径错误,找不到文件

以这个审批设置为例里面是个vue项目,没有直接放在a.xxx.com下面,而是放在了/espace/下面修改1.router.js2.vue.config.js3.nginx配置server { listen 8001; location / { root /opt/espace; #示例 /root/lc/dist #注意:用‘/’ index index.html index.htm; try_files $uri $uri/

2020-05-13 10:20:53 752

原创 js 字符串根据下标索引实现高亮显示

效果图实现代码<script> var str = `我们于前述时间更新了《爱奇艺隐私政策》的相关内容。本次更新的内容主要包括: 依照最新法律要求更加详细地介绍了我们对儿童个人信息的保护规则并据此增加了附件一《爱奇艺儿童个人信息保护规则》、增加了身份认证功能下我们对身份认证信息的收集和使用情况以及其他文案描述性内容调整等。 请您在使用/继续使用爱奇艺集团的产品与/或服务前仔细阅读和充分理解全文,并在同意全部内容后使用/继续使用。` var list = [

2020-05-11 15:51:22 226

原创 js postMessage实现iframe同步滚动对比

注意:不能用绝对路径打开html,否则报错 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('null') does not match the recipient window's origin ('null').1.index.html<!DOCTYPE html>&lt...

2020-04-29 10:54:19 179

原创 js表单页面退出或刷新时,如何触发事件保存表单内容

window.addEventListener('beforeunload', function(e) { saveForm() e.preventDefault(); });function setCookie(val) { //cookie设置[{key:value}]、获取key、清除['key1','key2'] for (var i = 0, len = va...

2020-03-18 14:39:59 173

原创 Textarea /n 内容展示时实现换行

<div class="content">11111111/n2222222/n3333333<div>添加样式如下:.content{ white-space: pre-line;}

2020-03-18 14:22:06 247

原创 js 行内事件JSON对象传参

<img onclick="getInfo(reData({id:1}))"/>function reData(data) { return typeof JSON.parse(data) == "object" ? data.replace(/"/g, '&quot;') : JSON.stringify(data).replace(/"/g, '&quo...

2020-03-18 14:14:59 182

原创 TypeScript在vscode中报错“函数实现重复”等

解决办法:在项目根目录添加配置文件tsconfig.json。

2020-03-05 17:04:42 1280

原创 nginx 同一域名下部署多个vue项目

以 espace 和 mobile 项目为例server { listen 8001; location / { root /opt/espace; #示例 /root/lc/dist #注意:用‘/’ index index.html index.htm; try_files $uri $uri/ /index.html; #解决子...

2019-12-05 11:30:18 553

原创 nginx http强制跳转https

1.http强制跳转httpsupstream testa.xxx.com{ server 127.0.0.1:8081;}server { server_name testa.xxx.com; return 301 https://$server_name$request_uri;}server { listen 443; server...

2019-12-05 10:28:01 185

原创 vue 子组件 ios端不显示图片

解决办法:<figure class="no_data"><img src="@/assets/images/no_data.png" width="100%"></figure>

2019-12-03 10:46:34 128

原创 ios低版本 不支持 vuex mapState

<loading v-show="loadingVisible"></loading>import { mapState } from 'vuex'computed: { ...mapState(['loadingVisible', 'alertInfo'])}改为<loading v-show="$store.state.loadingVisible"...

2019-11-27 18:09:24 139

原创 ios内嵌h5报错 unhandled promise rejecion typeError

发生条件:vue + vuex低版本苹果系统10.3.2苹果内嵌vue H5页面通过eruda捕获错误unhandled promise rejecion typeError发生原因:实现 axios loading效果代码如下let requestNum = 0;function startLoad(){ if (requestNum === 0) { ...

2019-11-27 17:22:23 191

原创 html快递单排版,支持右键保存图片

<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div class="print-container" style=...

2019-11-20 10:10:41 85

原创 js @功能实现

PC端html<link rel="stylesheet" href="/atwho/jquery.atwho.css" /><script type="text/javascript" src="/atwho/jquery.caret.js"></script><script type="text/javascript" src="/atw...

2019-11-20 09:58:21 1035

原创 button内部放置 input file360浏览器下点击没反应

原因button控件 click事件默认双击事件,点击无法触发input file 的change事件解决办法用a或其他标签包裹input

2019-11-18 17:07:55 289

原创 js如何点击父级元素关闭,点击子级不受影响

$(".parent").on("click", function() {//点击父级元素关闭 $('.parent').hide();});$(".parent").on("click", ".son", function(e) {//点击子级不受影响 e.stopPropagation()})

2019-11-16 19:20:22 1256

原创 内嵌H5显示弹窗后如何禁止底层滚动

解决办法.hidden { position: fixed;}var topNum;function onShow(){ topNum = $("body").scrollTop() $("body").addClass("hidden"); $(".dialog").show();}function onHide(){ $(".dialog").hide...

2019-11-16 19:18:09 189

原创 input 在IOS设置 readonly,光标依然停留

解决办法: input 增加以下属性onfocus="this.blur();

2019-11-16 19:13:50 139

原创 IE 兼容模式下 contentEditable 无法取值

原因:IE访问页面的时候,受限制解决办法 :在html里插入以下代码<!-- saved from url=(0014)about:internet -->

2019-11-16 19:11:01 251

原创 vue-cli3.0 图片放在public,vue打包部署非根目录时,图片引入错误

解决办法:方法1. 修改nginx 配置,以部署目录espace为例upstream a.xx.com{ server 127.0.0.1:8081;}server { listen 80; server_name a.xx.com; location /{ proxy_pass http://a.xx.com; } l...

2019-11-07 16:36:13 2407

原创 node http-proxy-middleware代理 提示Error occured while trying to proxyError occured while trying to

报错[HPM] Error occurred while trying to proxy request /admin/api/v1/upload from localhost:5101 to https://map.bjsubway.com (UNABLE_TO_VERIFY_LEAF_SIGNATURE) (https://nodejs.org/api/errors.html#error...

2019-09-06 11:12:52 2656

原创 vue directive input限制小数点位数,及更新v-model

<input type="text" v-model="phone" v-enter-number data-point="0">Vue.directive('enterNumber', { update: function(el, { value, modifiers }, vnode) { el = el.nodeName == "INPUT" ? e...

2019-08-29 13:46:33 845

原创 Jenkins vue打包配置

1. Execute shell. /root/.nvm/nvm.shnvm use v12.2.0cnpm installnpm run testcd distrm -rf ydc_parkrun.tar.gztar -zcvf ydc_parkrun.tar.gz --exclude=node_modules *cd ..2. Send build artifacts o...

2019-07-31 09:37:15 212

原创 Jenkins gulp打包配置

以r项目为例,远程地址为new/dest目录#Source files r/#Remove prefix r#Remote directory new/dest/r #Exec command cd /newgulp devgulp_pid=`ps -ef | grep 'gulp' | grep -v grep |awk '{print $2}'`echo $gulp_pid...

2019-07-31 08:38:33 131

原创 git reset --hard HEAD^ more?问题

原因因为cmd中^是转义符号,相当于linux的\,当出现在行尾的时候含义是这行还没写完,无视行尾的换行符,下行的内容实际执行的时候理解为直接接在上一行尾上。所以你^结尾会提示你More,就是让你输入下一行的内容。解决方法用双引号括上强行指定为字符串内容"^",或者用两个^,即^^,前一个转义后一个,代表一个没有特殊含义的字符^本身。如果你要用n个^,就要写2n个^。Git Bash是...

2019-07-25 14:46:09 324

Sublime Text3 简体中文版

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。 Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时

2018-08-13

krpano-1.19-pr10-linux64

krpano是一款全景漫游制作软件和工具。其具有以下特点:高度灵活、性能卓越的轻量化全景漫游浏览器。兼容HTML5和Flash,支持Webgl下的WebVR展示。使用专用的krpano xml代码编写全景漫游,可开发出高度定制化的项目,也可利用krpano工具开发在线全景制作及展示平台。

2018-08-10

百度地图GeoUtils类

GeoUtils类提供若干几何算法,用来帮助用户判断点与矩形、 * 圆形、多边形线、多边形面的关系,并提供计算折线长度和多边形的面积的公式。 * 主入口类是<a href="symbols/BMapLib.GeoUtils.html">GeoUtils</a>, * 基于Baidu Map API 1.2。

2018-09-05

Navicat Premium绿色版

Navicat Premium 是一套多连接数据库开发工具,让你在单一应用程序中同时连接多达六种数据库:MySQL、MariaDB、SQL Server、SQLite、Oracle 和 PostgreSQL,可一次快速方便地访问所有数据库。

2018-08-16

ThreeBSP.js

three.js布尔运算库,采用ThreeBSP.coffee编译而成,解决了它和Threejs r8x兼容性的若干问题。

2018-08-13

XMLDOM对象手册

W3School 为您提供完整的 XML DOM 参考手册,其中包括所有的 XML DOM 对象以及它们的属性和方法。 在对象的属性及方法的描述页面中,提供了关于属性和方法的详细信息,包括定义用法、语法,以及实例代码。 此外,您可以亲自对所有实例代码进行编辑和测试(TIY 功能)。

2018-08-13

DHTML完全手册

网页制作的完全手册,DHTML.在网上看不方便就用在个吧,感觉不错就发出来了.希望对大家有些帮助吧

2018-08-13

ASCII码ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)

ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统,并等同于国际标准ISO/IEC 646。 [1] 请注意,ASCII是American Standard Code for Information Interchange缩写,而不是ASCⅡ(罗马数字2),有很多人在这个地方产生误解。

2018-08-13

送你九千九百九十九朵玫瑰

送你九千九百九十九朵玫瑰 是一款全屏玫瑰的软件,使用时需谨慎,最后ctrl+shift+del 退出即可

2018-08-13

CSS Satyr(CSS 塞特斯)

CSS Satyr(CSS 塞特斯)是一款 CSS Sprites 的小工具。可以将多个小图片整合成一张图片,并生成相应的CSS调用代码。CSS Sprites 样式生成工具也很不错,但是它只对一整幅图片进行操作的。而我们草根基本上很少有人自己去设计一套图标或UI,一般都是通过网站上收集的。于是本工具就诞生了。

2018-08-13

高性能JavaScript编程

如果你使用JavaScript构建交互丰富的Web应用,那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件到生产环境的最佳实践,以及有助于定位线上问题的工具。

2018-08-10

《编写高质量代码:改善JavaScript程序的188个建议》

《编写高质量代码:改善JavaScript程序的188个建议》是成林创作的软硬件开发类书籍。

2018-08-10

node.js开发指南(随书源码)

Node.js是一种方兴未艾的新技术,诞生于2009年。经过两年的快速变化,Node.js生态圈已经逐渐走向稳定。Node.js采用了以往类似语言和框架中非常罕见的技术,总结为关键词就是:非阻塞式控制流、异步I/O、单线程消息循环。不少开发者在入门时总要经历一个痛苦的思维转变过程,给学习带来巨大的障碍。 而本书的目的就是帮助读者扫清这些障碍,学会使用Node.js进行Web后端开发,同时掌握事件驱动的异步式编程风格,以便进一步利用Node.js的高级特性。

2018-08-10

zookeeper-3.4.10

Zookeeper是一个高效的分布式协调服务,可以提供配置信息管理、命名、分布式同步、集群管理、数据库切换等服务。它不适合用来存储大量信息,可以用来存储一些配置、发布与订阅等少量信息。Hadoop、Storm、消息中间件、RPC服务框架、分布式数据库同步系统,这些都是Zookeeper的应用场景。

2018-08-10

Xshell5+Xftp5

Xshell+Xftp 集合包 ,绿色免费版 ,其中Xftp是一个基于 MS windows 平台的功能强大的SFTP、FTP 文件传输软件。使用了 Xftp 以后,MS windows 用户能安全地在 UNIX/Linux 和 Windows PC 之间传输文件。Xftp 能同时适应初级用户和高级用户的需要。

2018-08-10

vue打包部署非根目录时, public中的图片引入路径怎么修改引入路径

发表于 2019-11-06 最后回复 2019-12-04

误删文章求管理员恢复

发表于 2018-08-16 最后回复 2018-11-16

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除