![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端 H5
文章平均质量分 54
地球OL太难玩
地球OL这个游戏挺难玩的。
展开
-
记录 vue3 webpack 使用 iframe 遇到的坑
我尝试用Vue3写一个自己的主页,把常用的功能集中到主页中,如下图后发现一个好玩的东西,js实现的在网页底部出现鱼和波浪,如下图,就像想也放到自己的主页中,搜索后发现可以在Vue中用iframe标签直接引入,遂开始尝试。获取链接如下,有需要可以尝试。原创 2023-06-05 14:27:28 · 890 阅读 · 0 评论 -
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 · 1011 阅读 · 0 评论 -
ant-design-vue全局改变尺寸size
ant-design-vue中像如图的按钮、输入框、选择框,需要使用的size为small,而其他组件则保持不变。原创 2023-01-09 17:47:40 · 1885 阅读 · 2 评论 -
echarts resize方法重新绘制后的宽高不正确
动画效果使得页面元素的宽高改变有延迟,导致resize方法的调用在页面元素宽高改变前。确保resize方法的调用在所有相关元素的宽高改变后。原创 2022-08-31 12:24:30 · 1484 阅读 · 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 · 2321 阅读 · 9 评论 -
Vue中父组件控制子组件展示不同页面
需求:子组件中需要在“登录”、“忘记密码”、“注册”这三个不同的界面中进行切换,同时需要在父组件中通过“登录”、“注册”展示子组件中对应的“登录”、“注册”界面分析:子组件中的三个界面切换是容易的,这里我是写在同一个组件中,通过 v-if + 监听按钮点击后更改data中对应的变量值 即可实现,接下来需要处理的就是通过父组件展示子组件中对应的页面。根据子组件中界面的实现方式,只需要通过父组件控制或更改子组件中页面v-if对应绑定的变量值。<DialogLogin v-if="DialogLo..原创 2021-04-29 15:22:51 · 1188 阅读 · 1 评论 -
浏览器纵向滚动条导致横向滚动条的出现及多出一段宽度
浏览器元素高度超出视口高度时,出现横向滚动条,并在宽度上多出一段距离原因是: 出现的纵向滚动条也会占据浏览器视口的宽度,多出的那一段宽度就是纵向滚动条的宽度例如下图我这里导致的原因:CSS初始化文件中写死了宽度,导致当出现纵向滚动条时,原来在纵向滚动条出现的位置的像素被遮盖...原创 2020-09-25 16:44:59 · 4009 阅读 · 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 · 1904 阅读 · 0 评论 -
自定义 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 · 147 阅读 · 0 评论 -
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 · 213 阅读 · 0 评论 -
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 · 1220 阅读 · 0 评论 -
Vue中v-for动态遍历本地图片
Vue中v-for动态遍历本地图片方法:data中使用如下键值对的方式存储图片路径:使用v-for进行遍历:原创 2020-08-21 14:46:32 · 8352 阅读 · 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 · 338 阅读 · 0 评论 -
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 · 433 阅读 · 0 评论 -
Promise 笔记
目录Promise函数对象与实例对象二种类型的回调函数常见的内置错误错误的处理(捕获与抛出)如何使用PromisePromise的理解Promise的基本使用链式调用的简写三种状态相关APIall 和 race 方法关键问题async & awaitasyncawaitJS异步之宏队列与微队列面试题Promise函数对象与实例对象实例对象: new 函数产生的对象, 称为实例对象, 简称为对象函数对象: 将函数作为对象使用(操作属性或方法)时, 简称为函数一般来说,括号左边是函数,点的原创 2020-07-13 13:48:08 · 244 阅读 · 0 评论 -
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 · 284 阅读 · 0 评论 -
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 · 294 阅读 · 0 评论 -
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 · 332 阅读 · 0 评论 -
尚硅谷_HTML5 移动端 项目实战 笔记(未完)
目录原创 2019-10-02 23:23:47 · 862 阅读 · 0 评论 -
尚硅谷_JS模块化 笔记
目录原创 2019-08-25 23:01:57 · 632 阅读 · 0 评论 -
尚硅谷_JS基础 笔记
目录原创 2019-07-31 14:39:35 · 2173 阅读 · 0 评论 -
尚硅谷_HTML5 核心 实战 笔记
目录原创 2019-09-07 22:29:25 · 1367 阅读 · 0 评论 -
史上最全的CSS hack方式一览
来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》转载 2019-08-08 10:54:07 · 448 阅读 · 0 评论 -
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 · 1316 阅读 · 0 评论 -
尚硅谷_CSS基础 笔记
目录原创 2019-07-28 16:20:32 · 498 阅读 · 0 评论 -
尚硅谷_JS高级 笔记
目录原创 2019-07-31 18:30:55 · 1993 阅读 · 1 评论 -
各浏览器的鼠标滚轮事件
2019-7-11之前看尚硅谷李立超的JS基础,发现其中的鼠标滚轮时间与现在的有一些出入。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box...原创 2019-07-11 14:32:38 · 1357 阅读 · 0 评论 -
尚硅谷_CSS2.1 笔记
目录原创 2019-08-06 10:45:02 · 405 阅读 · 0 评论 -
尚硅谷_HTML5 核心 笔记
目录原创 2019-08-26 09:54:14 · 971 阅读 · 0 评论 -
尚硅谷_HTML基础 笔记
目录HTML基本格式HTML注释标签的属性HTML基本格式<html> /* html为根标签 */ <head> /* head中的内容不会显示在网页上,是用来帮助浏览器解析页面的 */ <title> /* title中的内容显示网页的标题,搜索引擎在检索页面时,会首先检索title标题中的内容,并影响排名 */ </title>...原创 2019-07-28 12:22:57 · 329 阅读 · 0 评论 -
尚硅谷_Less 笔记
目录原创 2019-08-31 15:48:25 · 414 阅读 · 0 评论 -
尚硅谷_ES5_6_7 笔记
ECMAScript入门介绍原创 2019-08-21 22:16:32 · 417 阅读 · 0 评论 -
尚硅谷_HTML5 移动端 基础 笔记
目录原创 2019-08-23 22:15:54 · 682 阅读 · 0 评论 -
CSS3 animation-timing-function 中关于steps的坑
1原创 2019-08-14 14:13:24 · 708 阅读 · 0 评论 -
尚硅谷_CSS3 笔记
目录原创 2019-08-10 09:55:49 · 1548 阅读 · 0 评论 -
前端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 · 345 阅读 · 0 评论 -
HBuilder如何添加新的浏览器
方法一:原创 2019-07-11 15:17:50 · 4921 阅读 · 1 评论