- 博客(21)
- 收藏
- 关注
RSS订阅原创 获取当前时间、获取当前月的第一天、获取当前年的第一天
获取当前时间、获取当前月份的第一天和最后一天、获取当前年份的第一天和最后一天1、获取当前日期// 获取当前日期 export const today = ()=> { let today = new Date(); //中国标准时间 当前时间 let nowTime = today.getTime(); //当前时间时间戳 today.setTime(parseInt(nowTime)); let oYear = today.getFullYear();
2022-04-22 13:30:19
7594
原创 vue + 百度地图 +点位标注
在项目中插入百度地图，并标注符合条件的企业点位1、template：<template> <!-- 地图 --> <div class="map bottom-content"> <div id="school-container" style="height:100%;position: relative;"></div> </div></template>2、script<sc
2022-04-22 13:19:01
6412
1
原创 table表格 单元格内多图展示处理
table表格 单元格内多图展示处理 （vue）1、后台返回数据 img的格式：数组字符串格式：// 后台返回数据格式：数组字符串格式// image:"["http://101.132.238.29:3000/image/complainsContent/202201/186d122de9124ce7820e9e4037691931.png","http://101.132.238.29:3000/image/complainsContent/202201/789762adde134b259469b
2022-04-22 11:27:57
2462
原创 git命令日常使用
日常使用大致流程： 1. git pull //拉去最新代码（每天必做，时常拉取，防止代码冲突） 2. 编写代码 3. git status // 查看暂存区和更新文件的添加、提交状态、工作树的状态 以便使用 git add 4. git add . // 添加所有文件到暂存区 “.”不可省略 git add A //添加所有文件到暂存区 git add 单个文件（文件具体路径） //添加单独文件 4.git commit -m "提交描述" //提交文件 提交描述不可为空
2022-04-02 14:31:55
359
原创 常见数组array（API）
不改变原数组1、将数组转化为字符var arr=[1,2,3];var str=String(arr);console.log(str); //1,2,3console.log(arr); //[1,2,3]2、把数组中的所有元素放入一个字符串（join）var arr=[1,2,3];var str=arr.join();//默认是逗号，也可以自定义连接符console.log(str); //1,2,3console.log(arr); ...
2022-03-02 17:10:03
95
原创 Vue的computed和watch的区别
1.computed1.1 定义计算属性,类似于过滤器,对绑定到view的数据进行处理。1.2 get用法data: { firstName: 'Foo', lastName: 'Bar'},computed: { fullName: function () { return this.firstName + ' ' + this.lastName }}计算属性不可在data里面定义。变量不可被重复定义和赋值不支持异步1.3 get和set用法data:
2022-03-01 16:04:12
2724
原创 router路由传参 刷新后数据无法获取 [object Object]
router路由跳转使用query传递参数刷新后数据无法获取路由进行页面的跳转时,使用query进参数传递,query中存储一个对象时,页面初次载入时数据可以成功获取,刷新页面后数据显示[object Object]代码： this.$router.push({ name: 'admin/', query:{ obj:data.data, } })初次获取参数：let obj = this.$route.query.
2022-03-01 11:39:26
1583
原创 Vue父子组件传值，父组件通过props传值给子组件，子组件触发父组件数据更新，子组件未更新(例：展开收缩操作)
Vue父子组件传值，父组件通过props传值给子组件，子组件触发父组件数据更新，子组件未更新一、需求：父组件：是一个数据列表页，需要在获取到列表数据后，将数值传递给子组件—展示。子组件：修改对象或数组中的键，对渲染的列表的每一项(item) 的文本内容(item.content)进行展开收缩操作。二、编写代码：父组件：<div> //父组件调用子组件 childlist:后台返回的数据列表 绑定ref <Datalist ref="child" :childlist="
2022-02-22 16:30:23
3472
原创 img使用三元运算符不生效
img使用三元运算符不生效1、 img标签使用三元运算符绑定src不生效：<img :src="this.Flag ? '../../assets/img/img1.png' : '../../assets/img/img2.png'" alt="">2、不生效原因路径错误，img标签使用三元运算符动态绑定src需要require包裹图片路径。3、解决①把图片放在data里面 require(图片)：data(){ return{ url1:require('./asset
2022-02-20 16:48:31
1539
原创 字体icon渐变色
字体icon是一种比CSS雪碧图技术更优雅的图标应用方式，比如说：Font Awesome、IcoMoon、Iconfont等。优点：图标矢量化，再也不用担心会在2倍屏、3倍屏下失真了；本质上是字体，所以可以用CSS来灵活控制图标的大小、颜色、阴影等；各大平台图标丰富，可方便找到自己需要的，如果有定制需求，可快速上传;文件，转换为字体图标，优化页面加载。缺点：多色图标的支持还不完善。使用：常用网站：Iconfont第一步：进入Iconfont官网，搜索、选择合适的图标① 可点击下
2022-02-15 11:12:38
1103
原创 vue 中 keep-alive数据缓存+位置缓存
vue 中 keep-alive数据缓存+位置缓存很多多项目都有列表缓存的需求。路由中 ：src\router\index.jsapp中：src\App.vue需要缓存的组件中：src\views\xxx\xxx.vuekeep-alive 在初始化页面的时候会走一次生命周期 当二次进入的时候就已经是缓存状态了 不会在走生命周期。所以它就有了自己的周期函数分别是 ：（并且这两个钩子在服务器渲染期间不会被调用）1.组件激活时调用–activated2.组件销毁时调用–deactiva
2022-01-25 19:00:57
1497
原创 解决sockjs.js?9be2:1609 GET http://192.168.2.119:8081/sockjs-node/info?t=1643074975460 net::ERR_CONNEC
如何解决sockjs.js?9be2:1609 GET http://192.168.2.119:8081/sockjs-node/info?t=1643074975460 net::ERR_CONNEC1、报错原因：SockJS是一个浏览器JavaScript库，它提供了一个类似于网络的对象。SockJS提供了一个连贯的、跨浏览器的Javascript API，它在浏览器和web服务器之间创建了一个低延迟、全双工、跨域通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一
2022-01-25 09:58:53
3597
原创 (Emitted value instead of an instance of Error) Do not use v-for index as key on ＜transition-group＞
代码如下：控制台报错：(Emitted value instead of an instance of Error) Do not use v-for index as key on children, this is the same as not using keys.报错的大概意思是：作为 子级的列表元素 不要使用index作为键，否则就跟没有设置键一样。那么按理修改key就可以解决。于是修改：:key=“item.id”至此解决。...
2022-01-24 16:13:43
1404
原创 vue项目开发流程从零开始（搭建）
拿到项目：从零开始 单人 从0开始原有项目 多人 后续开发版本管理工具：Git || 码云开发流程：1、从零开始 单人 从0开始步骤：步骤1：配置SSH步骤2：创建仓库步骤3：克隆走SSH协议（注：克隆就是将远程仓库代码下载到本地步骤4：选择开发框架并生成框架代码步骤5：选择UI框架并配置步骤6：将初始化好的本地仓库代码提交到远程仓库（码云步骤7：使用项目需求管理系统给员工安排任务（码云企业版 或 jira 很多大公司中技术的公司 实现：步骤1：配置SSH （配置公钥）
2022-01-24 15:54:57
1927
原创 node-sass sass-loader对应的格式参考（node-sass安装注意）
node-sass sass-loader对应的格式参考:
2022-01-24 15:51:29
168
原创 vue & vue Cli 版本及对应关系
vue & vue Cli 版本对应关系Vue CLI = Vue + 一堆的js插件。使用方式：Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。Vue是渐近式框架，你可以用它一个功能，也可以用全家桶。比如你可以在老的jsp或thymeleaf项目里，引入vue.js，只用它核心的数据绑定功能。Vue CLI = Vue + 一堆的js插件。Vue/cli安装：n
2022-01-24 15:51:10
20865
6
原创 webpack配置文件：webpack.config.js（一）
1、webpack的配置文件webpack.config.js//const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { mode:'none', entry: './src/index.js', output: { path: __dirname + '/dist', filename: 'dist.js' },}上面代码是一个最最基本的
2022-01-24 15:50:59
8219
原创 自动化生成项目中的html页面(中)
接webpack - 自动化生成项目中的html页面(上)如果我们需要在html-webpack-plugin插件中传参数，在模板中根目录下的index.html模板中引用怎么办？我们可以在webpack.config.js文件中写入这么一行代码：title:'webpack is good'webpack.config.js代码如下：var htmlWebpackPlugin = require('html-webpack-plugin');module.exports = { en
2022-01-24 15:50:37
573
原创 自动化生成项目中的html页面(上)
自动化生成项目中的html页面(上)那么问题来了，之前我们是在html模板上写死的文件名，这下怎么办呢？<script src="dist.js"></script>借助webpack的一个插件就可以解决1、安装这个插件npm install html-webpack-plugin --save-dev2、安装完成，使用官网上关于使用插件的文档：https://webpack.js.org/concepts/plugins/#usage//引入插件var ht
2022-01-24 15:50:18
309
原创 webpack的基础使用
webpack的基础使用、配置以及文件处理方式（图文为主）（一）1.简介前端模块化理解打包功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1.简介webpack是一个现代的js应用的静态模块打包工具。■打包如何理解呢?理解了
2022-01-24 15:49:29
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人