- 博客(21)
- 收藏
- 关注
RSS订阅原创 html转pdf的三种方式,pdf-lib合并pdf
项目中遇到需要xml打印pdf的功能，通过查找资料找到三种方式处理 - html转图片 - 使用浏览器的打印功能 window.print - 使用无头浏览器（底部有github地址，欢迎star）
2023-12-28 17:18:12
474
原创 three初学踩坑之路，渲染外部模型，添加事件
渲染场景1.简单渲染一个盒子// 引入three方式import { Scene, ... } from 'three// dom是我要渲染的元素const height = dom.offsetHeightconst width = dom.offsetWidth// 添加相机const camera = new PerspectiveCamera( 45, width / height, 1, 10000 )camera.position.z = 5;const renderer =
2022-01-14 13:56:39
657
原创 vue使用vue-i18n国际化
国际化配置效果图使用的插件是vue-i18ncnpm i vue-i18n -S1.国际化目录结构在根目录下创建一个文件夹lang,里面放置业务语言包2.注册到vue在lang文件夹下的index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)const i18n = new VueI18n({ // 语言标识, 通过切换locale的值来实现语言切换,this.$i18n.local
2021-06-09 12:18:33
301
原创 vue axios下载文件blob,后端返回文件流和错误信息的区分，自定义响应头拿不到
首先下载axios要传递请求头的数据 headers: { 'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild' }, responseType: 'blob',得到请求结果时// 处理下载失败的问题，data是得到的请求结果 if (data.type === 'application/json') {
2021-04-21 11:07:02
2700
原创 vue ssr搭建服务端渲染项目
什么是服务器端渲染 (SSR)Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行。为什么使用服务器端渲染1.更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染
2021-03-24 16:25:13
491
原创 centOs使用jenkins配置自动化部署vue项目
使用jenkins在服务器部署项目首先要安装jdk和jenkins没有安装的看这篇文章centos安装jdk和jenkins完成插件后1，进入jenkins创建一个job选择一个自由风格的软件项目2，源码管理私有仓库要输入账号密码3，构建环境4，环境添加shell命令npm install rm -rf ./dist/*npm run buildrm -rf /www/web/site/*cp -rf ./dist/* /www/web/sitenpm instal
2021-02-04 16:26:44
282
原创 centos安装jdk和jenkins
打算在自己买的阿里云服务器上部署一个自动化部署查找资料整理安装jdk和jenkins1,安装jenkins需要前置环境jdk,先安装jdk安装jdk有很多种方法，我这边使用的是yum方法#查看系统是否自带jdkjava -version# 搜索jdkyum search java|grep jdk# 安装jdkyum install java-1.8.0-openjdk2，安装jenkinssudo wget -O /etc/yum.repos.d/jenkins.repo https
2021-02-04 11:18:41
354
原创 vue利用指令使用highlight.js
import Vue from ‘vue’使用highlight.jsVue.directive(‘highlight’, function(el) {let blocks = el.querySelectorAll(‘pre code’)blocks.forEach(block => {hljs.highlightBlock(block)})})局部指令directives: {highlight: {function(el) {let blocks = el.querySe
2021-01-29 16:26:52
481
原创 vue scoped父组件影响子组件样式
此处坑记录为子级查看坑描述：vue父组件使用scoped 子组件也使用scoped时，当父组件使用一个类和子组件最顶层使用同一个类时，父组件的样式会影响子组件样式父组件代码<div class="create-flowline color"> <step-template > </step-template> <div cla...
2021-01-27 11:21:52
2006
2
原创 elementUI中tooltip自定义class样式在scoped下不生效问题
在项目中遇到一个觉得比较有意思的坑，在vue框架中使用element，遇到动态添加dom元素的组件时（tooltip, dialog等）,在属性popper-class，自定义class时样式不生效，后面经过分析不生效的原因是vue使用scoped后会在当前组件下每个dom元素上添加一个组件唯一标识（例如data-v-fae5bece），class也会编译成data-v-fae5bece,而我们使用popper-class自定义class想写在scoped中，element动态添加的dom上不具备唯一标识d
2021-01-27 11:19:12
6924
10
原创 vue项目部署到阿里云服务器（纯前端静态页面动态）
双十一新买的阿里云服务器，工作闲暇时摸索部署一个vue前端项目，记录操作1.新买的阿里云服务器要重置密码，然后配置安全组，下载教育版xshell和xftp免费使用2.使用xshell连接云服务器，我使用的是阿里云centOs的服务器正常安全组配置好输入账号密码和远程公网ip就可以链接成功了，（记得阿里云安全组配置完成之后需要重启服务器）3.安装nginx和nodejs1）安装nodejs命令cd /usr/srcwget http://nodejs.org/dist/v0.10.18/no
2020-12-08 16:38:06
2892
原创 vue3.0初体验简单实现父子传值，计算属性和监听的使用
首先要使用vue-cli3.0新建一个项目，网上很多就不贴代码了vue3.0 api文档: https://vue-composition-api-rfc.netlify.app/zh/api.html1, 新建项目后安装vue-next,会自动安装插件vue-cli-plugin-vue-next ，并且升级vue和vuex,vue-router到4.xvue add vue-next// 安装之后package.json"dependencies": { "@vue/compositio
2020-09-04 16:56:14
1474
原创 微前端搭建子项目踩得坑（子应用挂载后容器不存在问题）
基于阿里的qiankun 框架搭建的微前端1.先搭建主项目先安装qiankun框架 官网https://qiankun.umijs.org/zh/guidecnpm i qiankun -S1.在入口文件main.js添加配置import { registerMicroApps, start } from 'qiankun'const apps = [ { name: 'vueApp', // 子应用的名称 entry: '//localhost:9000', // 子
2020-08-13 15:19:07
3638
4
原创 整理工作中常用git 命令
1 提交到在暂存区git add .git commit -m '日志' 或git commit -am '日志'（新添加文件不能提交到暂存区）2 拉取远程代码git pull git pull origin branchName3 远程分支和本地分支建立联系git branch --set-upstream-to=origin/branchName4 使用rebase...
2020-04-13 15:45:05
118
原创 单页面vue使用webwork
webwork的定义webwork为单页面使用多线程，不影响页面的渲染，充分补全的js单线程阻塞页面渲染的缺点，项目中使用还是很受欢迎的webwork的封装webwork在单页面中使用会遇到打包找不到webwork.js文件的提示，此时需要安装worker-loader插件，配置config, 而webwork的封装避免了在项目线上打包需要安装worker-loader问题,单独使用一个js...
2019-12-10 15:05:13
1729
原创 js的7种继承方法
#1 原型链继承function Person () { // 父级构造函数 this.name = 'zhangsan'; this.age = 23 } function Son () { // 子级构造函数 this.num = 50 } Son.prototype = new Person() Son.constructor = Son ...
2019-05-29 17:18:54
92
原创 vue中js+transition实现字幕滚动
重点是延时器的使用和transition的效果添加和取消使用setInterval定时器在定时器函数里面判断，当top值小于arr的长度（因为我实现的是两条数据在一行滚动）在条件范围内实现无缝操作，重点操作setTimeout延时器的使用，是为了当操作字幕瞬间到达第一条后过渡属性不会因此覆盖top为0的过渡效果，而延时后加上transition的为了实现第一条字幕top过渡到第二条if (to...
2019-04-16 15:09:48
3075
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人