- 博客(25)
- 收藏
- 关注
原创 vue组件间传值
vue组件间传值1、父子组件传值(1)父给子父组件:<child :msg="msg"></child>js:data() { return { msg: "helloWorld" }; },子组件:<script>export default { props: ["msg"]};</scrip...
2020-12-17 11:15:00
194
原创 前端将页面的table转换成图片
前端将页面的table转换成图片使用插件:dom-to-imagenpm安装:npm i dom-to-image使用://获取页面dom元素var node = document.getElementById('my-node');domtoimage.toPng(node) .then(function (dataUrl) { var img = new Image(); img.src = dataUrl; document.bod
2020-09-14 11:11:39
1364
原创 使用require.context实现前端工程自动化
使用require.context实现前端工程自动化转载:https://www.jianshu.com/p/c894ea00dfec.https://www.cnblogs.com/yuzhongyu/p/10451947.html.下面是自己项目中的代码:// 统一引入public下的文件并注册const files = require.context('./public', fa...
2019-11-28 10:48:28
219
原创 vue监听对象的属性
vue监听对象的属性监听对象的某个属性值变化监听对象的所有属性值变化监听对象的某个属性值变化"obj.name": function(newVal, oldVal) { console.log(newVal); },监听对象的所有属性值变化obj: { handler: function(newVal, oldVal) { console.log...
2019-10-22 16:15:51
312
原创 vue中可以选择文字高亮的插件
vue中可以选择文字高亮的插件欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢...
2019-09-25 14:05:24
3849
1
原创 背景图片中心部分始终位于中间不变形的方法
背景图片中心部分始终位于中间不变形的方法background: url("…/…/assets/newImage/index_bg.png") no-repeat 50% 50% ;background-size: auto 100%;
2019-08-13 16:52:19
525
转载 链接属性rel='external'、rel='nofollow'、rel='external nofollow'三种写法的区别
链接属性rel='external'、rel='nofollow'、rel='external nofollow'三种写法的区别大家应该都知道rel='nofllow’的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。除...
2019-08-05 16:16:42
663
原创 css写阴影被后边元素遮挡
css写阴影被后边元素遮挡欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入解决:...
2019-07-31 13:41:28
3782
1
原创 vue前端实现点击按钮将页面svg内容保存到本地
vue前端实现点击按钮将页面svg内容保存到本地使用插件saveSvgAsPng详细官方文档:http://npm.taobao.org/package/save-svg-as-png首先下载安装依赖包:npm install save-svg-as-png//引入包import saveSvgAsPng from "save-svg-as-png";// 下载图片到本地ba...
2019-07-29 15:28:52
1791
2
原创 文字超出显示省略号
一行:width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;两行:width:100px;height: 46px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;...
2019-07-26 11:52:02
97
转载 常见的HTTP状态码
转自:https://www.cnblogs.com/xflonga/p/9368993.html1、三至七种最基本的响应代码200(“OK”)一切正常。实体主体中的文档(若存在的话)是某资源的表示。500(“Bad Request”)客户端方面的问题。实体主题中的文档(若存在的话)是一个错误消息。希望客户端能够理解此错误消息,并改正问题。500(“Internal Server Er...
2019-07-08 13:50:59
298
原创 js转换时间
1、中国标准时间转换为yyyy-MM-ddvar d = new Date('Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)');var datetime=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMin...
2019-07-08 13:46:07
2471
原创 前端怎么启动服务(查看打包后的文件效果)
1、npm i live-server -S安装依赖包2、在打包后的文件夹(dist)下运行:live-server即可
2019-07-08 13:13:22
2652
原创 前端实现吸顶效果
前端实现吸顶效果1、监听scroll事件,实现吸顶功能2、css实现吸顶写页面经常会遇到这种需求:导航菜单初始位置不在头部,滑动页面时候当导航菜单滑到头部位置就固定在头部,往下滑导航菜单又回到初始位置。网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)(javascript) document.documentElement.scrollTop //fire...
2019-05-28 10:39:25
15105
2
原创 vue-cli定义全局变量
vue-cli定义全局变量1:直接在main.js里往vue原型对象上添加2:将js文件里的内容定义为全局3:1:直接在main.js里往vue原型对象上添加Vue.prototype.getTitle = { title:'', isBack: true, isAdd: false, }; Vue.prototype.bas...
2019-05-23 14:29:55
2234
原创 input file获取本地图片路径并转换为base64
input file获取本地图片路径并转换为base64<template> <div> <input type="file" @change="chose"> </div></template><script>export default { methods: { chose(e) {...
2019-05-16 19:13:23
3966
原创 axios
1、axios是什么: Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。2、axios的作用: axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。3、特点: 支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数...
2019-05-14 14:05:13
777
转载 vue中总线Bus传值的哪些坑!
vue中总线Bus传值的哪些坑!动态组件中用总线Bus的坑在我们的项目总难免会遇到用动态组件,这里就拿vue官方的例子为例,我们欲在组件中添加总线bus(其实官方推荐的vuex更好用,但是有时候我们只需要传一个小状态,不需要用vuex),首先要mian.js 中创建一个总线Bus(当然这里一般要把Bus封装一下放在一个单独的js中,这里单纯只是为了演示,就在main.js中创建一个全局的E...
2019-04-18 18:39:30
987
1
原创 vue插件 vue-seamless-scroll 无缝滚动
vue插件 vue-seamless-scroll 无缝滚动官网:安装引入配置官网:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default安装npm install vue-seamless-scroll --save引入import vueSeamless...
2019-04-17 13:52:31
916
转载 vue项目中 如何让外部引入的js模块 的this值 指向vue实例
当前是vue项目,想在tool.js(工具模块)中封装一个跳转页面的方法,goToUrl(name,query){if(query){if(query.addressCode){vueObject.KaTeX parse error: Expected 'EOF', got '}' at position 52: …; }̲else{ …rou...
2019-04-10 19:09:40
4044
原创 vue组件跳转到当前组件地址栏参数改变组件内容却不刷新
vue组件跳转到当前组件地址栏参数改变组件内容却不刷新同一路由刷新的问题1:刷新当前页面强制刷新整个页面来满足效果。但页面整体的刷新会使体验下降。watch: { '$route' (to, from) { this.$router.go(0); }}2:路由变化重新获取数据methods:{ getMsg(){ //接口请求数据...
2019-04-04 16:20:23
1810
原创 vue中v-for的使用
vue中v-for的使用渲染数组渲染对象v-if不推荐与v-for一起使用如何插入一段漂亮的代码片渲染数组<p v-for="(item,index) in list" :key="index">{{item.name}}</p>data(){ return { list:[ {name:"people1"}, {name:"people2"}, ...
2019-04-03 17:53:50
253
原创 某种情况下取消a标签上的点击事件
设置属性disabled为true即可<a href="javascript:;" @click="slideIndex=3" :disabled="allArr.GuDongInfo?'false':'true'"> 股东信息</a>
2019-03-29 10:38:56
2708
原创 vue实现点击按钮页面滑动到对应的div
<template> <div> <p> <button @click="showDetails(1)">NO1</button> <button @click="showDetails(2)">NO2</button> ...
2019-03-26 15:34:30
7448
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人