- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端将页面内容包含图片下载为word文件
vue中的方法 在public中找到index.html 引入对应的文件 下面是首页index.vue的内容。在静态文件 html header中引入三个文件 (文件内容再最后)jquery我这里是将文件保存到了本地 可以引入链接。当前方法在部分样式时可能不是太完美555555~原生html和vue中的使用方法差不多。FileSaver.js 文件。主要是使用jquery方法。
2022-09-28 15:58:57
813
1
原创 vue项目动态渲染input,绑定的参数不实时更新
遇到过一个问题 按照需求 需要根据后端返回的list 渲染选项并将输入的参数回传。但是渲染后发现在输入框输入时 输入框中没有内容 数据没有进行更新。在input中加一句 刷新数据 可解决该问题。
2022-09-28 11:28:27
1617
原创 前端vue使用webscoket的简单方法
在vue 项目中使用webscoket 与后台实时通信的使用 需后端提供对应的接口地址。webscoket连接成功]打印。vue项目中的使用方法。
2022-09-06 16:53:32
1768
原创 nginx配置判断是pc端还是移动端并进行对应的链接跳转
我们尝试过在前端项目中进行判断但是会有一瞬间是先打开原链接的内容再进行对应的跳转用户体验不好这里在nginx配置中做了判断。有时候一个项目分别做了pc端和h5端需要在pc端打开h5的链接时(反之也是一样)自动跳转到相应的链接。...
2022-07-15 17:25:27
4650
原创 vue中实现点击复制文本内容之clipboard
使用data-clipboard-text属性设置您想包含的内容即可绑定点击事件。项目中有些场景需要点击复制某段内容并粘贴的功能如点击复制名称,订单号,文章段落等。需要先安装引入使用对应的方法。直接在使用的页面中引入。...
2022-07-15 15:15:51
2813
原创 css实现单行文本溢出显示省略号和多行文本溢出显示省略号
单行文本溢出<style scoped>/**单行文字溢出省略号*/.title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}</style>多行文本溢出适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；注：-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的
2022-03-03 11:08:20
270
原创 vue项目 在style标签中引入css,less,sass的方法
vue项目 style标签引入 less sass在我们编写vue代码时,有时候需要写入大量的css样式,会有一些不方便的情况1.有时候定义变量可能会和class名称重复,根据字符查找变量时会查出多个,不便于查找2.css会占用大量的行数 页面的dom和js代码并不是很多 整个页面却有几千行甚至上万我们可以将css代码单独放在静态目录下存放,在style标签中引入根据项目所用语言定义文件后缀, .css .less .scss 这里定义的是less后缀在需要的目录下 style标签下进行引入可
2022-03-02 18:09:11
7598
原创 JSON.parse解析字符串报错-SyntaxError: Unexpected token ‘ in JSON at position 报错 并捕获该异常操作
SyntaxErrorUnexpectedtoken’inJSONatposition”报错原因是因为解析的字符串对象中,JSON.parse无法识别;JSON.parse可以将标准的json类型数据转换为JavaScript对象,如果数据不是正确的json类型的数据则会控制台报错,可能会阻断代码的正常运行。我们可以写一个函数来捕获该报错异常,并进行判断对数据进行正确的处理。...
2021-06-10 15:43:25
13731
原创 前端原生html引入vue.js
原生html文件中引入vue.js的方法head标签下 通过script先引入vue.js文件<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-05-20 14:18:33
3106
3
原创 vue路由跳转页面 声明式导航和编程式导航
vue中 通过路由进行页面跳转一.使用 标签实现路由打开 (声明式导航)：router-link标签会自动渲染成a标签，该组件的属性有：to 、 tag、target、 active-class、exact-active-class、exact 、event 、 replace、 appendto（必选参数）指定要跳转的路由路径：类型string/location<!--直接写对用的路由名--><router-link to="/about">About</r
2021-01-25 18:20:47
1834
原创 javascript 获取当前站点的协议、域名和端口
获取当前站点的协议（http、https）<script>var thatHttp = window.location.protocol;console.log(thatHttp )</script>控制台打印为 “https” 或 “http”获取当前站点的域名<script>var thatYM1 = document.domain;var thatYM2 = document.location.hostname;console.log(that
2020-12-03 18:08:31
873
原创 关于用户设置微信上的字体,导致h5应用页面字体也随之改变,影响视图效果的问题
有些上了年纪的用户在使用手机时,会设置微信或手机里的字体大小,会把字体设置很大,便于使用和阅读,但是,在设置了字体大小后,用户打开一些H5应用后会发现,应用里的字体也随之变大,会导致页面变形等问题,鄙人知道的解决方法有一下几种:1.前端开发可以不给标签设置固定的高度,让高度随内容撑开,这样整体就会随字体变大而撑开,2.在Android微信中，也可以借助WeixinJSBridge对象来阻止字体大小调整。实测有效,鄙人是将这段代码放在了app.vue文件中的script标签中(function() {
2020-11-10 14:55:31
1060
3
原创 前端使用js替换一段字符串中重复出现的字符的方法
使用js替换一段字符串中重复出现的字符的方法当我们操作字符串或字符串类型数据时,想把当中的某个片段替换为我们想要的字符时,可以使用replace方法例如 我敲了一句薛之谦的歌词,‘我的爱扩散在黄猿几里’,我想把’黄猿’ 替换为正确的’方圆’,let str = '我的爱扩散在黄猿几里';let newStr = str.replace('黄猿', '方圆')console.log(newStr )控制台打印为我的爱扩散在方圆几里但这个方法只会对匹配到的第一个字串替换,当我们想替换字符串
2020-11-09 17:37:46
1725
转载 关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
关于IOS系统 H5页面操作history.go(n)回退页面时不会刷新页面数据的问题在我们从操作h5页面时,离开当前页面后,在使用返回键或者history.go(n)再次回到页面,有时是需要刷新当前页面数据的,例如购买会员或是保存表单;IOS系统在回退页面时列表页并不会改变,所以要在需要该操作的页面加入以下代码,亲测有效$(function () { var isPageHide = false; window.addEventListener('pageshow', function ()
2020-10-29 13:08:10
1604
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人