![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前段
文章平均质量分 56
木一叶liuyue
fighting
展开
-
找到的games101
games101链接 1-15不是很详细1-6 主人公语气1-16原创 2022-12-24 18:57:13 · 226 阅读 · 1 评论 -
pdf.worker.js找不到的错误
最终在下面的目录下新建一个es5文件夹,并将legacy中的三个文件夹内容复制过来。网上的资料一直都是更换版本。但是无效,一直找不到,原创 2022-12-20 18:19:00 · 1073 阅读 · 0 评论 -
html-css 自适应布局webkit-box的用
自适应布局原创 2022-09-26 17:56:18 · 900 阅读 · 0 评论 -
后端一次返回过多数据,前端应该如何优化处理?
一个简单的优化方法是对数据进行分页。假设每个页面都有limit记录,那么数据可以分为Math.ceil(total/limit)个页面。之后,我们可以使用 setTimeout 顺序渲染页面,一次只渲染一个页面。一次渲染 100,000 条记录大约需要 12 秒,这显然是不可取的。创建一个server.js。然后新建一个html和js。cmd 所在目录,启动。原创 2022-09-06 17:34:46 · 1661 阅读 · 0 评论 -
当父组件的对象值发生改变的时候,子组件没有重新进行渲染?
当在页面使用子组件时,页面进行渲染时,子组件已经进行渲染,所以会出现当父组件的值进行修改时,子组件没有重新渲染。一般来说,父子组件传值,当父组件值变化时子组件的值也会实时变化,子组件使用prop接收数据。原创 2022-09-04 21:13:44 · 2372 阅读 · 0 评论 -
关于echarts
【代码】关于echarts。原创 2022-09-02 22:01:51 · 79 阅读 · 0 评论 -
ES6笔记补充
阅读码:d86303440414 修改码:suqpRe/BAdGDs。原创 2022-08-10 23:08:37 · 99 阅读 · 0 评论 -
GIT命令
git push -u origin +推送分支名(将子分支推送到origin仓库里)因为是第一次推送:所以用git push不行,要用下面的命令。git checkout +分支名(如果不在,切换分支)将远端仓库拉取(映射)到本地。假设项目地址为test。删除本地分支(常用),假设分支为test。git branch(查看在哪个分支)假设远端分支为test。查看本地与上一次暂存区的差异。将本地分支推送到码云。必须要在当前的子分支。...原创 2022-08-09 17:10:24 · 2338 阅读 · 0 评论 -
微信小程序
xiaochengxu2原创 2022-07-21 23:11:41 · 219 阅读 · 0 评论 -
尚品汇项目搭建
文章目录一、基础配置一些问题一、基础配置2.1 项目运行自动打开浏览器,在package.json文件中这段代码的serve后面加上 --open"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },2.2eslint校验工具关闭eslint:检原创 2022-05-29 21:32:28 · 1309 阅读 · 0 评论 -
webpack1
1.基本使用Webpack 是一个静态资源打包工具。它会以一个或多个文件作为打包的入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去。输出的文件就是编译好的文件,就可以在浏览器段运行了。我们将 Webpack 输出的文件叫做 bundle。功能介绍Webpack 本身功能是有限的:开发模式:仅能编译 JS 中的 ES Module 语法生产模式:能编译 JS 中的 ES Module 语法,还能压缩 JS 代码开始使用1. 资源目录webpack_code # 项目根目录原创 2022-05-26 17:46:02 · 299 阅读 · 0 评论 -
Vue学习5
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Vue UI组件库移动端常用UI组件库PC端常用UI组件库element-ui基本使用babel.config.jsmain.jsApp.vueVue UI组件库移动端常用UI组件库PC端常用UI组件库ElementUIIView UIelement-ui基本使用首先下载npm i element-ui (具体可以在官网的组件–快速上手中查看)main.js缺点,体积过大import Vue from 'vue.原创 2022-05-17 17:25:30 · 287 阅读 · 0 评论 -
vue学习4
文章目录配置代理配置代理npm i axiosimport axios from 'axios'原创 2022-05-11 12:38:44 · 458 阅读 · 0 评论 -
一些安装的东西
node.js安装地址http://nodejs.cn/download/安装视频https://www.bilibili.com/video/BV1WC4y1b78y?p=7然后安装Vue脚手架 教程地址````https://www.bilibili.com/video/BV1Zy4y1K7SH?p=61```脚手架使用时候的代码点击目录中的脚手架安装成功后记得关闭语法检查 查找地址...原创 2022-05-07 23:04:01 · 249 阅读 · 0 评论 -
Vue学习3
组件化编程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen原创 2022-04-30 21:31:33 · 841 阅读 · 0 评论 -
Vue学习2
key作用域与原理react、vue中的key有什么作用?(key的内部原理)虚拟DOM中key的作用:key是虚拟DOM中对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下:对比规则:旧虚拟DOM中找到了与新虚拟DOM相同的key:若虚拟DOM中内容没变, 直接使用之前的真实DOM若虚拟DOM中内容变了, 则生成新的真实DOM,随后替换掉页面中之前的真实DOM旧虚拟DO原创 2022-04-25 21:53:05 · 1312 阅读 · 0 评论 -
VUE学习
Vue核心1.1Vue简介每一个模块一个vue组件,每一个vue都有html+css+js命令式编码,一步一步,傻瓜式做法声明式,心有灵犀,熟悉之后多了一步,虚拟dom,处理变化的数据(diff算法进行比较 ,复用已经存在的数据).........原创 2022-04-22 22:04:09 · 1984 阅读 · 0 评论 -
Ajax总结
添加链接描述原创 2022-04-19 16:50:08 · 277 阅读 · 0 评论 -
js高级--
执行上下文与执行上下文栈变量提升与函数提升1.变量的声明提升通过var定义(声明)的变量,在定义语句之前就可以访问到,值为:undefined2.函数声明提升通过function声明的函数,在之前就可以直接调用,值为:函数定义(对象)3.问题:变量提升和函数提升是如何产生的?<script> /* 面试题 */ // 输出a的值 var a = 3; function fn(){ co原创 2022-04-06 09:43:17 · 564 阅读 · 0 评论 -
js编写的一些技巧
1.添加属性时,可以通过对象[属性名]=属性值, 属性名可以是变量2.test函数来判断某个str中是否有与 RegExpObject 匹配的文本test函数 w3school原创 2022-03-30 16:14:13 · 217 阅读 · 0 评论 -
js基础7 增加删除替换类/二级菜单
增加删除替换类<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2022-03-29 16:24:34 · 1210 阅读 · 0 评论 -
js基础6 Navigator/history/location/定时器简介/定时器贪吃蛇/切换图片/移动函数/tool.js轮播图
Navigator<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-03-27 17:21:10 · 501 阅读 · 0 评论 -
js基础5 事件的传播/拖拽/键盘事件/div移动
事件的传播事件的传播关于事件的传播网景公司和微软公司有不同的理解 微软公司认为事件应该是由内向外传播,也就是当事件触发时,应该先触发当前元素上的事件,然后再向当前元素的祖先元素上传播,也就说事件应该在冒泡阶段执行。 网景公司认为事件应该是由外向内传播的,也就是当前事件触发时,应该先触发当前元素的最外层的祖先元素的事件,然后在向内传播给后代元素。W3C综合了两个公司的方案,将事件传播分成了三个阶段:1.捕获阶段:在捕获阶段时从最外层的祖先元素,向目标元素进行事件的捕获,但是默认此时不会触发原创 2022-03-26 17:14:32 · 806 阅读 · 0 评论 -
js基础4 使用dom操作/getStyle/scrollHeight/协议滚动禁用例子/div随鼠标移动/冒泡/事件的委派/事件的绑定
图片切换的练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2022-03-22 21:18:49 · 297 阅读 · 0 评论 -
js基础3 dom基础/绑定获取事件/图片切换练习/文档加载/全选全不选/dom的其他属性/dom的增加/添加删除练习
dom基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2022-03-22 16:56:54 · 588 阅读 · 0 评论 -
js基础2 if练习/
if练习1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2022-03-20 16:44:45 · 335 阅读 · 0 评论 -
js基础 1
编写位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2022-03-19 17:18:27 · 139 阅读 · 0 评论 -
html-css 15媒体查询 美图的导航条
媒体查询<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g原创 2022-03-18 11:13:30 · 528 阅读 · 0 评论 -
html-css 14 像素/视口 vw
像素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2022-03-16 19:48:16 · 478 阅读 · 0 评论 -
html-css13 flex弹性盒 W3school导航条另一种写法 淘宝的导航条
flex弹性盒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2022-03-15 20:39:38 · 1125 阅读 · 0 评论 -
html-css12 less 父元素 扩展 混合函数 /less与Css的位置
less<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g原创 2022-03-14 21:42:02 · 645 阅读 · 0 评论 -
html-css11 表的预备知识&钟表&正方体旋转& 缩放&变形位置
表的预备知识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2022-03-14 12:44:54 · 200 阅读 · 0 评论 -
设计套路--
` 1.可以设计一个公共类放在base.css,将浮动写在公共类中。2.怎么确保在一个li中的a,整个li都能点击,写display:block;为了让超链接能够设置宽度和高度,还需要写content:‘’3.伪元素必须设置content属性啊,不然伪元素是不会显示的,不想设置content的内容,就将该属性设置为‘’4.文字 图标水平居中tezt-align:center; 竖直居中:line-height: 宽度值让图片居中,可以设置具体的margin值5.当下拉框难以选中,查看元素的时候原创 2022-03-09 21:47:08 · 93 阅读 · 0 评论 -
html-css10 过渡/米兔练习/动画/动画练习/小球动画/平移和小米移动图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-09-15 20:57:59 · 488 阅读 · 0 评论 -
html-css9表格(边框)表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-08-15 23:23:47 · 191 阅读 · 0 评论 -
html-css8 背景特性/链接点击移入/雪碧图/渐变/果冻泡泡渐变动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-08-11 23:41:50 · 252 阅读 · 0 评论 -
html-css7 定位/水平和垂直方向属性/元素层级/图标字体库/字体设置和样式/水平垂直对齐/文本修饰及省略号
定位(position)-定位是一种更加高级的布局手段-通过定位可以将元素摆放到页面的任意位置-取值: static 默认值,元素静止就是没有开启定位 relative 开启元素的相对定位 absolute 开启绝对定位 fixed 开启元素的固定定位 sticky 开启元素的粘滞定位相对定位:需要设置元素的偏移量,否则不会发生任何的变化 一定要先开启定位,再设置偏移量 偏移量(offs原创 2021-08-04 17:28:05 · 434 阅读 · 0 评论 -
html-css6 盒子的大小/阴影/圆角和圆/浮动/高度塌陷/clear/clearfix
盒子的大小计算阴影圆角和圆浮动原创 2021-08-01 16:41:55 · 242 阅读 · 0 评论 -
练习(京东图片,导航左侧,网易列表,3school导航条,京东轮播图/电影卡片)
图片列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-07-31 21:42:48 · 252 阅读 · 0 评论 -
html-css4 重置样式表
/*公共样式--开始*/html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}*{box-sizing: border-box;}html, body { min-height: 100%;}body { font-family: "Microsoft Ya原创 2021-07-31 17:04:03 · 101 阅读 · 0 评论