- 博客(60)
- 收藏
- 关注
RSS订阅原创 vscode 的 AI 协助插件 Tabnine / Codeium
它可以根据您输入的代码段和上下文信息，预测并推荐可能的代码补全选项，从而提高编写代码的效率。如果有需要，可以用它辅助编写单元测试。l 人工智能聊天：Codeium拥有人工智能聊天的功能，可以回答程序员的问题和提供技术支持，帮助他们更好地应对编程和计算机科学方面的挑战。l 代码智能提示：Codeium能够实时智能提示代码，代码提示完全基于人工智能自动完成，生成速度快，延时较低，帮助程序员更快地编写代码。3、在维护老项目时，对于较长的方法，可以借助Codeium生成适当的注释说明，更加快速的接手和开发。
2024-05-23 15:49:41
264
原创 Vue 路由跳转设置不刷新
注意： 只有组件被 keep-alive 包裹时，这两个生命周期函数才会被调用，如果作为正常组件使用，是不会被调用的，以及在 2.1.0 版本之后，使用 exclude 排除之后，就算被包裹在 keep-alive 中，这两个钩子函数依然不会被调用！另外，在服务端渲染时，此钩子函数也不会被调用。所以使用keep-alive就是保持组件活跃，不会被destroy销毁掉，就一直还活着，组件没有被销毁掉的话，组件上挂载的数据就还存在，所以状态就可以保留，所以，keep-alive就可以保持组件的状态。
2023-10-09 09:21:39
2377
原创 vue2 和 vue3 的插件使用 （vetur / volar）
vue2 使用 vetur 插件vue3 建议禁用 vetur 使用 volar
2022-10-27 15:45:59
4021
原创 vue3.2 main.js的配置 ， vuex的配置，setup的使用。
【代码】vue3.2 main.js的配置 ， vuex的配置，setup的使用。
2022-09-26 16:54:04
484
原创 vue3 vue-i18n警告 解决方案
*You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.**
2022-09-15 17:31:29
2124
原创 vue 楼梯导航 ，滚动定位，锚点导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue锚点平滑滚动</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="demo-app" v
2022-04-20 16:10:09
1115
原创 vue 3.0 新增的功能
一：性能提升：（1.3~2X） Compiler 原理：https://vue-next-template-explorer.netlify.app/二: TS支持，新增：Fragment,Teleport,SuspenseFragment:不受根节点限制，渲染函数可接收ArrayTeleport：类似Portal,随用随取，e.g.弹框，ActionsSuspense 嵌套的异步依赖，e.g.async setup()三: 按需加载 （配合Vite）&组合API (Composit
2022-02-17 16:39:42
525
2
原创 jq 滚动加载
复制下来直接用<style>* ul { list-style:none; padding:0; margin:0;}.m { margin-left:auto; margin-right:auto; width:150px}li { width:150px; height:auto; border:1px dashed blue; margin-bottom:10px;}</style><div class="m"> &
2022-01-15 17:09:44
332
原创 VUE 实现纯前端导出Excel
第一：安装依赖： // npm cnpm install --save file-saver xlsx cnpm install --save script-loader第二：在本地项目里放入excel.js和Export2Excel.js 文件（放在src目录下面） // 使用 在项目文件中引入 import { exportExcels } from '@/excel/excel.js'// 使用的方式 let list=[ { bianhao:'1
2022-01-11 18:33:23
1210
原创 React的生命周期函数的过程
// 这个是挂载的阶段 //第一次进去的时候执行 页面挂载之前执行的 （组件在“即将挂载”到页面上的的时候自动执行） componentWillUnmount() { console.log("componentWillUnmount"); } render() { console.log('render'); return ( // jsx的语法块 //Fragment是jsx是占位符 <Fragment&g...
2021-12-07 16:02:16
452
原创 React 的ref 的使用 ，以及setState与ref的结合使用
setState 是异步操作，在setState前后使用ref 始终都是慢一步，想要早setState同步后使用ref。请看下面： <button onClick={ this.clickSubmit}>提交</button> <ul ref={(ul) => { this.ul = ul }}> { this.state.list.map((item, index) => { // danger
2021-12-06 15:49:58
933
原创 React 的强类型校验（propTypes），必传（isRequired），默认值（defaultProps） 的使用
propTypes 的使用propTypes：接受外部传过来的参数 并对其做强类型检验import React, { Component } from "react";import PropTypes from 'prop-types'//TodoItem 代表一个子组件// TodoItem.propTypes 对父组件的属性做强类型校验TodoItem.propTypes = { test:PropTypes.string.isRequired, // isRequired 是必传 的
2021-12-03 15:33:44
1771
原创 React html标签转义， ’dangerouslySetInnerHTML‘的用法
在react中，想要标签不被显示出来，使用“dangerouslySetInnerHTML”转义一下;dangerouslySetInnerHTML 的用法： //list:['1','2'] <ul> { this.state.list.map((item, index) => { // dangerouslySetInnerHTML 不会展示标签 return (
2021-11-29 15:49:49
1090
原创 React 提供的占位符（Fragment）的使用方法
案例：使用 Fragment 浏览器不会解读为标签，然而也不会影响页面结构import React, { Component, Fragment } from "react";// Fragment react 提供的占位符class TodoList extends Component{ render() { return ( <Fragment> <div> <input />
2021-11-26 16:52:17
1643
原创 HTML特殊符号转实体，特殊符号实体转HTML
var keys = Object.keys || function (obj) { obj = Object(obj) var arr = [] for (var a in obj) arr.push(a) return arr}var invert = function (obj) { obj = Object(obj) var result = {} for (var a in obj) result[obj[a]] = a return result}var
2021-11-16 11:56:00
227
原创 vscode 无法使用 cnpm
解决方案：在终端中执行：set-ExecutionPolicy RemoteSigned注：最好使用 ‘以管理员的身份运行 powerShell ’
2021-09-23 14:39:59
150
原创 vue 复制/粘贴清楚默认格式
<p @paste="onPaste"></p> // 清除默认格式 onPaste(evt) { this.textInit(evt) }, textInit(e) { e.preventDefault(); var text; var clp = (e.originalEvent || e).clipboardData; if (clp === undefined || clp ===
2021-08-11 17:40:39
867
1
原创 element DatePicker 快捷选择 昨日 今日 近一周 近30天 近一年 ；并且限制范围
效果图：<el-date-picker size="small" v-model="time" type="daterange" :picker-options="pickerOptions" format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right">&l
2021-07-07 16:13:37
1559
原创 element 限制选择固定时间范围日期
效果图： <el-date-picker size="small" v-model="time" type="daterange" :picker-options="pickerOptions" format="yyyy-MM-dd" value-format="yyyy-MM-dd
2021-07-07 16:06:11
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人