- 博客(23)
- 收藏
- 关注
RSS订阅原创 vite vue3 histroy项目发布nginx刷新后404问题
打包后发布服务能正常运行，但是刷新之后项目404在网上找到相关配置仍然未解决为题server{ listen 80; index index.html; root /xxxx/dist; #vue-router配置 location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^
2022-02-17 16:54:39
3417
3
原创 vue v-mode双向绑定原理
文章目录前言1.创建vue对象，获取目标节点2.根据数据渲染目标节点前言深度解析vue2源码是如何实现数据双向绑定比如最简单vue实例 demo.html<html lang="en"><head> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script></head><body> <div id="app"> <
2022-01-14 15:09:41
555
原创 elementUI的table如何控制某一行数据不显示
业务上可能会有一些场景，表格中的数据根据状态变化展示。例子：有一组数据状态有action='add’和action=‘delete’，add数据是用户编辑新增的数据，列表展示同时提交到后台保存；delete数据是用户删除的数据，页面不展示但是也需要提交到后台删除。当前后台接口参数就是一个list数组。element-ui 暂时并没有表格渲染前的生命周期函数，目前只能通过定义两个数组或手动滤数据。简单的过滤逻辑我们可以直接在template添加过滤条件，代码更简洁:data="tableData.
2021-07-27 10:57:36
7628
3
原创 js四舍五入toFixed和精度问题
在js中Number可以使用toFixed来四舍五入保存到指定精度console.log(3.3333.toFixed(2)); //3.33console.log(3.3.toFixed(2)); //3.30但是精度并不准确，比如如下代码console.log(0.145.toFixed(2));//0.14console.log(0.185.toFixed(2));//0.18主要是因为计算机的小数实现原理是以二进制的分数的问题我们可以重写toFixed方法来实现数学上的四
2021-07-13 13:59:09
270
原创 vite从零搭建vue3全家桶+elementPlus
目录1.vite 搭建项目安装node.js安装vscode构建项目2.整合路由3.整合element-plus4.整合axios5.整合less5.扩展工具包1.vite 搭建项目安装node.jsnode官方下载地址Node 版本要求需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。安装vscode官方下载地址vscode下载地址2下载安装之后 打开vscode安装vetur
2021-06-17 16:53:50
1666
原创 vue中页面不刷新的问题
vue触发页面刷新vue为我们实现了数据绑定，通过发布订阅（观察者模式）监听数据变化，自动刷新页面但是有些情况下，我们明明已经改变了数据的值页面却没有刷新，本质上就是vue并没有识别到数据的变化方法1使用vue的强制刷新方法this.$forceUpdate();方法2使用vue的$set方法改变数据，这样数据会被强制发布this.$set(obj,key,val)// 改变对象的值// data:{school:{name:"李四"}}this.$set(this.school,
2021-04-09 16:35:41
976
原创 This dependency was not found: * module in (webpack)/lib/NormalModule.js, (webpack)/lib/node/NodeTa
解决This dependency was not found: * module in (webpack)/lib/NormalModule.js, (webpack)/lib/node/NodeTa这个问题不是基本的项目构建问题原因项目中引用的一下模块导致的 ，全局搜索一下删除就好import { debug } from "webpack"...
2021-04-09 16:10:58
3876
原创 java环境jdk1.8和idea安装包下载
1.下载安装包安装包idea2020 https://pan.baidu.com/s/135uMfrgkhhK-pzMdLRWEkQ 提取码=uisxjdk安装一个即可，版本根据需要自行选择安装包 java jdk1.8 https://pan.baidu.com/s/1BvLjzSQiceQx1vC9XfPhMw 提取码 63lz安装包 java jdk 1.13 https://pan.baidu.com/s/15OJl1V7g0GRJu_t6Qxglsg 提取码 n8xj2.安装
2020-08-21 18:44:45
2006
2
原创 JavaScript ES6
起步这里写目录标题起步变量声明弱类型变量提升变量作用域varletconst重复定义严格模式比较运算符赋值运算符算术运算符复合运算符一元运算符比较运算符逻辑运算符流程控制ifif/else三元表达式switchwhiledo/whileforbreak/continuelabelfor/infor/of基本类型类型检测String转义符号类型转换Boolean声明定义隐式转换显式转换实例操作Number声明定义基本函数NaN类型转换MathDate声明日期对象方法moment.js数组声明数组创建数组Ar
2020-05-29 16:49:05
579
原创 小程序动画模拟器正常 手机卡顿
问题场景在电脑模拟器上动画是可以正常显示的但是真机调试的时候动画出现卡顿解决办法可能是应为动画中有js的控制，js在真机调试的时候需要和电脑控制台交互，会导致js执行存在网络延迟如果预览的效果正常就不用担心...
2020-05-29 15:02:23
1355
原创 150种html加载动画，终究有你想要的
纯html + js+css 实现的动画 ，兼容各种前端框架文件太多不一一例举，文件在最下方文件zip下载 提取码: h1rw链接: https://pan.baidu.com/s/1mqDHVRRgVgrnr86iiO2raw 提取码: h1rw
2020-05-27 17:50:29
563
原创 vscode自动格式化成Eslint标准
1.安装EsLint npm install eslint --save-dev或者使用vscode的组件扩展安装2.添加配置将配置调整成，保存文件自动格式化成eslint标准格式使用 ctrl + p 打开搜索 >setting或者点击 文件>首选项>设置在页面中找到点击打开setting.json文件在文件中添加如下代码 // 保存时自动格式化...
2020-05-06 14:41:07
682
原创 js定时器的使用和运行原理
JS中为我们提供了setTimeout和setInterval两种定时器，其中setTimeout会在指定的毫秒数后执行一次，而setInterval会多次执行直到被清除。1.setTimeout基础用法setTimeout中接收两个参数，第一个参数为需要执行的方法体，第二个为参数要延迟执行的毫秒数demo1 // 测试延迟执行的函数 function Fun1() { ...
2020-04-30 15:30:29
427
原创 前端代码规范JS/ES6
1.声明变量建议不再使用var，而使用let 和const 。优先使用const。ES6提出了两个新的声明变量的命令：let 和 const 这两个声明实现了块作用域，同时屏蔽了遍历提升对于常量或不修改的变量声明使用const，对于只在当前作用域下有效的变量，应使用let，全局变量可以继续使用var。将所有 const 变量放在一起，然后将所有 let 变量放在一起const foo = ...
2020-04-29 16:33:03
534
原创 html语义元素标签
什么是语义元素？语义元素清楚地向浏览器和开发者描述其意义。非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。根据元素（“标签”）其被创造出来时的初始意义来使用它。打个比方，用 heading 元素来定义头部标题，p 元...
2020-04-28 17:53:42
400
转载 前端代码规范css
本文摘自w3cschoolID and class namingID和class(类)名总是使用可以反应元素目的和用途的名称，或其他通用名称。代替表象和晦涩难懂的名称。应该首选具体和反映元素目的的名称，因为这些是最可以理解的，而且发生变化的可能性最小。通用名称只是多个元素的备用名，他们兄弟元素之间是一样的，没有特别意义。区分他们，使他们具有特殊意义，通常需要为“帮手”。尽管class(...
2020-04-28 14:04:32
208
转载 前端代码规范html
本文转载自w3cschool 1.文件/资源命名在 web 项目中，所有的文件名应该都遵循同一命名约定。以可读性而言，减号（-）是用来分隔文件名的不二之选。同时它也是常见的 URL 分隔符（i.e. //example.com/blog/my-blog-entry or //s.example.com/images/big-black-background.jpg），所以理所当然的，减号应该也...
2020-04-28 13:33:56
302
原创 如何删除微信小程序的返回键
如何删除微信小程序的返回键需求场景用户可以从A页面进入B页面，B页面无返回键但可以进入C页面，C返回直接返回A页面解决办法使用扩展的导航标签（Navigation）替换默认的导航微信Navigation官方文档1.导入组件导入方法不唯一，这里示例使用useExtendedLib方法。更多可查看官方文档在app.json中添加"useExtendedLib": { "weu...
2020-04-28 10:15:22
1481
原创 js中数组循环遍历
js中数组循环方法今天在这里和大家探讨一下js中常见的五种数组循环遍历首先创建一个数组实例let info = []; for (let i = 0; i < 10; i++) { info.push({ value: Math.random() * 100 }); } console.table(info);info 中有10个对象，每个对象中...
2020-03-23 11:42:13
1126
原创 小程返回到指定页面
微信小程序左上角返回按钮跳转到指定页面场景描述现有A 、B、 C 三个页面A 页面可以进入B 和C两个页面B页面只可以进入C页面C页面每次返回想直接返回A页面而忽略B页面方法一微信返回按钮会触发onUnload方法，从这里跳转到指定页面onUnload: function () { wx.reLaunch({ url: '../A/A', }) },...
2020-03-19 10:52:55
348
原创 VUE中echarts切换无法正常渲染
VUE中echarts切换无法正常渲染问题复现首先echarts是正常生成的，只是在vue框架中前一个（折线图）echarts没有被销毁原因分析两个echarts组件是显示在同一个div上的，在切换的时候vue无法识别数据（js数组对象）被改变了解决办法在渲染对象上添加key属性:key=“Math.random()”这里使用Math.random()是生成的随机数，大家可以绑定自...
2019-12-13 11:16:30
2275
转载 字符串匹配算法-动态规划之 KMP 算法详解
字符串匹配算法-动态规划之 KMP 算法详解欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导...
2019-12-13 10:13:42
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人