- 博客(64)
- 收藏
- 关注
原创 记录 vue3 webpack 使用 iframe 遇到的坑
我尝试用Vue3写一个自己的主页,把常用的功能集中到主页中,如下图后发现一个好玩的东西,js实现的在网页底部出现鱼和波浪,如下图,就像想也放到自己的主页中,搜索后发现可以在Vue中用iframe标签直接引入,遂开始尝试。获取链接如下,有需要可以尝试。
2023-06-05 14:27:28 949
原创 Vue2中ant-design-vue modal中使用tinymce富文本框二次打开后渲染失败
在Vue2中使用ant-design-vue的modal,刷新页面,第一次打开时正常,如下图。然后再切换回tinymce所在页面,打开modal后,tinymce渲染出现问题,如下图。当切换到其他页面(也有可能有其他触发BUG的方式,但目前只发现这种),如下图。打开modal设置为true,关闭modal设置为false。加上v-if判断条件。
2023-01-11 14:45:43 1049
原创 ant-design-vue全局改变尺寸size
ant-design-vue中像如图的按钮、输入框、选择框,需要使用的size为small,而其他组件则保持不变。
2023-01-09 17:47:40 2069 2
原创 echarts resize方法重新绘制后的宽高不正确
动画效果使得页面元素的宽高改变有延迟,导致resize方法的调用在页面元素宽高改变前。确保resize方法的调用在所有相关元素的宽高改变后。
2022-08-31 12:24:30 1574 1
原创 Vue3+TypeScript template中使用$store报错
问题描述:Vue3 + TypeScript 中在template会报找不到"$store"的警告我使用的解决方法:在 src/shims-vue.d.ts 文件中加入 declare let $store: anyStack Overflow:Stack Overflow 中类似问题的文章
2022-02-10 11:31:44 2371 9
原创 Vue中父组件控制子组件展示不同页面
需求:子组件中需要在“登录”、“忘记密码”、“注册”这三个不同的界面中进行切换,同时需要在父组件中通过“登录”、“注册”展示子组件中对应的“登录”、“注册”界面分析:子组件中的三个界面切换是容易的,这里我是写在同一个组件中,通过 v-if + 监听按钮点击后更改data中对应的变量值 即可实现,接下来需要处理的就是通过父组件展示子组件中对应的页面。根据子组件中界面的实现方式,只需要通过父组件控制或更改子组件中页面v-if对应绑定的变量值。<DialogLogin v-if="DialogLo..
2021-04-29 15:22:51 1214 1
原创 浏览器纵向滚动条导致横向滚动条的出现及多出一段宽度
浏览器元素高度超出视口高度时,出现横向滚动条,并在宽度上多出一段距离原因是: 出现的纵向滚动条也会占据浏览器视口的宽度,多出的那一段宽度就是纵向滚动条的宽度例如下图我这里导致的原因:CSS初始化文件中写死了宽度,导致当出现纵向滚动条时,原来在纵向滚动条出现的位置的像素被遮盖...
2020-09-25 16:44:59 4174 5
原创 redux的基本使用(hook)
目录redux基本使用网络请求使用 redux hookredux基本使用首先,安装reduxyarn add redux react-redux redux-thunk在store文件夹下创建index.js文件,用于创建store对象// store/index.jsimport { createStore } from 'redux'const store = createStore()createStore()有2个参数,第一个参数是reducer,在实际项目中,大量的数据必
2020-09-09 17:35:24 1963
原创 自定义 redux & react-redux
目录自定义 redux & react-reduxreduxreact-redux自定义 redux & react-reduxredux/*redux模块:对象1). redux模块整体是一个对象模块2). 内部包含几个函数 createStore(reducer) 接收一个reducer函数,返回一个store对象 使用:createStore(reducer) combineReducers() 接收一个包含多个reducer函数的对象,返回一个新的
2020-09-09 17:31:39 167
原创 redux的使用(逐渐完善、非hook)
redux使用示例(逐渐完善、非hook)不用 redux// index.jsimport React from 'react'import ReactDOM from 'react-dom'import App from './components/app'ReactDOM.render(<App/>, document.getElementById('root'))// components/app.jsximport React, {Component} from '
2020-09-09 17:29:40 227
原创 Vue 数据与页面更新不同步
Vue文档原文:因此,以下给data中的对象进行直接赋值的做法就会导致数据与页面不同步:<van-grid-item v-for="(item, index) in img" :key="index" @click="click(item)" > <van-image :src="item.img" /> <div class="mask" v-if="item.checked" > <img class="quan" src="~assets
2020-08-26 14:51:27 1243
原创 Vue中v-for动态遍历本地图片
Vue中v-for动态遍历本地图片方法:data中使用如下键值对的方式存储图片路径:使用v-for进行遍历:
2020-08-21 14:46:32 8499 1
原创 前端面试题
来源:尚硅谷公开视频目录面试题1、作用域2、值类型和引用类型的传递3、封装函数进行字符串驼峰命名的转换4、冒泡排序5、反转数组6、数组元素去重7、1物理像素8、元素水平垂直居中9、CSS实现三角形10、移动端rem适配11、背景图片距离12、JS综合面试题13、节流和防抖14、跨域15、node.js事件轮询机制16、从url输入网址17、闭包18、变量提升 和 执行上下文19、宏任务 & 微任务20、React vs Vue21、Redux管理状态的机制22、Vue组件间通信方式23、Vuex管
2020-07-16 11:38:22 757
原创 ES5~11
目录ES5严格模式JSON对象Object(对象)扩展Object.createObject.defineProperties对象本身的两个方法Array(数组)扩展Function(函数)扩展ES6let & const 关键字解构赋值模板字符串对象的简写方式箭头函数形参默认值rest参数扩展运算符Promise对象Symbol属性iterator接口机制Generator函数Class类字符串方法扩展数值方法扩展数组方法扩展对象方法扩展深度克隆Set 容器Map 容器for of 遍历ES7**
2020-07-14 18:05:07 456
原创 Promise 笔记
目录Promise函数对象与实例对象二种类型的回调函数常见的内置错误错误的处理(捕获与抛出)如何使用PromisePromise的理解Promise的基本使用链式调用的简写三种状态相关APIall 和 race 方法关键问题async & awaitasyncawaitJS异步之宏队列与微队列面试题Promise函数对象与实例对象实例对象: new 函数产生的对象, 称为实例对象, 简称为对象函数对象: 将函数作为对象使用(操作属性或方法)时, 简称为函数一般来说,括号左边是函数,点的
2020-07-13 13:48:08 261
原创 webpack学习笔记
2020-7-13尚硅谷webpack公开课的学习笔记目录webpack4初体验5个核心概念EntryOutputLoaderPluginsMode开发环境配置基本配置文件打包样式资源打包HTML资源打包图片资源打包其他资源devserver总:开发环境的基本配置生产环境配置问题提取CSS成单独文件CSS兼容性处理压缩CSSJS语法检查JS兼容性处理JS的压缩HTML的压缩总:生产环境的基本配置性能优化配置开发环境优化HMRsource-map生产环境优化优化打包构建速度oneOf缓存多进程打包exte
2020-07-13 11:47:45 301
原创 Git 笔记
2020-6-28这份笔记我是现在typora完成的,复制到CSDN上可能有些版面的错位。目录参考来源Git.git文件.gitignoreGit 的特点Git 的流程3个对象git对象树对象提交对象3个区域工作区暂存区版本库分支坑快进合并 和 典型合并分支的本质分支的原理stash 存储远程跟踪分支 & 远程分支pull request实际中常用的命令基本使用分支stash 存储重命名比较3个区域删除操作撤销 / 版本回退远程仓库tag历史记录参考来源廖雪峰 Git尚硅谷达姆老师 Gi
2020-06-28 14:49:34 308
原创 JavaScript中的this的指向
目录主要的参考来源this为什么要使用thisthis的绑定规则默认绑定隐式绑定隐式丢失显示绑定call、apply、bindJS API 的内置函数new绑定规则优先级this的特殊情况忽略显示绑定间接函数引用ES6箭头函数this面试题面试题一面试题二面试题三面试题四主要的参考来源王红元/coderwhy老师的this讲解。然后根据自己的实际情况做了一些调整和增删改。this为什么要使用thisJavaScript 中的 this 比常见的面向对象编程语言中的 this 更为灵活。this
2020-06-14 22:09:52 348
原创 如何关闭谷歌浏览器Software Reporter Tool进程
Software Reporter Tool是一个Chrome清理工具,用于清理谷歌浏览器中不必要或恶意的扩展,应用程序,劫持开始页面等等。当你安装Chrome时,Software_reporter_tool.exe就会被下载在SwReporter文件夹下的Chrome应用数据文件夹中。如何关闭任务管理器,在进程运行时右键打开所在文件夹,或自己手动在谷歌浏览器文件夹中找到,C:\Users\321\AppData\Local\Google\Chrome\User Data\SwReporter\83.
2020-06-09 22:28:38 1815
原创 成年了还能长高吗?
绪运动睡眠营养习惯其他很多人都问我:成年后还能长高吗?骨骼线闭合了还能长高吗?我今年××岁,身高××…还能长高吗,该怎么长高?…先说是不是,再问为什么。我的回答是 能长高 !,为什么?因为我自己就这么确确实实长高,写这篇只为了让那些后悔小时候没意识到身高而成年后失去自然长高的机会却又想再长高一点的朋友借鉴一下。这篇所有的观点与建议都是我个人的亲身经历,可能是个例情况,仅代表个人观点,请自...
2019-08-19 10:48:58 9853 2
原创 前端H5 学习笔记 - 目录
HTML基础:https://blog.csdn.net/earthOLtainanwan/article/details/97611576CSS基础:https://blog.csdn.net/earthOLtainanwan/article/details/97613265CSS 2.1:https://blog.csdn.net/earthOLtainanwan/article/deta...
2019-08-06 14:11:19 362
原创 CSS Diner 选择器练习
地址:http://flukeout.github.io/答案:01. plate02. bento 03. #fancy 04. plate apple 05. #fancy pickle 06. apple.small 07. orange.small 08. bento orange.small 09. plate , bento 10. * 11...
2019-07-28 13:31:00 1337
原创 尚硅谷_HTML基础 笔记
目录HTML基本格式HTML注释标签的属性HTML基本格式<html> /* html为根标签 */ <head> /* head中的内容不会显示在网页上,是用来帮助浏览器解析页面的 */ <title> /* title中的内容显示网页的标题,搜索引擎在检索页面时,会首先检索title标题中的内容,并影响排名 */ </title>...
2019-07-28 12:22:57 340
原创 我的读书笔记 -《人类动物园》
2019-7-27这是裸猿三部曲的第二部“《人类动物园》讲现代人的困境及其出路,态度乐观积极令人鼓舞。近代以后人类社群不再是人人熟悉的小型部落,也不再是鸡犬之声相闻的小国寡民,而是人口爆炸的超大型部落。莫利斯把现代人称为超级部落人,将其比作动物园里的圈养动物。这个比喻生动传神,深刻揭示了现代人尤其是现代都市人的困境:人口过剩、过分拥挤的生存空间与人的生物学特征严重相悖,造成过分的压力、过多的...
2019-07-26 19:34:42 2240
原创 我的读书笔记 - 《暗时间》
2019-7-24目录第一篇暗时间设计你自己的进度条如何有效地记忆与学习学习密度与专注力一直以来伴随我的一些学习习惯我在南大的七年第二篇逃出你的肖申克书写是为了更好地思考为什么你从现在开始就应该写博客我不想与我不能遇到问题为什么应该自己动手什么才是你的不可替代性和核心竞争力第三篇跟波利亚学解题锤子和钉子鱼是最后一个看到水的知其所以然为什么有必要知其所以然康托尔、哥德尔、图灵 —— 永恒的金色对...
2019-07-23 16:08:54 576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人