- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 展示由 @toast-ui/editor 写的markdown 并实现代码高亮 + 标题锚点跳转
展示由 @toast-ui/editor 写的markdown 并实现代码高亮 + 标题锚点跳转
2024-01-02 17:34:58
452
原创 通过@toast-ui/editor实现markdown编辑器+highlight.js实现代码高亮+自定义预览，不展示@toast-ui/editor自带的预览
通过@toast-ui/editor实现markdown编辑器+highlight.js实现代码高亮+自定义预览，不展示@toast-ui/editor自带的预览
2024-01-02 17:22:50
751
原创 marked.js 渲染markdown文档，并在右上角生成锚点
marked.js实现markDown的渲染和标题的锚点（包含各种情况的标题）
2023-12-22 16:49:00
1115
原创 Mac配置ssh+git解决冲突
git push origin HEAD:refs/for/feature-1.6.2 // feature-1.6.2是分支名。git rebase origin/feature-1.6.2 // feature-1.6.2是分支名。依据提示分别打开冲突的文件，逐一修改冲突代码。所有冲突都修改完毕后，提交修改的代码。在本地仓库中，更新并合并代码。
2023-10-13 14:11:53
271
原创 webpack升级后发现-webkit-box-orient 属性 丢失
添加 /* autoprefixer: ignore next */ 注释 让autoprefixer不杀掉这个属性。如果使用 autoprefixer的块级注释， 会在编译时报警告。属性丢失 页面不报错，但是导致页面内容为空。属性丢失导致没有出现省略号。
2023-10-10 10:15:04
139
原创 webpack升级后，报错Buffer is not defined
webpack从4升级到5之后，如果用到了Buffer 会报错 Buffer is not defined。目前看是因为 webpack5 不再默认支持 Buffer，因此需要在配置里增加配置项。webpack.project.js 文件里 的plugins里新增。新增后 浏览器就支持Buffer了。
2023-10-10 09:56:44
549
原创 vue子组件选择判断选完后，在答简答，最后再选单选判断，导致简答答案变为空
父传子list，子组件遍历为checkbox和input，input输入值之后，再选选择判断导致input值变为了空
2023-09-27 11:10:14
32
原创 mac node 多版本管理 & chrome 麦克风权限
工作一年以后基本上都会管理至少两个项目，但有的项目依赖的node版本不一致，又不能每次都卸载重安，因此这里推荐mac的node管理工具——n（windows的我也不清楚。找到 Insecure origins treated as secure 然后输入你们的项目地址，启用 重启chrome 然后就可以开启麦克风权限了。在此记录一下，方便以后换电脑了 需要多node切换的时候忘记怎么做。这里已经切换成了12.14.1。4. 切换node版本。6. 删除已安装的版本。地址栏输入下面的地址。
2023-08-07 16:30:37
183
原创 vue实现预览pdf
h5移动端实现预览pdf，pdfjs-dist getViewport 获取不到宽高 一直是NaN，且写死宽高的话 pdf又展示翻转问题，遇到的坑
2023-05-05 17:50:16
8697
7
原创 wavesurfer.js实现音频波纹效果（后端音频地址不支持跨域时可通过获取blob类型文件流解决）
wavesurfer.js实现音频波纹效果（后端音频地址不支持跨域时可通过获取blob类型文件流解决）
2023-03-24 16:52:30
1500
3
原创 visibilitychange和window.onbeforeunload
visibilitychange的作用是监听js页面是否是浏览器当前页window.onbeforeunload的作用是在即将离开当前页面(刷新或关闭)时执行 JavaScript
2023-01-31 15:36:31
317
原创 vue2通过下标修改数组数据或新增对象属性时 没有双向数据绑定的解决方法
vue2 使用this.$set解决 通过下标改变数组数据没有引起组件重新渲染的问题
2022-06-10 15:49:51
1253
原创 基于el-table二次封装的表格组件，toggleRowSelection 默认选中事件被清空的问题
从详情页点编辑进入表格页的时候，有时候需要默认选中一些数据。在el-table中的文档中能看到可以使用roggleRowSelection方法来默认选中一些数据。// checkList 需要默认被选中的数组// dataList 表格中展示的数组，也就是el-table的:data对应的数组// 表格组件 添加ref属性 ref="table" checkList.forEach(listItem => { dataList.forEach(item => {
2022-04-24 16:48:51
1904
5
原创 react 父子组件传参 简单的小案例
父 App.js // 导入子组件 import Search from './components/Search' class App extends Component{ construction(props){ super(props) this.state={ } } // 设置自定义的方法函数 // 生命周期 每次都变的时候就调用 render(){ return( /
2020-07-09 15:31:51
244
原创 vscode保存自动格式化代码和react补全标签
保存自动格式化代码首先 点击文件 选择首选项 选择设置搜索 保存 选中正在格式化 ，将 在保存时格式化文件 前面的选项选中 关闭设置 在代码中就可以实现保存自动格式化代码格式了自动补全标签在设置中搜索json 选择在setting.json中编辑加入下面这行代码 然后保存就可以了 "emmet.includeLanguages": { "javascript": "javascriptreact" },...
2020-07-08 16:23:22
1713
原创 node部分介绍
node是后台语言 （让前端也可以写后台了）node有10年左右历史 解决了高并发问题 异步单线程环境 后台对接 webpack打包工具语法与js一致node模块核心模块（安装node时自带的）fs文件模块 api特别多http 创建服务器用的url 转换地址path 路径模块querystring 转换查询字符串第三方模块 通过npm/cnpm下载安装npm下载安装的到 node_modules文件夹中本地模块自己写的模块 新建一个js文件夹 放到js文件夹里 到
2020-07-07 15:13:28
125
原创 vue起步步骤
创建router路由文件夹在路由文件夹里导入vue、vue-touter和各个页面 // 引入vue import Vue from 'vue'; // 引入vue-router import VueRouter from 'vue-router'; // 引入shouye.js路由文件 import shouye from './shouye' // 引入登录页面 import login from '../view/login' // 引入注册
2020-07-06 20:24:54
108
原创 Ajax封装在jQuery中的用法
Ajax配合上PHP使用 是我目前为止学到的能够进行前后台数据库交互的方法，jQuery虽说不像以前那么香了，但是jQuery还是比JavaScript更加方便，于是乎我想介绍一下Ajax封装在jQuery中的使用方法。先上代码，再解释代码的含义 let username = $('[name="regname"]').val(); let userpwd1 = $('[name="r...
2020-05-04 20:55:47
107
原创 javascript中面向对象的编程思想
我们所说的面向对象其实是一种编程思想，编程思路.传统的面向过程，在我们刚开始接触的时候我们会觉得面向过程开发十分的方便简洁，因为面向过程是将一个东西分成很多过程，我们能一眼看出来哪步是哪步，看着很直观方便我们理解，但是随之事物的越来越复杂，我们需要添加的功能也越来越多，如果我们继续用面向过程的开发思想，我们就会发现我们的代码变得越来越符复杂，越来越冗长，并且非常容易出错。因此，就有了我们现在学的...
2020-04-19 10:44:39
192
原创 数组循环中的数组塌陷问题
什么是数组塌陷 在对数组进行删除操作的时候，数组的长度会发生变化，遍历数组的时候，被操作那项的下一项就会被跳过，这就是所谓的数组坍塌。举个例子： 现在我们有一个数组【0,1,1,1,2,2,2,3,3,3,...
2020-04-04 18:29:16
285
原创 冒泡排序+选择排序+数组去重
冒泡排序：&遍历所有元素（从小到大排序），依次比较相邻的两个元素（小的放前面，大的放后面）效率很低选择排序：先找到所有元素中的最小值，然后将他存储的索引和起始索引交换位置，再从剩下的元素中找最小值，将它的索引与已排好的下一位索引交换位置，一次循环，将所有的元素从小到大排序 效率比冒泡排序高数组去重方法之indexOf()：...
2020-03-21 15:23:12
235
原创 js数据类型之NaN
js中的基本数据类型 js中的基本数据类型分为以下五种:undefined、Number、null、String和NaN五种。在这里我就讲一下NaN。 NaN:not a number 不是一个数值(表示存储的数据类型)  ...
2020-03-14 11:15:41
1047
1
原创 HTML中的flex布局
flex布局也就是常说的弹性布局（个人觉得应用的比较广泛，常用于移动端布局）。当一个元素的父容器设置display:flex的时候，这个容器就会变成一个弹性盒子，默认情况下这个盒子里的子元素都会左右排列（宽度有内容决定，高度由父容器决定），当你给子元素设置高度并且高度超过父容器的高度的时候，他也不会溢出（会自动收缩），因为弹性的优先级大于自身固定大小。（但是当你给父容器最小宽高的时候，你的子元素还...
2020-02-29 11:33:10
1856
原创 CSS中的相对定位，绝对定位
定位是我们做一个网页的时候经常用到的，有时候会用到相对定位，有时候会用到绝对定位，有时候会用到固定定位。最最开始我刚接触定位的时候，我就学的不是很明白，在这里我打算好好写一下css定位，方便我在记忆一遍，顺便将来忘记的时候方便我回忆。相对定位 相对定位就是针对元素本身的位置进行偏移，比如原本元素在页面中间，你给他相对定位，并给了左偏移量为100px的话，他就会向当前位置的右边偏移100px...
2020-02-21 22:18:20
173
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人