Jenny_ttw-CSDN博客

原创 vue常见面试总结

Vue 的数据双向绑定整合了 Observer，Compile 和 Watcher 三者，通过 Observer 来监听自己的 model 的数据变化，通过 Compile 来解析编译模板指令，最终利用 Watcher 搭起 Observer 和 Compile 之间的通信桥梁，达到数据变化->视图更新，视图交互变化（例如 input 操作）->数据 model 变更的双向绑定效果。缺点：不利于seo；优点：用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点spa对服务器压力较小；

2023-05-23 10:55:43 668

原创 vue引入md文件进行显示的方法并高亮显示

由于工程使用的是vue+ts，文件结构与vue+js略有不同，找到的解决方法网站链接地址：https://segmentfault.com/a/1190000021085117

2020-08-12 16:34:52 535 1

原创 vue中 el-tree如何高亮显示某一节点

项目中使用el-tree进行筛选表格，想要选中某节点时高亮显示，综合查的资料进行总结1. :highlight-current="isShowGaoliang"为true或者false决定是否需要树高亮显示<el-tree :expand-on-click-node="false" ref="myTree" node-key="id" @node-click="setIssue...

2019-03-15 11:51:11 5002

原创关于vue路由跳转页面带参数方法总结

最近项目有这样一个需求：在首页导航栏显示消息数，点击每一条未读消息带着参数跳转到相应页面进行显示，网上查了好些办法，比如a组件跳转到b组件：对于a组件有几种方式：1.纯页面跳转<template><div> <router-link :to="{ path: '你要跳转的路由', params: ...

2018-11-27 15:51:59 3654

原创使用tinymce编辑器从word保持原格式复制粘贴的办法

tinymce官方有一个插件叫powerpaste（官方收费）,找到资源后，把他引入到plugins下，并在tinymce下的index文件中把他引入：initTinymce() { const _this = this window.tinymce.init({ language: 'zh_CN', plugins: ...

2018-11-03 10:27:09 6806

原创 js图片转base64

var reader = new FileReader() reader.readAsDataURL(file) reader.onload = function() { url= reader.result }onload方法很重要，只有onload里，图片才转成base64,可以获取到转的base64文件，reader.result直...

2018-11-03 10:13:10 686

原创关于监听浏览器窗口大小失效的问题

如果是vue组件开发，一个组件中使用window.onresize = function(){}这个方法一般执行一次，重复使用会失效，其他组件需要使用时，通过props进行传递借用

2018-11-03 09:55:02 566

原创 css3文字水平垂直居中对齐的几种方法

1.使用绝对定位：.div{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}2.flex布局：.parent{Justify-content:center; // 子元素水平居中align-items:center; //子元素垂直居中disp...

2018-11-03 09:49:58 12179 1

原创 pre保持原格式但文本不超出的解决方案

pre {white-space: pre-wrap; /*css-3*/white-space: -moz-pre-wrap; /*Mozilla,since1999*/white-space: -pre-wrap; /*Opera4-6*/white-space: -o-pre-wrap; /*Opera7*/word-wrap: break-word; /*Interne...

2018-11-03 09:46:00 528

原创关于图片不变形适应屏幕的解决方法（vue为例）

（此处背景图宽：高=1.92） 1.在html中设置两种可选择的类： <div class="login-container" v-bind:class="[{'cal-backgound-size-width': !calBgImage },{'cal-backgound-size-height' : calBgImage }]"> 2.css...

2018-05-04 11:22:15 18704

原创 vue附件名字显示打印机的解决方案

解决办法：在style中将默认字体（微软雅黑）改为其他，例如： *{ font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif } 这样就正常了

2018-05-04 11:21:22 394

原创 vue加载的写法

let loadingInstence openLoading() { loadingInstence = Loading.service({ lock: true, text: '正在努力加载中...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' }) } this.$...

2018-05-04 11:16:19 362

原创 vue中配置路由

vue开发中配置路由，如果只有一级的写法： { path: '/answer', component: Layout, redirect: 'noredirect', children: [ { path: 'index', component: _import('gzjp/answer/index'), name: 'answer', meta: { ti...

2018-05-04 11:14:04 333

原创关于vue开发

最近在vue开发中遇到了一些问题（对图片进行裁剪的插件croppa在封装blob时遇到的坑）： 1.引入croppa: import Vue from 'vue' import Croppa from 'vue-croppa' 2.html片段 <croppa v-model="tempData.croppa" ref="supervisionUplo...

2018-05-04 11:11:46 209

Jenny_ttw的博客