自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 报错解决方案 Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

Vue 报错解决方案

2022-09-25 13:10:29 725

原创 什么是类 实例

类、实例

2022-09-20 22:24:34 2087 1

原创 面试问题 2022.6.14

面试题目

2022-06-14 10:37:45 134

原创 resume questions

1. 先自我介绍了一下2.介绍一下自己做过的项目用到哪些技术和栈3. 讲下js数据基本类型4. 介绍下ES6有哪些新方法5.讲下var,let,const的区别(const定义的对象,里面的属性可以更改吗?是可以的.因为const指针指向的地址不可以变化,指向地址的内容可以变化。)9. vue的生命周期。什么时候用到bedforeDestory?10.什么是跨域?11.地址栏输入地址回车直到渲染的整个过程(详细讲下页面渲染过程)12.组件之间如何通信13.key的作用(.

2022-05-31 17:01:05 115

原创 JavaScript 访问对象属性和方法及区别

属性:表示一个对象的特征,如颜色、大小、重量等;方法是一个函数,用来表示对象的操作,如奔跑、呼吸、跳跃等。使用“.”来访问对象属性例子:function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.age=22; // 定义一个属性 age this.say=function(){ // 定义一个方法 say() return "嗨

2022-05-30 16:39:32 110

原创 布局练习-2022.5.16

<!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-05-16 21:56:57 76

原创 表格大屏调整

<template> <div class="wrapper"> <table> <thead> <tr> <th v-for="(item, index) in tableData.thList" :key="index"> <div>第{{ index + 1 }}项</div> <...

2022-05-11 23:45:41 124

原创 ul li 里面的li 重叠解决方案-布局学习

重点 margin 可以设置负值 效果是覆盖margin 设置4个值的顺序是 上右下左如果是3个值,代表 上 左右 下border 里面的1px 对应margin 里面设置的-1px没设置margin 之前的图

2022-05-10 10:46:42 1144

原创 不同的布局demo

重点在body html container 分别设置宽高 100%

2022-05-09 18:28:08 58

原创 伪类展开收缩

<!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"> <script src="js...

2022-05-04 21:26:05 84

原创 可能用得到的2个CSS 并列 下面居中-2022.4.26

<style> .container { overflow: hidden; } .first-text { display: inline-block; } .first-picture { display: inline-block; } .outside { display: flex; justify-conten...

2022-04-26 21:36:21 284

原创 第2张图Echarts-html

content.html------------------------------------------------------------------------------------------------<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

2022-04-23 22:07:27 1024

原创 第2张图Echarts-css

css1.reset.css2.style.css3.swiper.min.css---------------------------------------------------------------------------------------------------------1./*** Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)* http://cs.

2022-04-23 22:02:17 160

原创 自己写的,写好啦 Echarts

<!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"> <titl...

2022-04-23 20:32:27 95

原创 CSS 均分2个div 使2个div在1行

main.html<!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"&gt...

2022-04-23 11:01:35 666

原创 12334566

12335662245

2022-04-22 12:38:33 70

原创 数据分析处理-疑难杂症

varprovince=[{name:"北京市",city:[{name:"北京市1",districtAndCounty:["东城区","西城区","崇文区","宣武区","朝阳区","丰台区","石景山区","海淀区","门头沟区","房山区","通州区","顺义区","昌平区","大兴区","怀柔区","平谷区","密云县","延庆县","延庆镇"]...

2022-04-21 15:35:27 159

原创 查询按钮格式修改

目标效果,改成第一个请选择那样.sel_province{/*appearance:none;*//*//去掉右边下拉小箭头*/border:0none;/*去除4边边框*/}

2022-04-20 11:33:52 86

原创 CSS 水平垂直居中

1.flex 布局对父体进行flex 布局2. div 绝对定位+margin:auto3. flex 布局+margin--------------------------------------------------------------------------------------------------------------1. 父亲flex 布局2. son 自己居中3.4. 子绝父相+平移...

2022-04-18 17:18:32 74

原创 CSS margin 用法

总结:上 右 下 左的顺序使用margin简化写法注意事项: 如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。 如果只提供一个,将用于全部的四边。 如果提供两个,第一个用于上、下,第二个用于左、右。 如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。 ...

2022-04-18 11:04:01 490

原创 展开收缩功能 CSS html CSS

效果图<!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-04-17 18:24:55 2195

原创 CSS 子代选择器和后代选择器

1. 有2种表达方式.div>li.div li2种代码的运行结果如下第一种 CSS html .div>li第2种总结:第一种>是子选择器第二种 带空格的是后代选择器区别 顾名思义, 子选择器只选择子代,后代选择器就是子,孙都选择...

2022-04-15 00:02:39 2257

原创 CSS-2个div在一行 之后清除浮动

html css 如下要注意的点1.让div_1 和div_2 在一行的方法是有2种。1是变成inline-block,第2种是这两个div都float:left.2.问题是float:left 之后,div_1和div_2都在一行了,如果下面有个div_3,那么这个div_3会跑上去和div_1,div_2在一行,所以百度查到 将div_1和div_2 用一个父盒子包起来,对父盒子清除浮动,使用 overflow:hidden 那么得到的效果如下...

2022-04-14 22:27:37 180

原创 向表格里面添加数据 原生js

CSShtmljs代码复制如下CSS<style>table{width:800px;border:1pxsolid#333;border-collapse:collapse;text-align:center;}th,tr,td{border:1pxsolid#333;}...

2022-04-13 16:59:48 442

原创 通过按钮展开收起下拉菜单

<body> <div> <button id="zk">+</button> <button id="sq">-</button> </div> <!-- <div id='pull' class="drop"> --> <ul id="list"> <li>123</li...

2022-04-11 22:45:53 337

原创 静态页面收获 官网页面 css px

1.垂直居中对齐控制父元素这3个属性就行注意一定要记得引入CSS子绝父相父亲 position:relative子 position:absolutetop:25px(测量的top值)子绝父相效果图如下如果不用子绝父相直接给子元素设置margin-top值,那么效果是这样的"./": 表示当前目录"../": 表示父级目录"/" : 表示根目录LOGO 优化1.先放h1 告诉浏览器这很重要2.Logo里面要添加链接,..

2022-04-10 19:01:30 54

原创 第一天入职前端环境配置

1.浏览器 谷歌2.编辑器 Vscode3.node.js4.代码版本控制器 gitnode -vnpm -v全局安装vue-cli安装命令 cnpm install -global vue-clivue 脚手架是否安装好的命令 vue -vvue init webpack 项目名称

2022-03-31 21:22:39 1634

原创 uniapp-小程序学习2-TabBar-

常见功能下拉刷新:"enablePullDownRefresh": true下拉Loading 样式 仅支持dark/lightbackgroundTextStyle:'dark'

2022-03-27 21:05:07 56

原创 Uniapp-小程序学习1-2022.3.27

1.安装hbuilderX2.安装微信开发者工具在HB 里面新建项目hello-unia在HB里面运行项目注意,微信开发者程序里面点击设置---->安全设置打开端口就可以在这里面跑起来了

2022-03-27 16:39:43 60

原创 关于axios

api统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.通常我们的项目会越做越大,页面也会越来越多,如果页面非常的少,直接用axios也没有什么大的影响,那页面组件多了起来,上百个接口呢,这个时候后端改了接口,多加了一个参数什么的呢?那就只有找到那个页面,进去修改.整个过程很繁琐不易于项目的维护和迭代.安装axiosnpm install --save axiosSrc下新建一个文件夹apiapi 下新建一个文件requests.js以下是requests.js中所有代码

2022-03-20 16:27:21 842

原创 富文本编译器

官网地址:基本使用 · wangEditor 用户文档基本使用1.npm 安装 npm i wangeditor --save 或者CDN 链接 https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js使用 npm 安装import E from 'wangeditor'const editor = new E('#div1')// 或者 const editor = new E( documen

2022-03-19 13:10:21 106

原创 组件传值 Vue

1.父传子2.子改变父3.兄弟组件4.vuex5.provide inject一,父传子,具体用法创建一个父组件 Father.vue创建一个子组件 Children.vue将子组件注册引入到父组件在父组件里面定义一个data count:1接着在子组件因为他们都是在pages 下面首页显示,引入就可以展示出来了父组件向子组件传值成功总结一下:子组件在props中创建一个属性,用以接收父组件传过来的值 父组件中注册子组件..

2022-03-17 20:38:21 39

原创 项目细节容易遇到的坑-less ElementUI icon

1.用lang ='less' 需要执行命令npm install --save-dev less-loader less容易版本号过高的坑报错解决办法npm install style-loader@5.0.0 --save-devnpm install less-loader@1.0.0 --save-dev降低版本号2.ElementUI 使用ElementUI 是提前封装好的UI模板1.1先在Vue 环境中安装1.2 有2种安装方式(官方文档)第一

2022-03-16 11:22:24 1067

原创 浏览器渲染模型

请说出,从用户在浏览器地址输入网址到整个页面中间都发生了什么?进程 process 线程 thread 栈内存 stack有些进程远不止同时做一件事,要同时做多件事,就需要同时运行多个子任务,把线程内的这些子任务称为线程。1.浏览器渲染页面的机制和原理客户端输入浏览器request 请求阶段 DNS解析 TCP协议三次握手四次挥手Response响应阶段 http 状态码 304缓存 http报文响应状态拿到代码后:浏览器在内存条中开辟出一块栈内存用来给代码提供执行环境,同时会分

2022-03-14 20:23:10 630

原创 同步和异步

1.同步就是后一个任务等待前一个任务 完毕后再执行,执行顺序和排列顺序一致2.异步。非阻塞的,主逻辑不需要等待异步逻辑完成,而是可以立即继续下去。解决方案1. promise参数 resolve,reject状态 pending fulfilled rejectedpromise.then (函数)catch(函数)promise.all([p1,p2])成功是返回一个数组 ['成功了','success'],失败了打出失败2.async await3.宏任务、微任务

2022-03-14 16:31:24 240

原创 Vue 跨域设置代理

vue-cli2/vue-cli3使用vue --version 查看 vue-cli 版本 选择不同版本的解决方案1. vue-cli2 找到config 文件夹下的 index.js(不存在可以新建),文件配置如下module.exports={dev:{proxyTable:{‘/api’:{target:'http://127.0.0.1:3000' 需要代理到的 api 服务地址changeorigin :true, 是否跨域pathRewrite:{'^/

2022-03-13 17:15:10 1236

原创 Git 命令

1. git add . (add后面有一个空格)2.git commit -m"提交说明"3.git pull (拉代码)警告: 在拉取本地代码的时候,必须执行步骤1和2,将你刚写的代码放到本地,如果 你不执行上面两部,那你刚写的代码就会被拉下的代码覆盖。只有你存到了本地仓库才不会被覆盖例子: git add .git commit -m '第一次提交'git add .git commit -m '第二次提交'(2次将代码存放在本地仓库)git log (查看详细

2022-03-13 15:24:24 610

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除