- 博客(13)
- 收藏
- 关注
RSS订阅原创 VsCode中Vue代码格式插件，Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置
Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！安装步骤：在扩展商店中搜索（ Vetur ）点击安装。
2024-02-21 09:33:07
4286
1
原创 vue页面或者盒子滚动到底部触发事件
滚动底部触发事件 staScrollFun() { let sta = this.$refs.sta let offsetHeight = sta.offsetHeight let scrollTop = sta.scrollTop let scrollHeight = sta.scrollHeight if (offsetHeight + scrollTop >= scrollHeight) { //触发事件
2022-03-18 11:46:59
1612
原创 vue自定义拖动指令
代码如下： directives: { drag: function (el) { let dragBox = el; //获取当前元素 dragBox.onmousedown = (e) => { //算出鼠标相对元素的位置 let disX = e.clientX - dragBox.offsetLeft; let disY = e.clientY - dragBox.offsetTop; docu
2022-03-10 11:05:38
789
原创 javascript——原型与原型链
一、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。例如：function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(person2.n
2022-02-17 10:11:10
175
原创 拼音转汉字代码
var PinYin = { // 汉字转拼音 ConvertPinyin:function(l1) { var l2 = l1.length; var I1 = ""; var reg = new RegExp('[a-zA-Z0-9\- ]'); for (var i = 0; i < l2; i++) { var val = l1.substr(i, 1); var name = this.arraySearch(val
2022-02-10 09:23:33
8703
原创 移动端h5页面根据屏幕适配的四种方案
方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible（此处可点击）淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，屏幕大小动态计算根字体大小，具体是将屏幕划分为10等分。这块也可以直接用js实现，后面会提到具体引入和使用方法，移步github查看，非常详细。方法二：viewport 的使用github里边，有提到 v
2021-09-27 16:49:24
2712
原创 gitLab中子模块的添加
背景项目中经常使用别人维护的模块，在git中使用子模块的功能能够大大提高开发效率。使用子模块后，不必负责子模块的维护，只需要在必要的时候同步更新子模块即可。本文主要讲解子模块相关的基础命令，详细使用请参考man page。子模块的添加添加子模块非常简单，命令如下：git submodule add 其中，url为子模块的路径，path为该子模块存储的目录路径。执行成功后，git status会看到项目中修改了.gitmodules，并增加了一个新文件（为刚刚添加的路径）git diff
2021-08-26 13:41:06
1018
原创 Excel导出文件
Excel导出文件 exportExcel (ExcelData) { // this.dialogVisible = false this.$confirm('是否导出当前列表?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'success' }).then(() => {
2021-06-01 09:10:23
127
原创 element-ui 整体替换主题色
自定义主题Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。¶仅替换主题色如果仅希望更换 Element 的主题色，推荐使用在线主题生成工具。Element 默认的主题色是鲜艳、友好的蓝色。通过替换主题色，能够让 Element 的视觉更加符合具体项目的定位。使用上述工具，可以很方便地实时预览主题色改变之后的视觉，同时它还可以基于新的主题色生成完整的样式文件包，供直接下载使用（关于如何使用下载的主题包，请参考本节
2021-04-29 13:58:58
4528
1
原创 Ctrl+s vscode代码自动格式化
vue项目Ctrl+s vscode代码自动格式化vscode插件首先vscode需要装一些vscode插件ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged配置settings.json打开settings.json，贴上配置，注意自己原有的vscode主题和字体等不要替换掉打开方式方式一:1)文件 ------.>【首选项】---------->【设置】2）搜索emmet.include;3）在set
2021-04-22 15:12:05
1617
原创 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined React相关报错原因
运行React框架时，浏览器报错Uncaught TypeError: Cannot read property ‘forEach’ of undefined在这里插入图片描述可能是谷歌浏览器插件开启的原因，如图：在这里插入图片描述关闭该插件，重新刷新页面即可!...
2020-10-27 08:41:52
660
2
原创 Webpack搭建React开发环境
Webpack搭建React开发环境1、React环境搭建实现React开发的三种方式：（1）使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- 生产环境中
2020-10-26 19:39:08
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人