- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端自适应页面导出pdf,不分页
import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'const htmlToPdf = { getPdf (title) { var shareContent = document.querySelector('#pdfDom') var width = shareContent.offsetWidth / 4 var height = shareContent.offsetHeight ...
2022-02-27 23:47:20
743
原创 Vue中Router知识点总结
基本路由写法：1、HTML <router-link to="/foo">Go to Foo</router-link> <router-link to="/bar">Go to Bar</router-link>2、JAVASCRIPT// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)// 1. 定义 (路由) 组件。// 可以从其他文件 import 进来
2022-01-07 11:38:05
149
原创 本地离线安装node-sass
在使用 vue-admin-template 作为模板进行项目开发时，其模板中自带的 node-sass 版本不一定和我们本地的node 环境一致，且使用 npm i node-sass -s 重新安装 node-sass 也会报各种莫名其妙的错误，因此，在这里提供通过 node-sass 官方提供的 .node 二进制文件安装和 node 环境相匹配的 node-sass 的方法。1、本地控制台输入 node -p "[process.platform, process.arch, process.v
2022-01-07 11:02:12
3014
原创 纯前端导出pdf
导出部分js代码import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default { install (Vue, options) { Vue.prototype.$getPdf = function (id, title) { // 获取当前浏览器滚动条的宽度，原理是设置一个不可见的div，查看设置scorll前后的宽度差 function getScrollWi...
2021-10-24 20:52:40
148
原创 改变浏览器窗口大小后保持页面布局不变的方法
问题： 在项目设计中往往在浏览器全屏下设置好布局后当改变浏览器窗口大小时，某些组件会出现overflow的现象。解决方法 在模板的最外层div在设置组件的最小宽度min-width。...
2021-09-06 17:13:35
5881
翻译 Vue中过滤器的使用
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div&...
2021-09-02 16:03:38
66
翻译 Vue中边界处理情况总结（二）
递归组件：组件是可以在它们自己的模板中调用自身的。不过它们只能通过name选项来做这件事：name: 'unique-name-of-my-component'当你使用Vue.component全局注册一个组件时，这个全局的 ID 会自动设置为该组件的name选项。Vue.component('unique-name-of-my-component', { // ...})模板定义的替代品：1、内联模板当inline-te...
2021-09-02 14:10:22
165
翻译 Vue中处理边界情况总结（一）
访问根实例在每个new Vue实例的子组件中，其根实例可以通过$rootproperty 进行访问。例如，在这个根实例中：// Vue 根实例new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ } }})所有的子组件都可以将这个实例作为一个全局 ...
2021-09-02 11:23:57
421
转载 Vue中动态组件和异步组件
动态组件保持状态<keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-alive>重新创建动态组件的行为通常是非常有用的，但是有时候我们更希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个<keep-alive>元素将其动态组件包裹起来。异步组件在大型应...
2021-09-02 09:35:28
112
原创 vue使用axios导入本地json
问题 使用axios中的get获取本地json文件失败，报错404（Not found）原因及解决方法 分析问题发现Json文件放置位置不正确 方法：将解析的Json文件放入static目录下...
2021-09-01 15:05:56
410
原创 Vue中的组件
基本示例：// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'})组件是可复用的 Vue 实例，且带有一个名
2021-09-01 15:02:43
72
原创 Vue知识点总结
1、v-if和v-showv-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。 一般来说，v-if有更高的切换开销，而v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，...
2021-08-30 17:29:01
66
原创 VUE知识点总结
1、Vue 构造器中有一个el 参数，它是 DOM 元素中的 id。2、当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，html 视图将也会产生相应的变化。除了数据属性，Vue 实例还提供了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来 。3、给元素绑定href时可以也绑一个target，新窗口打开页面。new Vue({ el: '#app', data: { ...
2021-08-30 16:55:21
766
原创 JavaScrip DOM知识点总结
最适合浏览器查看的图片尺寸：400像素宽×300像素高1、CSS文件在HTML文档的head部分用<link>标签调用2、所有<script>标签都放到文档的末尾，</body>标记之前，可以让页面变得更快。3、函数中用到文本标记时先判断每个链接是否有相应的属性。4、最好不要用onketpress事件处理函数，在几乎所有的浏览器里，用Tab键移动到某个链接然后按下回车键的动作也会触发onclick。5、在已有元素前插入一个新元素：parentEle..
2021-08-18 17:15:15
73
原创 ES6知识点
1.数组的结构赋值如果等号的右边不是数组（或者严格地说，不是可遍历的结构，参见《Iterator》一章），那么将会报错。// 报错let [foo] = 1;let [foo] = false;let [foo] = NaN;let [foo] = undefined;let [foo] = null;let [foo] = {};上面的语句都会报错，因为等号右边的值，要么转为对象以后不具备 Iterator 接口（前五个表达式），要么本身就不具备 Iterato...
2021-08-17 13:35:52
79
原创 2021-08-09
JS知识点JS的四种输出方式：使用window.alert()弹出警告框。 使用document.write()方法将内容写到 HTML 文档中。 使用innerHTML写入到 HTML 元素。 使用console.log()写入到浏览器的控制台。JS数据类型：在 JavaScript 中有 6 种不同的数据类型：string number boolean object function symbol3 种对象类型：Object Date Arr...
2021-08-16 10:34:02
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人