![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端及VUE开发
文章平均质量分 88
VUE 及前端 html/css/bootstrap/elementui 等技术开发
林戈的IT生涯
我是林戈!IT技术领域深耕10年+;北京多家名厂闯荡5年+;清华大学硕士;坐标山东从事IT研发工作。之前一直在阿里云运营独立网站,2015年起自建博客并运营约10年,累计发文1300+篇,2024年3月域名被收购目前在逐步迁移博客文章至CSDN。
展开
-
分享一个200年日历的黄道吉日sql数据打包供下载以及推荐一个好用的基于bootstrap的颜色选择器colorpicker
自己抓取的一套200年(1900-2100)全部日期的黄道吉日数据,分享出来,也在此备份以备以后自己要用。包括每天年月日 ,干支年 ,干支月 ,干支日 ,星期 ,阳历 ,农历 ,阴历月份 ,阴历日期 ,星座 ,胎神 ,五行 ,冲 ,煞 ,生肖 ,吉日 ,值日天神 ,凶神 ,吉神宜趋 ,财神,喜神 ,福神 ,宜,忌数据。各字段意义如下:date 年月日gzyear 干支年gzmonth 干支月gzday 干支日week 星期。原创 2024-08-07 13:00:00 · 1199 阅读 · 0 评论 -
chart.js设置各种颜色不生效-fillColor不起作用-原来是chart.js版本的问题 及 推荐一个基于轻量级的精简web在线富文本编辑器wangEditor
之前用highcharts用得比较多,最近准备开始用一下chart.js,不过在使用过程中碰到了麻烦的事情。我也怀疑是版本的问题,因为之前包括使用bootstrap时也碰到这类问题,但bootstrap里的官方文档(见地址:http://www.bootcss.com/p/chart.js/docs/) 里根本没提过版本的差异,我就按照文档里的操作,页面数据能加载出来,但就是颜色不出来。版本不能向后兼容,也没有明确的提示和告诉用户,这真是个坑啊,白浪费别人时间!原创 2024-06-26 07:00:00 · 1004 阅读 · 1 评论 -
文本编辑器kinderedit的源代码高亮显示 及 实体字符换行问题-各种换行css样式仍不可行的解决
用过几个编辑器,最后选择了kindeditor,没什么其它的原因,一是kindeditor简单好使用。二是比较熟悉kindeditor的使用,同时网上对kindeditor的评价都不错,也就没有去接触其它的编辑器。kindeditor的官网:http://kindeditor.net/demo.php官网首页上即列出了很多的演示模式,但没有对代码高亮的显示演示。在编辑器第一行按钮里有一个C#图标,这就是插入源代码的按钮。原创 2024-06-15 07:30:00 · 565 阅读 · 6 评论 -
推荐一个开源在线文档实时编辑器 Etherpad和精简web在线富文本编辑器wangEditor、自制一个在线接口文档html模板页面
之前使用的飞书在线文档实时编辑,功能很强大,也很好用。新公司里这些基础服务都不怎么好用,网上当然有一些共享文档的第三方服务,包括腾讯文档、石墨文档等。但自己就想看看有没有这方面的开源产品。找了找还真发现一个EtherPad开源产品。使用了一下,觉得小团队的话体验还可以。使用docker安装比较方便。启动成功之后,就能使用8000端口访问服务了,然后可以尝试同时开启两个浏览器窗口编辑内容,可以发现编辑内容会实时同步。原创 2024-03-23 08:50:07 · 569 阅读 · 0 评论 -
Vue中Export和Export default区别、dependency was not found@XXX.js in ./src/main.js及Unexpected token ‘<‘问题
ES6主要是为了解决ES5的先天不足,比如JavaScript里并没有类的概念,ECMA是国际化标准组织(European computer manufactures association,欧洲计算机制造联合会),1996年11月JavaScript的创造者网景公司将JS提交给希望这种语言能够成为国际标准,随后ECMA发布了规定浏览器脚本语言的标准,即ECMAScript。而export default命令对外输出的变量名是任意的,这时import命令后面,不使用大括号。export可以使用多次。原创 2024-05-05 07:45:00 · 1808 阅读 · 10 评论 -
Vue中import导入和export导出要用花括号的情况 和 Vue对el-input进行@监听和整数校验
使用Vue时发现程序中的import导入时有的用了花括号,有的未用。于是自己使用时就没有带上花括号,最后运行不起来,调试发现是缺少花括号的问题。import导入和export导出模块使用花括号是ES6中的语法,而且分为几种情况:1. 导入部分引入的是default不用花括号,非default时,要使用花括号。我上面的Index里面正是使用export default的方法,而message则是用的export const message。原创 2024-04-28 07:45:00 · 1051 阅读 · 7 评论 -
百度地图取消从宇宙看太阳照射地球的功能及WEB调用百度地图javascript的API-定位图标不显示问题
以前百度地图有个功能:可以从宇宙看太阳照射地球-现在没有了,可惜啊。我挺喜欢点进去看的。之前发现百度地图有个功能,早前应该没有,或许加上了一段时间我第一次发现,进入百度地图,在右下角点击地球进入卫星视图(默认是地图界面),可以从宇宙看太阳照射地球。截图如下:现在是上午,所以在地球上我们中国处于白天,如果现在是晚上,那么我们中国这里就是处在太阳照射的范围内,非常好。而且在夜晚的视图中,百度地图加上了城市夜光图,可以清晰地分辨出各个大城市位置。原创 2024-03-22 06:35:45 · 361 阅读 · 2 评论 -
推荐欣赏一个 CSS3 写的太阳系各行星运行动画演示页面、 利用img的usemap属性和css3实现圆形点击区域、及从百度地图取经纬度数据三种方式
之前分享过一个网站,可以查看太阳系中各个行星上拍摄的真实照片信息,在这篇文章里链接地址:下面是一张截图:挺好的,一个非常方便的在线演示宇宙的材料。原创 2024-03-22 06:38:16 · 375 阅读 · 0 评论 -
Bootstrap的日历时间插件datetimepicke应用以及无法获取未定义或 null 引用的属性slice报错解决
在Chrome浏览器里运行地好好的JS代码,放到IE10里面突然失灵了,看报错发现加载的时间日历插件bootstrap-datetimepicker竟然报错。报错:SCRIPT5007: 无法获取未定义或 null 引用的属性“slice”JS调试发现在chrome浏览器执行:(new Date).toString() 取得的值是:Fri Aug 12 2016 21:00:25 GMT+0800 (中国标准时间)原创 2024-04-10 19:59:36 · 521 阅读 · 2 评论 -
关于 WangEditor 富文本编辑器中 html 内容的设置与获取以及 Html 中 doctype的意义
wangEditor的官网上有对设置内容和获取内容的说明,见链接:https://www.kancloud.cn/wangfupeng/wangeditor3/335775 但是在操作时碰到了其它的问题,上述文档中的设置内容片段代码截图如下:虽然整个detail里的内容都像文档上一样,展现了出来,但是设置出来的内容如上图,所有的源码以字符形式展现出来了。设置的代码中的内容是实体化的字符。原创 2024-04-07 06:33:47 · 304 阅读 · 0 评论 -
基础Node环境以及使用npm搭建、运行VUE项目的全过程记录
进行这些操作时,git bash的当前目录可以为任何目录,比如电脑桌面desktop下,使用 npm install -g @vue/cli 安装vue-cli工具,注意这里一些老的文档上仍然是使用 npm install --global vue-cli 命令安装vue-cli工具,会报错npm WARN deprecated。开发环境需要安装node.js。-rw-r--r-- 1 Administrator 197121 460272 九月 16 06:55 package-lock.json。原创 2024-04-04 06:22:19 · 1054 阅读 · 0 评论 -
Linux上升级nodejs以及nvm ls-remote返回N/A的问题解决
这下nodejs升级成功了。上面nodejs虽然升级成功,但并不代表在jenkins里可以正常使用,执行完上面的工作,我在jenkins里使用nvm时报错: nvm: not found 进行过多次调试,jenkins里也是使用的root用户,但是就是执行不了nvm命令,最后是把系统中的PATH变量值在jenkins的全局系统设置里填写了PATH才成功。服务器中的jenkins容器里npm的版本是6.*,nodejs版本是12.*,无法运行一些新的vue项目,按照要求需要进行升级到nodejs和npm。原创 2024-04-03 21:02:06 · 931 阅读 · 0 评论 -
http请求中的Referrer-Policy策略详解、Nfs动态添加扩展服务器以及共享目录的操作及nfs平滑重启
No Referrer策略属性值:no-referrer意义:任何情况下都不发送 Referrer 信息。No Referrer When Downgrade策略属性值:no-referrer-when-downgrade意义 :仅当发生协议降级时不发送Referrer信息(如 HTTPS 页面引入 HTTP 资源,从 HTTPS 页面跳到 HTTP 等)时不发送 Referrer信息。这个规则是现在大部分浏览器默认所采用的。Origin Only策略属性值:origin。原创 2024-03-30 16:17:57 · 1110 阅读 · 0 评论 -
Bootstrap中自适应布局的一些设置 及 bootstrap辅助类文本背景不起作用的原因
Boostrap本身就是一个响应式自适应的前端UI框架。使用栅格模式后,其自适应功能也能很好的运用。根据浏览器宽度的大小,Boostrap有四种栅栏类名提供使用,用法与Css样式表类名选择器样式调用是一样的:xs:col-xs-1 ~ col-xs-12,多列始终在一行内。sm:col-sm-1 ~ col-sm-12,多列在浏览器像素宽度大于等于768px时才在一行内。md:col-md-1 ~ col-md-12,多列在浏览器像素宽度大于等于992px时才在一行内。原创 2024-03-30 16:12:01 · 287 阅读 · 0 评论 -
高德地图IP地址转换成经纬度只能定位到城市范围的问题及百度地图API实现高铁线路连线的示例
因业务需要,将IP地址转换成经纬度,记录一下。调用方法很简单,先申请web服务 API密钥(Key);注意根据你的调用方式选择key, 我这里是通过web接口调用,所以选择web服务。不然会把key的类型错误。然后拼接HTTP请求URL,并带上第一步申请的Key;=output可以是xml,也可以是json, 如请求: restapi.amap.com/v3/ip?需要清楚的是返回的rectangle是所在城市矩形区域范围,即所在城市范围的左下右上对标对,并不是IP地址准确的经纬度值。原创 2024-03-29 18:44:41 · 995 阅读 · 0 评论 -
PDF文档存在但Chrome预览加载PDF失败问题及复习一下四种常见的POST提交数据方式
通过程序上传了pdf文件到服务器上的minio对象存储中,上传成功也能在minio中查看到,但在浏览器中通过minio资源网址查看pdf文件时,提示未能加载PDF文档。不能正常显示。开始以为是浏览器的PDF插件问题,支持不够好,于是找了些JS插件,如PDFObject(https://pdfobject.com/ 实现在线嵌入PDF显示的方式。上面有很多显示样式可选,下面这项可以相关的地址如下:PDFObject官网地址:https://pdfobject.com/#browser-support。原创 2024-03-26 06:15:27 · 1068 阅读 · 0 评论 -
关于标准化JWT(JSON Web Token)和 OIDC经典授权模式
在隐式模式中,认证服务器的授权接口不会返回授权码 code,而是在与用户完成认证后返回 id_token 和 access_token。混合模式是以上两种模式的组合,特点是能够在授权接口一次性获取到 c ode、id_token、access_token,一般 code 会与 id_token、access_token 混合出现。此后,第三方应用可以利用 access_token 到资源服务器获取用户的信息,完成在第三方应用的注册和登录业务,并可以将 id_token 作为用户的身份凭证,存放在前端。原创 2024-03-26 06:13:20 · 988 阅读 · 0 评论 -
大数据视图组件@jiaminghi/data-view的2.10.0版本的BUG、Vue调用后台api接口时发现%E2%80%8B特殊字符 以及 414 Request-URI Too Large问题
在本机windows上以前也遇到过 @jiaminghi/data-view的2.10.0版本问题,但那时没多去看,多运行两次就正常了。查看到目前加载的是 2.10.0 版本,想看看有没有其它更新的版本,但是没有,虽然按照操作把错误的这行 :key="i 放到上面一行:v-for 里,但这不是正常的解决之道啊,全球所有使用这个插件的人都去排查一遍这个问题,然后这样修改,是多大的时间浪费!为什么不能更新一下版本解决根问题?原创 2024-03-16 18:02:06 · 771 阅读 · 4 评论 -
Vue中publicPath导致通过URI区分环境部署失败、Vite 和 Webpack 的区别 以及 Bootstrap 本地资源文件不生效的问题
在使用Nginx代理一个已经部署好的 Vue 项目时,发现线上环境正常,但是测试环境中使用域名代理却是空白页,查看源码发现线上环境和测试环境的区别在于,线上环境加载的资源如 app.js 使用的是相对路径,而测试环境使用的是绝对地址,从而导致资源加载不正常。这就回到了 Vue 中 vue.config.js 配置文件中的 publicPath 配置选项,这个配置默认为空或者设置为 ./ 相对目录,从而让 Vue 根据项目的部署位置自动加载对应在资源文件。原创 2024-03-16 17:12:32 · 473 阅读 · 1 评论