- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3在 setup 中使用 props
vue3在 setup 中使用 props记录学习和开发中遇到的问题之前我尝试在 setup 中使用 props 是这样的export default defineComponent({ setup(props: any) { console.log(props.id) // 输出 undefined }})然而 却输出 undefined ，通过思考和查阅资料，与 vue2 做对比，少了 props 声明一步加上声明就可以了export default
2021-11-17 11:33:43
13351
2
原创 vue3 使用 vue.config.js 配置使用scss全局变量
vue3 使用 vue.config.js 配置使用scss全局变量记录学习和开发中遇到的问题或难题刚开始我在网上查找了许多资料，都是需要什么安装安装 sass-resources-loader 和配置什么乱七八糟的，我没有尝试过，因为我觉得根本不需要这么麻烦通过查阅资料和尝试，我发现只要在 vue.config.js 配置一下就可以了，我配置的环境是 vue3，但是我觉得 vue2 也应该适用，废话不多说，配置如下：module.exports = { css: { requ
2021-11-10 14:12:54
4421
1
原创 react 使用 scss
react 使用 scss日常记录开发中遇到的坑1、使用npm install sass-loader node-sass -S进行安装2、在页面中直接使用，有时候可以，有时候不行原因：我个人觉得安装的两个插件本版兼容问题"node-sass": "^5.0.0","sass-loader": "^10.1.0",我修改成这样的版本之后，可以直接使用啦后言：我在网上看到很多大佬都让配置 webpack 的东西，我试了很久，然而并没有什么用。之后我尝试 vue 使用 scss
2021-11-05 11:29:39
2161
1
原创 js 保留n位小数，直接截断，无论正负
js 保留n位有效小数，无论正负日常开发——经验积累使用正则进行字符的截取，不是四舍五入，现在有// 需要将数值转换为字符串let a = '3.1467'let reg = /^-?\d+.?\d{1,2}/// str 就是截取之后的字符串let str = a.match(reg)console.log(str) // '3.14'// 当前 str 是字符串，需要数值转换一下即可使用正则表达式 /^-?\d+.?\d{1,2}/ 可以截取出至少一位，最多两位的有效小数，
2021-08-13 18:00:54
412
2
原创 vue 使用 scss 的坑
vue 使用 scss 的坑日常记录开发中遇到的坑1、使用npm install sass-loader node-sass --save-dev进行安装2、在页面中直接使用，有时候可以，有时候不行原因：我个人觉得安装的两个插件本版兼容问题"node-sass": "^5.0.0","sass-loader": "^10.1.0",我修改成这样的版本之后，可以直接使用啦...
2021-06-01 23:18:37
607
6
原创 关于uniapp map polyline 动态画线问题
关于uniapp map polyline 动态画线问题——日常踩坑记录直接上代码// 为做测试，我是对 polyline 点集合中最后一个点进行相对加一个数，让它有效果出来let latitude = _this.polyline[0].points[_this.polyline[0].points.length - 1].latitude + 0.0001;let longitude = _this.polyline[0].points[_this.polyline[0].points.le
2021-04-16 08:58:22
6088
1
原创 使用 nvue 的注意事项以及坑
使用 nvue 的注意事项以及坑——日常踩坑记录1. 不支持全局引用我使用 uniapp 混合编写，在一次调用一个接口的时候老是报错，也找不到原因，因为在 H5 上没有报错，最后发现是我的接口全局封装好的，在调用的时候不存在，单独引入进页面来就没问题了（APP真机调试）2. css样式问题元素的宽度不能用百分比，官方也有声明（传送门），当时没注意看，导致我弄了很久持续更新中。。。......
2021-04-15 12:48:02
1625
原创 Vue 项目打包之后，CSS 找不到问题
Vue 项目打包之后，CSS 找不到问题记录日常开发中遇到的 坑问题：我把vue项目打包之后放在本地的web环境下可以正常显示，但是我放到 nginx 服务器之后，找不到 css 文件，当时配置如下图解决办法：我将 打包的路径从 ‘/v4/’ 改成 ‘./’ 就可以了，在web环境上上，可以放在任何文件下都可以，只要把站点的运行路径指向该文件夹就好这是我的一种解决办法，如果大家还有什么解决办法，可以在下方留言哦嘻嘻......
2021-01-23 08:02:00
8450
原创 CSS 设置 DIV 滚动不生效
CSS 设置 DIV 滚动不生效记录日常开发中遇到的 css 问题如果设置了 overflow 没有效果，可能是没有设置宽度和高度如果设置了 overflow-y 没有效果，可能是没有设置高度如果设置了 overflow-x 没有效果，可能是没有设置宽度......
2021-01-07 11:05:23
7106
1
原创 uniapp map 请求接口之后数据不渲染问题
uniapp map 请求接口之后数据不渲染问题我先说我遇到的问题：我使用uiniapp 的 map 组件，组件所有绑定数据都有一个初始化，之后在 mounted 中请求服务器数据，不过在 map 组件里面没有渲染请求到的数据，使用 setTimeout 也不行我个人的解决办法：最后在 map 组件上加一个 v-if 进行控制显示，默认值为 false ，我们请求到数据之后再将值改为 true，这样地图就渲染数据了......
2020-12-02 19:22:49
2668
3
原创 thinkPHP 文件上传（文件太大不成功）
thinPHP 文件上传（文件太大不成功）补充一下上次说的文件上传如果我们上传的文件太大而导致失败我们可以在 php.ini 这个配置文件修改两个字段upload_max_filesize = 50mpost_max_size = 50m ;改成 50M 一般都足够了，如果还不够可以继续加大– thinkphp 随笔 –...
2020-11-14 03:16:15
1100
原创 thinkphp 文件上传
thinkphp 文件上传直接上代码// files 是前端上传标签的 name 名称$file = request()->file('files');// disk 是我们存在文件根目录，putFile 中的 music 是public 下的子文件夹// 下面整行代码的意思就是把我们上传的文件放到 pulic 下的 music// $res 是文件上传成功后返回的文件路径$res = Filesystem::disk('public')->putFile('music', $fi
2020-11-14 03:02:39
220
原创 thinkphp 随笔——模型更新成功返回的数据
thinkphp 随笔——模型更新成功返回的数据先上图这是我修改了一个表内的 value 字段，修改成功之后返回了这个字段的最新值– thinkphp 随笔 –
2020-11-14 01:09:43
435
原创 ThinkPHP使用 input 接收数据
ThinkPHP使用 input 接收数据input 是一个助手函数使用 input 接收 post 请求的数据，写法如下，得到的数据是一个键值对类型的数组$data = input('post.');如果是 get 请求，那么就将 post 改成 get 即可– thinkphp 随笔 –...
2020-11-13 23:08:39
1199
原创 Nuxt.js项目使用 scss
Nuxt.js项目使用 scss直接安装依赖就可以使用啦npm i node-sass sass-loader scss-loader --save-dev可以您刚安装完会有报错，您把项目停止运行，再重新启动项目就可以啦
2020-11-07 09:55:20
1579
原创 uniapp 页面跳转的坑
uniapp 页面跳转的坑我们在使用 uniapp 的时候，经常使用到页面跳转，uniapp 的几个常用跳转我就不一一列表了。我就说我遇到的坑吧如下图，我要从第一个页面跳到第二个页面，我在组件里面写的跳转，大家移位到下一张图如下图，这是我的目录结构，我在组件内部写跳转，这样是跳转不了的uni.navigateTo({ url: '../pages/article/article'})要这样写，因为组件是在第一个页面中，所以要以第一个页面作为相对路径uni.navigateTo({ u
2020-11-03 17:55:46
5048
14
原创 uni-app 使用 uview-ui
uni-app 使用 uview-ui废话不多说啦先看我把 uview-ui 放在项目中的位置1、导入或下载压缩包两种方式引入都可以，使用导入插件的话，会新建一个项目，建好项目中就会有 uview了，再配置其他的就可以使用。下载zip压缩包，就将 uview-ui 这个文件夹放到我们项目的目录下，再进行其他配置2、在 main.js 中配置3、在 App.vue 中配置在这里引入 uview-ui 的index.scss 样式文件，注意在 style 标签添加 lang=“scss” 属性
2020-11-02 09:09:58
6001
2
原创 Nuxt.js 的详细使用以及踩的坑
Nuxt.js 的使用安装1、nuxt.js 基于 vue 因此使用 vue 进行项目创建，nuxt.js 官方提供一个模板，我们就以这个模板进行 nuxt 项目的创建。其创建代码为：vue init nuxt-community/starter-template '你的项目名称'回车之后会进行模板下载，务必联网；模板下载好之后，会让你填写一些基本信息，可以直接回车选择默认就好，如下图：模板的目录结构如下：node_modules 文件夹是需要我们安装依赖之后才有的；2、安装依赖进入
2020-09-28 13:47:45
13034
6
原创 js实现雪花飘落效果
js实现雪花飘落我们可以先看看效果点这里 雪花其实总的代码都不到 100 行，代码很少，因此 css 样式 和 js 代码我都放在一个 HTML 文件里面了我们先看看主体的 HTML 代码 <body> <div id="xh"></div></body>html 的代码就只有一行我们再看看 css 的样式body { background-color: black; } #xh { position
2020-05-27 18:50:58
3519
2
原创 25行jQuery代码实现轮播图
对于刚刚学习前端的同学来说，做一个轮播图是非常不容易的今天我就将自己的心得跟和大家分享一下实现轮播图有很多方法，今天我们就讲其中一种方法——让图片显示在一行内，然后让图片有规律的向左移动第一步创建 index.html文件并输入以下代码<!DOCTYPE html><html> <head> <meta http-equiv="cont...
2019-12-09 18:47:11
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人