Remyme-CSDN博客

原创 three.js---一个基础的demo

一个基础的three.js demo

2022-12-07 16:32:46 883 1

原创 three.js问题记录---MeshLambertMaterial材质颜色失效

three.js材质颜色不起作用

2022-12-06 15:14:40 3214 3

原创 vue3+vite热更新失效问题

vue3+vite构建的项目，页面不管修改了什么都无法及时刷新页面，每次都要重启项目才会更新，需要手动配置热更新!!

2022-09-26 15:58:54 10669 8

在开发结尾测试阶段，经常会遇到要统计整个前端代码行数的情况，一般情况下，编辑器都能帮我们解决问题。最近做的项目基本上都是PC端，所以更多用到的是vscode编辑器，统计代码只需要安装一个插件就可以实现。。step ONE:在编辑器扩展工具中找到统计扩展（VS Code Counter)并安装step TWO:重新启动VS code，再用快捷键ctrl+shift+p工作区选择VscodeCounter:Count lines in directory后回车会出现当前项目的默认路径。(右下方会出现统计

2022-04-22 10:32:02 9788 1

原创 vue传值之provide和inject的使用

在大多数遇到的vue项目中，我们的通信一般是建立在父子之间，也就是说父向子传递（props)和父取子值（引用refs）就基本可以实现。对于更复杂的数据处理可能就会选择vuex的方式，鲜少会用到provide和inject。这次使用的契机是，在开发项目中，子项目和父项目是分开进行的，并且是不能直接作用于组件之上的。但是子项目需要对父项目的一部分内容进行操作，provide和inject就派上了用场。在vue的官方文档中有这么一句话：provide 和 inject 主要为高阶插件/组件库提供用例。并不推

2022-04-07 18:01:19 1107

原创 vue3新特性---reactive函数用法

vue3出炉好长一段时间，公司也开始系统使用vue3的项目了。在开发项目中发现了vue3出现的一个新的函数reactive，reactive 是 Vue3 中提供的实现响应式数据的方法。reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组具体解析可见其他博主https://blog.csdn.net/wuxing164/article/details/109801055

2021-09-15 10:59:39 4867

原创 js必考面试题集锦，高薪程序员必备技能

1.关于作用域var User = {　　count: 1,　　getCount: function () {　　　　return this.count;　　} }; console.log(User.getCount()); var func = User.getCount;console.log(func()); getCount函数被User对象调用，所以this指向的是User。console.log(User.getCount(

2021-06-09 16:25:39 182

原创 vue自定义指令及避坑点总结

为了方便平时的开发，有时候我们可能会自定义一些指令。vue自定义指令分为全局自定义和局部自定义指令：全局注册：在全局注册的时候发现了一个神坑，指令要写在vue实例化对象前面，否则会报错Failed to resolve directive；Vue.directive('name',{})局部注册directive:{ name:''}方便平时的开发，我们必须要熟悉自定义指令的钩子函数：1.bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。2.inser

2021-05-27 10:22:02 1310

原创 json.stringify和json.parse

JSON.stringify()将 js 对象转换为 JSON 字符串，而JSON.parse()可以将JSON字符串转为一个对象 js 对象。利用 JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化（还原）js对象（为了便于理解贴出另一个博主的解析https://jingyan.baidu.com/article/d169e186006382436611d898.html）（https://blog.csdn.net/gs981600308/art

2021-05-08 09:46:52 93

原创 git提交历史记录账号名为unknown

最近换了新电脑，在开发之前项目的情况下，同样是切换到自己的分支下来拉取提交代码，去gitlab的提交记录上看的时候发现自己提交的用户名都是unknown，在git代码贡献栏也发现多了一个名为unknown的新用户，于是百度了解决方案。通过git config --list查看用户信息发现没有相关username和email的配置，于是通过git config --global user.name '名字’和git config --global user.email '邮件’配置成和之前提交用户一样的用户

2021-04-08 14:12:49 2148

原创 uniapp生成海报入坑指南

公司用uniapp开发的小游戏经常会用到生成海报分享给好友的需求，在uniapp的插件市场中找了很久，终于找到符合需求的海报插件，大概是这样地址如下：https://ext.dcloud.net.cn/plugin?id=471#image，在之前的游戏中友好型也比较强，简单修改一下内容基本上是可以用的。最近开发另一个项目的时候又要用到海报，再次用到此插件的时候发现海报生成之后一直显示不完全（只显示背景图片的上部分），同时生成的二维码也无法被识别，一直以为是代码的问题，直到去查插件市场的官网才发现问

2021-02-26 16:07:50 668

原创 uniapp之跳转到元素最底部

最近开发一个小游戏过程中，有一个寻宝地图的需求，每次进入地图页面都先显示在第一关，也就是直接到页面的最底部uniapp中可以达到这种效果的有两种方法：分别是uni.pageScrollTo和scroll-view中的scroll-into-view属性，在反复尝试中发现uni.pageScrollTo的坑比较多，试过了各种方式都无法起到作用，最后采取了第二种方式scroll-view标签（在uniapp官网中有对scroll-view标签的详细API，可自行查阅）。用此方法时一定要注意两个点：

2021-02-20 10:42:59 2825

原创生成一个随机的颜色

今天看uniapp官方文档时，无意中在例子中发现一个生成随机颜色的方法，在平时的开发工作中，例如弹幕或者一些其他文字的颜色有随机生成的需求时都可以用到，特先码住getRandomColor: function () { const rgb = [] for (let i = 0; i < 3; ++i) { let color = Math.floor(Math.random() * 256).toString(16)

2021-01-24 16:41:36 3123

原创 uniapp 跳转页面传取参数

假设是从A页面传参到B页面：A页面传参：toWish() { uni.navigateTo({ url: 'myWish?initData='+encodeURIComponent(JSON.stringify(this.initData)) }); },B页面（跳转页面）取参onLoad(option){ const editItem = JSON.parse(decodeURIComponent(option.editItem)); },

2020-12-11 17:34:20 2313

原创 vue-quill-editor复制粘贴问题

需求是这样的：富文本可以具备粘贴文本的功能，但是不能粘贴图片到编辑框中，于是百度一下很快就有了解决方案：在data的文本编辑框配置中添加一个clipboard粘贴板，对其进行配置，方法中可以自觉将粘贴的图片转换为空的字符串，所以巧妙实现了此需求。but…谁能想到这样就多出现了一个bug，添加的链接保存之后回显格式就没了解决了一上午，各种文档百度都试了一遍，尝试从方法出发，定位在图片上，可是都以失败告终。在某个博客上看到了最重要的一段话可以尝试在配置中就定位在img标签上，干嘛要那么麻烦在方

2020-12-03 14:58:40 7655 2

原创 uniapp点击事件修改元素样式

1.要有一个dom元素，用ref绑定2.获取到dom元素并操作样式

2020-11-19 17:52:07 13619 12

原创 HTML5的自定义属性data-*

最近发现了html5中的一个自定义属性能更好的实现类似于tab切换的功能，不说太多，直接贴图就点击按钮切换不同的内容或者页面，在日常工作中经常会遇到这样的需求。<div class="app"> <h3 v-show="tab==1">111</h3> <h3 v-show="tab==2">222</h3> <h3 v-show="tab==3">333</h3> <button

2020-11-18 16:22:37 898

原创前端加密方式

一、 md5加密：md5.js<script src="js/md5.js" type="text/javascript"></script>var pwd = hex_md5("Victor");console.log(pwd);二、base64加密：base64.js<script src="js/base64.js"></script>var str = b.encode("admin:admin"); //加密var str

2020-11-16 17:45:10 123

原创 git需要熟练掌握的相关命令

现在越来越多的公司放弃SVN,开始用上了git，在平时的开发中，我们也要熟练掌握git的一些基本命令，特分享一下：1.拉取远程项目代码git clone "代码地址"2.进入主分支(例：dev)创建自己的分支（创建自己的分支能更好的开发并且更好的维护项目）git branch 分支名（例： git branch echo)3.创建好切换本地分支git checkout 分支名 (例： git checkout echo）4.在本地分支拉取远程分支代码git pull origin d

2020-11-13 16:48:48 91

原创 HTML5被忽略但实用的属性

最近写后台管理系统的时候，偶然发现一个小彩蛋，是HTML5的一个自带属性，特此记录。HTML contenteditable 属性contenteditable 属性规定元素内容是否可编辑。根据contenteditable的true或者false属性来判断...

2020-11-12 15:34:00 96

原创 uniapp针对不同平台条件编译

最近公司项目要把之前的微信网页转换为uniapp下的多端共有（即微信网页版和小程序端都可同时使用），在此过程中会不同程度的遇到微信网页和小程序端不兼容的情况，那么就要分情况进行操作，于是接触到***条件编译***1.首先有两个比较容易看错且混淆的编译语句ifdef与#ifndef#ifdef 标识符part1程序#elsepart2程序#endif他的用法是：当满足某种条件（即标识符已经被定义过）时，编译part1程序，当不满足条件时（即标识符没有被定义过）则编译part2程序。#if

2020-09-16 15:15:06 1162

原创 uniapp运行到小程序之无法启动

创建了一个uniapp项目，要求是在H5以及小程序都可运行，H5端很容易实现，那么我们来一起探讨小程序遇到的问题：首先，HbuilderX运行到微信小程序，前提是要安装微信开发者工具，来模拟手机上的小程序情景运行报错，原因是微信小程序工具的服务端口已关闭，所以需要在微信开发者工具中打开本以为就万事大吉了，结果又出现如下问题导致小程序启动不了通过百度又找到了解决方法，哈哈然后关掉微信开发者工具再重新运行就ok啦，开发者工具会自动跳到当前项目小程序运行情景...

2020-09-03 15:29:36 14775 4

原创 vue-cli创建vue项目

一、环境依赖安装1.在什么环境都没有的电脑上，首先是npm的依赖安装（百度上面教程很多，可自行搜索安装），可通过npm -v检查是否安装成功2.使用npm（需要安装node环境）全局安装webpack（注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g），打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入

2020-08-18 19:45:53 159

空空如也

空空如也