Lucy--CSDN博客

原创 antd-vue 单选、多选框样式

antd-vue 单选、多选框样式

2022-11-18 21:38:29 1606 1

原创 echarts 使用v-if或v-show不显示

echarts 使用v-if或v-show不显示

2022-09-26 11:27:33 3455

原创 antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key

antd-vue Table 常见报错。

2022-08-16 16:44:05 847

数组是最简单的内存数据结构删除数组元素的方法：pop（删除数组里最后元素），shift（删除第一个元素）添加数组元素的方法：push（把元素添加到数组末尾），unshift（把数值插入到数组的开头）在任意位置添加或删除元素：splice（index，num，value），num为0时即为插入元素通过push和pop方法，可以用数据来模拟栈通过shift和unshift方法，可以用数组模拟基本的队列数据结构二维数组和多维数组矩阵：二维数组；数组的数组数据结构中有几个维度都没有关

2022-05-31 17:09:10 161

原创 antd-vue Table 数据改变时，分页重置到第一页

场景：在使用antd Table的时候，页面中有一个表格，下面是自带的分页，当点击一个按钮的时候，表格的数据更新，但是分页的按钮并不会回到第一页，还停留在之前的位置。以下为关键代码：// 关键：@change="handleTableChange"<a-table :columns="columns" :dataSource="tableLists" :pagination="pagination" size="small" :scroll="{ y: 380 }" @change="..

2022-03-24 00:00:45 8778

原创 js - 判断某年某月有多少天、“Mon May 16 2022 18:48:34 GMT+0800 (中国标准时间)“ 转成标准时间

// js判断当月有多少天; findDayByYearMonth(year, month) { switch (month) { case 1: case 3: case 5: case 7: case 8: case 10: case 12: return 31; break; case 2: return this.isRunYears(...

2022-03-02 15:39:41 896

原创 Vue2 锚点定位，滚动效果回到顶部

锚点定位及跳转（url不发生变化）HTML5选择了scrollIntoView() 作为标准方法,scrollIntoView()可以在所有的HTML元素上调用。通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视窗中。如果给该方法传入true作为参数，或者不传入任何参数，那么窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果给该方法传入false作为参数，调用元素会尽可能全部出现在视口中（可能的话，调用元素的底部会与视口的顶部齐平）不过顶部不一定齐平。<templ

2022-02-19 16:15:58 943

原创 element-ui 多选表格隐藏表头勾选框

//1. 加 :header-cell-class-name="cellClass"<el-table ref="multipleTable" :data="tableData" empty-text="暂无数据" style="width:100%;" max-height="400" size="small":header-cell-class-name="cellClass">//2. methods里 methods: { cellClass (row) { .

2021-12-29 18:16:28 1310

原创 JS - 从一个数组中取出几个特定的字段组成新的数组

let newArr= [];list.forEach(function(item){ newArr.push( { Id: item.id, Num: item.Num }) })console.log(newArr)

2021-12-28 16:36:51 1600

原创 element-ui 常见问题整理

Table 表格相关1.设置表格el-table表头的颜色：header-cell-style可以修改背景及其他<el-table :data="tableData" :header-cell-style="{background:'#000', color:'#fff'}" >2.设置某一列的字段字体颜色方法1： :cell-style="setCellColor"<el-table :data="tableData" :cell...

2021-12-13 17:56:59 2496

原创 JS - 一个数组对象中是否包含另一个数组对象中的值

1.返回相应的下标 //两个数组对象中查看其中一个数组对象是否包含另一个数组对象中的值 let arr = [ {key:1,val:"张三"}, {key:2,val:"王五"}, {key:3,val:"李四"}, {key:4,val:"刘超"}, {key:5,val:"赵四"} ] let arr2 = [ {key:1,val:"张三"},

2021-11-29 16:26:02 3381

原创 VScode 设置背景图片

1.在vscode扩展中，找到background这个插件并安装2. 打开 settings.json设置打开文件>首选项>设置3.设置自己喜欢的背景图 // background相关配置 Start "background.useDefault": false, // 是否使用默认图片，改成false不默认，设置自己想要的 "background.style": { "content": "''", "po.

2021-11-29 14:45:46 12570 1

原创 Vue2- 移动端购物商城

1. vue快速创建基础项目vue create mall-vue2选择需要的配置，选用Vue2 进行创建创建基础文件夹目录src文件夹下文件夹目录：① views 文件夹存放界面② components 文件夹存放界面中局部组件③ config 文件夹存放各种全局配置④ images 文件夹存放图片⑤ plugins 文件夹存放各种插件⑥ router 文件夹存放路由⑦ store 文件夹存放vuex相关文件⑧ service 文件夹存放服务器端相关操作，接口等⑨ sty

2021-11-05 11:11:24 1161

原创微信小程序 - wx.navigateTo跳转页面传值：数组、对象

JSON.stringify():用来将数组对象转为字符串JSON.parse():用来将字符串转为对象let arr = [{name:'cyy',age:1},{name:'syt',age:2}];let obj = {pageStatus:true,curentId:1}//跳转页面传递数组及对象值wx.navigateTo({ url: `/pages/index/index?arr=${JSON.stringify(arr)}&obj=${JSON.stringif.

2021-10-15 10:24:09 1084 1

原创关于JWT

JWT技术（基于token的鉴权机制）全称JSON Web Token，是一种基于JSON的，用于在网络上声明某种主张的令牌(Token)。流程上是这样的：用户使用用户名密码来请求服务器服务器进行验证用户的信息服务器通过验证后生成一个token发送给用户客户端存储token，并在每次请求时附送上这个token值服务端验证token值，并返回数据 JWT是由三段信息（header.payload.signature）构成的，将这三段信息文本用英文

2021-09-07 21:40:48 218

原创 vue项目 Network: unavailable的解决办法

vue项目npm run serve 后，只有localhost访问，network不能访问，如下：解决办法：在vue项目根目录下创建vue.config.js文件在devServer配置里面添加public，如下代码所示。 public:‘192.168.1.2:8080’,module.exports = { configureWebpack: {}, devServer: { // 环境配置 host: '0.0.0.0', pub...

2021-09-01 21:47:25 26549 13

原创 VSCode不同窗口设置不同颜色

VSCode编辑器窗口一模一样，有时候改代码时候会改错，打开多个窗口总是最后才找到自己想看得那个窗口，很影响效率。然后就想到有没有什么办法可快速找到自己的目标项目窗口，就找到了peacock插件，可以给窗口设置颜色，便于区分，也给敲代码带来一丝色彩。点击vscode的扩展管理（或者ctrl+shift+x），搜索peacock并安装。安装好后调出vscode命令窗口（Ctrl+Shift+P），输入peacock，选择 Change to a Favorite Color...

2021-07-13 16:05:53 5178

原创发布/订阅模式、观察者模式在Vue中的应用场景

发布/订阅模式和观察者模式通常被混为一谈，但它们在Vue中有着不同的应用场景。发布/订阅模式核心：订阅者发布者信号中心(事件中心)我们假定：存在一个“信号中心”，某个任务执行完成，就向信号中心“发布”一个信号，其它任务可以向信号中心“订阅”(subscribe)这个信号,从而知道什么时候可以开始执行，这就是发布/订阅模式发布/订阅模式在Vue中的应用场景：子组件与父组件的通信方式、兄弟组件通信观察者模式核心：观察者(Watcher): 每个观察者必须有一个 upda

2021-07-08 16:12:49 1016

原创关于Vue的简单梳理-2

1. Vue的设计思想、MVVM框架数据驱动应用 + MVVM模式的践行者 MVVM是 Model-View-ViewModel 缩写，是一个软件架构设计模式。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并⾃动将数据渲染到⻚⾯中，视图变化的时候会通知viewModel层更新数据 MVVM框架的三要素：响应式、模板引擎及其渲染响应式：vue如何监听data的属性变化模版：vue的...

2021-07-06 19:54:55 155

原创 VScode 设置 github 账号同步

1. 在GitHub 上获取GitHub Token 和 Gist Id获取GitHub Token：进入github个人设置settings记住这个token值获取Gist Id ：gist.github.com 被墙无法访问解决办法打开https://www.ipaddress.com/，输入gist.github.com获取IP地址，将IP地址写入Hosts文件：windows下 vscode 打开C:\Windows\System32\d...

2021-07-04 15:52:32 12337 3

原创实现前后端数据交互的方法

前端工程师的职责：1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟，我们要构建一个大的web应用，必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能:1、服务端渲染　　谈起服务端渲染，对于动态服务而言，这个世界上跑的大多数页面都经过服务端的数据渲染，接口->前端赋值->模板渲染。　　这些都是在服务器完成，在我们查看源码的时候，可以看到完整的html代码，包括每个数据值。　　常用的php模板：Smarty，Blade，Mus.

2021-07-02 14:55:26 3234

原创 git 命令整理

##配置 gitconfiguser.name"你的姓名" gitconfig--globaluser.name"你的姓名" gitconfiguser.email"你的邮箱" gitconfig--globaluser.email"你的邮箱" 初始化仓库 git init 1工作区--gitadd [.]--2暂存区--gitcommit-m"注释"--...

2021-07-02 13:30:03 106

原创 RESTful API 设计接口规范

REST（Representational State Transfer）即表述性状态传递，REST指的是一组架构约束条件和原则。它是一种针对网络应用的设计和开发方式，可以降低开发的复杂性，提高系统的可伸缩性。 REST就是选择通过使用 http 协议和 uri，利用 client/ server model 对资源进行 CRUD (Create/Read/Update/Delete)增删改查操作。 RESTful是一种网络应用程序的设计风格和开发方式，基于 HTTP，可以使用 XML 格式定义或 JS

2021-07-02 13:12:20 1004

mall-vue2.zip

小程序地图自适应手机高度

mobiscroll-时间选择（格式2018-03-01 12：00）

空空如也