2020年5月20日
Layui中使用table组件时让某些行的checkbox自动选中
摘要： Layui中使用table组件时让某些行的checkbox自动选中 在使用layui框架时，数据表格是经常使用的一个组件，一般在表格的左侧会有checkbox可以用来勾选当前行的数据，但是checkbox一般是由用户自己手动勾选的，那遇到需要自动勾选的情况怎么办呢？ 如果使用dom操作来控制checkbox选中是没有问题的，但是在使用layui的api方法时会获取不 阅读全文
posted @ 2020-05-20 17:27 ykCoder 阅读(5293) 评论(0) 推荐(0)
2020年4月16日
CSS绘制横向时间轴
摘要： 关于横向时间轴，其实网上有很多种方案，但是在有需求定制的情况下，还是自己写比较方便的。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文
posted @ 2020-04-16 11:47 ykCoder 阅读(3223) 评论(0) 推荐(0)
2020年3月23日
JS数组对象的去重和排序操作
摘要： 最近看到一个比较有趣的问题，记录一下自己的解决方法。 具体代码如下： /* * 合并相同价格(price)的数量(amount)并以价格从小到大排序 */ var dataList = [ { id: 1, price: 5.5, amount: 3 }, { id: 2, price: 1.5, 阅读全文
posted @ 2020-03-23 17:47 ykCoder 阅读(918) 评论(0) 推荐(0)
2020年3月20日
在项目中使用npm安装依赖的命令说明
摘要： 在我们前端项目中经常会用到npm安装一些依赖，但是有时我们对一些命令所起的作用不是很清晰。 所以专门在此记录一下，以供学习。 ：安装依赖到项目目录下，不会将模块依赖写入 或`dependencies`。 ：将依赖安装到全局，具体安装到哪个磁盘位置，主要是看 的位置。 ：安装依赖到项目目录下，并在 文 阅读全文
posted @ 2020-03-20 11:19 ykCoder 阅读(6048) 评论(0) 推荐(0)
2020年3月3日
Vue-cli项目中使用Vuex，快速上手的简单使用方法
摘要： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 安装Vuex npm install vuex --save 新建仓库 在src目录下新建一个store文件夹，然后在store文件夹里新建s 阅读全文
posted @ 2020-03-03 16:04 ykCoder 阅读(635) 评论(0) 推荐(0)
2020年2月3日
Git提交代码由ssh方式改为http方式
摘要： 由于受到新型冠状病毒感染肺炎的疫情影响，春节后我们就只能先在家里办公一周，春节前有带公司的MBP回家，所以只需要把提交代码的方式由ssh改为http就行。 删除项目里当前分支对远程分支的关联 git remote rm origin 项目以http的方式重新关联 git remote add ori 阅读全文
posted @ 2020-02-03 11:13 ykCoder 阅读(4580) 评论(0) 推荐(0)
2020年1月10日
Visual Studio Code使用的插件及个性化配置
摘要： 罗列一些自己在vs code中常用的插件和个性化配置 vs code插件 settings.json个性化配置 { "workbench.startupEditor": "newUntitledFile", "workbench.iconTheme": "vscode-icons", "breadc 阅读全文
posted @ 2020-01-10 16:18 ykCoder 阅读(701) 评论(3) 推荐(0)
Vue项目中使用mockjs实现mock模拟数据
摘要： 此篇文章针对的是vue cli 2脚手架搭建的项目引入mock.js实现mock数据 Mock.js的主要作用是生成随机数据，拦截 Ajax 请求 安装mock.js npm install mockjs --save-dev 模拟数据接口 在项目的src目录下创建一个mock目录，然后在里面新建一 阅读全文
posted @ 2020-01-10 15:29 ykCoder 阅读(5643) 评论(0) 推荐(4)
2020年1月3日
使用Vant的DatetimePicker时间选择组件
摘要： 安装vant # 通过 npm 安装 npm i vant -S 在main.js中引入vant // 引入vant import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant) 使用DatetimePicker组件 确认选择的时 阅读全文
posted @ 2020-01-03 15:13 ykCoder 阅读(32480) 评论(11) 推荐(8)
2019年12月27日
在vue cli 3脚手架里引入tinymce 5富文本编辑器
摘要： 在vue cli 3脚手架里引入tinymce 5富文本编辑器 本文主要讲的是在Vue cli 3脚手架搭建的项目里如何引用Tinymce 5富文本编辑器。 请注意识别“版本号”，不同版本的配置细节有所不同。 tinymce的安装 安装tinymce-vue npm install @tinymce/tinymce-vue -S 安装tinymce npm in 阅读全文
posted @ 2019-12-27 11:51 ykCoder 阅读(2308) 评论(3) 推荐(0)