- 博客(39)
- 收藏
- 关注
RSS订阅原创 vxe table虚拟滚动
一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...
2023-09-01 16:13:17
1253
原创 移动端H5页面PDF操作及预览
打包后复制build文件下的generic，里面有build和web两个文件文件。通过iframe的方式打开页面（解决低版本浏览器不兼容问题）通过npm包下载， 可根据项目需求自定义页面。js引用PDF实例，通过canvas展示。把接口返回的PDF数据流转换为blob。把generic复制到本地根目录下。
2023-05-24 21:01:00
1993
原创 项目本地文件上传后台并返回携带数据的文件
使用axios发送get请求回去数据源,因为接口传参时需要file类型，所以要把获取到的数据源转换成File类型。file：new File() //本地文件数据源。xlsx文件导出功能,按照当前查询条件导出汇总信息。...search， //携带查询参数。接口写入FormData参数完成调用。文件需放在public文件夹下。FormDate格式{
2023-03-09 15:56:50
328
原创 vue3中tree shaking特性
Treeshaking是一种通过清除多余代码方式来优化项目打包体积的技术专业术语叫 Dead code elimination简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码。
2023-02-28 11:09:49
745
原创 HTTP1.0/1.1/2.0 的区别
HTTP1.0：（短连接）浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接HTTP1.1：（长链接）引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用在同一个TCP连接里面，客户端可以同时发送多个请求虽然允许复用TCP连接，但是同一个TCP连接里面，所有的数据通信是按次序进行的，服务器只有处理完一个请求，才会接着处理下一个请求。
2023-02-21 15:39:48
319
原创 GitHub查看&运行代码
GitHub查看&运行代码--跳转页面后登录github账号，当自行安装完依赖后点击open Browser打开运行窗口。在地址栏的github.com前面加上gitpod.io/#将地址栏的github.com改为github.dev。
2022-12-27 15:43:43
734
原创 PC端/移动端,浏览器通过地址修改参数访问H5页面不刷新情况
2、需要获取数据的函数在生命周期中 ，首次页面加载已挂载执行完成，当修改url参数时由于路由模式是hash，因而并没有从新读取url，而是在browser的url缓存中读取上一个页面的数据。2、如browser首次已访问链接一，粘贴链接二到URL窗口并回车，只会更新URL窗口显示链接二，并不会刷新页面内容和访问后台；3、鼠标focuse到URL窗口，不对URL内容做任何改变，回车，页面内容刷新正确。粘贴变更的URL只会刷新URL窗口，不。1、PC端，browser首次访问链接一或链接二，均可正常加载；
2022-11-10 20:47:01
792
原创 手写call、apply、bind
4、call、apply是立即执行，bind是返回绑定this之后的函数，如果这个新的函数作为构造函数被调用，那么this不再指向传入给bind的第一个参数，而是指向新生成的对象。2、三者第一个参数都是this要指向的对象，若该参数为undefined或null，this则默认指向全局window。3、传参不同：apply是数组、call是参数列表，而bind可以分为多次传入，实现参数的合并。1、三者都可以显式绑定函数的this指向。
2022-10-12 14:08:52
261
2
原创 微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据
首先要了解什么是页面栈框架以栈的形式维护了当前的所有页面。开发者可以使用函数获取当前页面栈，得到的是一个数组对象数组中第一个元素为首页，最后一个元素为当前页面。
2022-09-24 11:13:03
3327
原创 Vue移动端与PC端适配方案viewport+postcss-px-to-viewport
viewport翻译成中文的意思大致是视图、视窗。在移动端设备中,整块显示屏就相当于视图、视窗。但这种说法也并不完全正确。因为在移动端设备中,浏览器视图并不是整个屏幕。因此viewport又被分为了3种layout viewport(布局视口)、visual viewport（视觉视口）、ideal viewport（理想视口）为了能够适配到pc端开发页面中,大部分浏览器把viewport的宽度设为了980px 这个浏览器默认设置的视图被称为。我们可以使用来获取。...
2022-08-10 15:06:24
1972
1
原创 vue3.0基础笔记
vue3组合式使用 setup() 响应api ref reactive watch watchffect computed 父子通讯 依赖注入refs模板使用
2022-08-08 00:40:18
418
原创 vscode setting.json配置
{ "editor.tabSize": 6, "editor.wordWrap": "on", "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescript]": {
2022-07-08 11:58:49
680
原创 cnpm : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本——解决办法
在开始菜单里找到Windows PowerShell.并以管理员身份运行，如果直接运行怕权限不够，依然会出错 直到看到RemoteSigned就成功了。
2022-07-06 10:42:09
2156
原创 vue-devtools 各版本安装
chrome 扩展程序地址 Chrome://extensions创建一个空文件夹，cmd进入终端输入npm install vue-devtools安装完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，将vender 文件下的 manifest.json ，修改persistent 为 true。最后把vender文件直接拖入扩展程序中即可......
2022-07-06 10:23:41
2536
原创 js时间格式化处理 format
方法一：Date.prototype.format = function (format) { var o = { 'M+': this.getMonth() + 1, // month 'd+': this.getDate(), // day 'h+': this.getHours(), // hour 'm+': this.getMinutes(), // minute 's+': this.getSeconds(), // second 'q+
2022-01-27 16:14:03
541
原创 VScode编辑快捷键
为了更快速地开发~~（ 就是懒 ），我总结一下了快捷键1、快速复制代码按住Shift+Alt+上/下键多行复制选中即可2、快速删除代码按住Shift+Ctrl+k多行删除选中即可3、 代码行上下移动按住Alt+上/下键4、多个代码块同时编辑按住Alt然后点击要修改得地方5、多行代码同个位置编辑光标选取后，按住Ctrl+Alt+上/下键6、快速搜索文件按住Ctrl+p 然后输入你想查找得文件7、快速跳转到指定代码...
2022-01-21 16:15:20
561
原创 VScode接口注释模板
1、打开设置，点击用户代码片段2、选择模板注释文件的类型，我写的是接口模板，所以用的JavaScript3、点击进入编写所需要的接口模板注释 "Print to port": { "prefix": "port", //快捷名称 "body": [ //模板内容 "/*", "* @获取产品图", "* @type: 产品类型", "...
2022-01-14 17:28:02
1108
原创 原生Ajax封装
封装一个属于自己的ajax-params应该也是对象;params里最起码要有四个属性:method,url,data,success(是一个函数)实现类似jQuery中的ajax的封装 $.ajax({ method: 'GET/POST', url: 'http......./api/getbooks', data: { id: 12 }, success: function (res) { // 响应成...
2022-01-14 17:02:41
320
原创 识别json路径的模板，公共方法
timeComponent(url, date, height) { let ele = document.createElement("div"); ele.id = "ele" let content = new Vue({ data() { return { time: date, // 北京时 UTCtime: new Date(date.getTime() - 8 * 3600000), // 世界时 ...
2021-12-31 14:28:28
377
原创 深拷贝用于工作中实现功能
1、JSON.parse(JSON.stringify()) 缺点： 无法拷贝 函数、正则、时间格式、原型上的属性和方法等。使用WeakMap的好处是，WeakMap存储的key必须是对象，并且key都是弱引用，便于垃圾回收。通过筛选的数据对左侧panel控制其数据显示隐藏。最后把筛选的值放入拷贝的函数中。
2021-12-31 14:07:10
396
原创 [Vue warn]: Error in callback for immediate watcher “typeOption“
控制台报错但并不影响功能，为了美观我找了下原因：[Vue warn]: Error in callback for immediate watcher "typeOption": "TypeError: Cannot read properties of undefined (reading 'forEach')"首先定义问题出在监听器以下是部分代码监听的是这个对象内数据的变化从而实时更新重点来了初始化是先执行computed，再执行watch...
2021-12-31 13:29:58
6380
原创 debugger在JS中打断点调试
在JS代码想断点调试的地方输入 debugger运行JS代码，F12打开开发者工具，它会自动跳转到断点debugger处，咱们就可以查看到底是哪出问题了红框中箭头符号为代码前或者后进入执行顺序...
2021-12-28 16:41:10
656
转载 常见的HTTP状态码(HTTP Status Code)说明
作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的，只有将这些状态码一一弄清楚，工作中遇到的各种问题才能够处理的得心应手。好了，下面就让我们来了解一下比较常见的HTTP状态码吧！2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务...
2021-12-01 10:17:54
1298
原创 [HPM] Error occurred while trying to proxy request 终端报错
后台报错信息：[HPM] Error occurred while trying to proxy request /aws/compreElement?type=prec&element=sumprec&prectime=1h&time=20211126080000&procode=0&source=1&chinaSour=0 from localhost:8080 to http://12.12.1.19:8114/ (ECONNREFUSED) (
2021-11-26 09:52:04
3278
原创 Vetur can‘t find `tsconfig.json` or `jsconfig.json` in e:\决策测试
打开vscode会出现Vetur can't find `tsconfig.json` or `jsconfig.json` in e:\决策测试 警告打开左下角设置按钮,在搜索框输入vetur.ignore,最后勾选框中勾选
2021-11-26 09:20:53
982
原创 详解Vue中this.$nextTick（）用法
语法：this.$nextTick( [ callback ] )用法：this.$nextTick将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法Vue.nextTick一样，不同的是回调的this自动绑定到调用它的实例上，等同于updated生命周期函数updated用法：由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM...
2021-09-30 16:59:02
1226
原创 Vuex详解与使用
Vuex是什么：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 解决了多个视图依赖于同一状态和来自不同视图的行为需要变更同一状态的问题，将开发者的精力聚焦于数据的更新而不是数据在组件之间的传递上状态管理模式包含以下几个部分：state，驱动应用的数据源； view，以声明方式将state映射到视图； actions，响应在view上的用户输入导致的状态变化以下是一...
2021-09-28 21:00:48
2118
原创 vue监听器watch的使用
当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。语法1：监听：data内 计算属性 属性名 ---简单数据类型watch:{ "被侦听得属性名"(newVal,oldVal) { }}示例代码：<template> <div> <input type="text" v-model="name"> </div></template><script>...
2021-09-27 20:38:07
81
原创 yarn 包管理器安装及使用
yarn是一个快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 下载速度相对来说比npm快。官网地址：Yarn 中文文档下载yarn:地址： 安装 | Yarn 中文文档Windows下载：Mac下载：注意：不要安装到带中文的路径下, 建议在C盘使用yarn:在cmd或者Powershell执行 yarn-v 检查是否安装成功，成功会显示当前版本初始化 yarn init下载需要使用的包命令：y...
2021-09-26 20:42:36
429
原创 数组filter（）方法
filter()方法创建一个新数组，返回的是所有匹配元素组成let results = arr.filter(function(item, index, array) { // 如果 true item 被 push 到 results，迭代继续 // 如果什么都没找到，则返回空数组});语法：const newArray = arr.filter(callback(item, index, array))参数：callback--用来测试数组的每个元素的函数。..
2021-09-24 20:45:22
4240
原创 数组 sort( ) 方法
sort()方法用原地算法对数组进行原位（in-place）排序，更改元素的顺序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的语法arr.sort([compareFunction]) 参数：compareFunction可选用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的各个字符的Unicode位点进行排序。first第一个用于比较的元素。second第二个用于比较的元素。...
2021-09-23 19:31:49
390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人