- 博客(32)
- 收藏
- 关注
RSS订阅原创 element常见错误
表单校验在设置表单校验的时候，el-form-item上的prop属性的名称要和其内容的v-model绑定的属性名一样表单验证出现错误原因：
2022-01-02 16:24:57
1497
原创 Vue深入(1)
数据驱动理念简单的来说，当数据发生变化时，页面也会跟着变化，开发者不需要手动修改domMVVMM：modal：数据 V：view 视图 ViewModal：数据和视图连接的桥梁（实例化）MVVM三要素：计算属性好处：有缓存的效果。当一个计算属性所依赖的数据发生变化时，他才会重新获取值watch和computedwatch： 执行异步操作或较大开销的操作 ，一个值影响多个值的变化computed：多个值影响一个值的变化由于computed有缓存 所以在实际操作中两个都能使用的时候 优先考虑
2021-10-15 13:50:05
75
原创 h5c3深入
canvas --（重点）canvas画图位置创建画布三步骤通过标签创建画布（注意：不能使用css给画布设置样式 只能使用内联或者js）通过js获取画布let c3 = document.getElementById('c3')通过js获取画笔对象let ctx = c3.getContext("2d")...
2021-10-01 18:53:52
109
原创 react 优化指引
注意在优化之前 打包项目打包项目之前需要进行创建生产环境下得配置文件.env.production 需要指定打包后的访问路径REACT_APP_URL=后端提供的接口地址使用antd-design-mobile优化 create-react-app 使用react官方提供的实例实现懒加载和动态渲染懒加载组件和分割路由...
2021-09-25 10:57:12
81
原创 React声明周期（含有虚拟dom和diff解释）+ react路由
声明周期图解挂载阶段更新阶段完整的生命周期函数常用router介绍组件的全部生命周期函数虚拟DOM和Diff算法模糊匹配
2021-09-16 23:03:14
61
原创 微信小程序
WXML与HTML的区别 标签名不同HTML （div， span，img，a）WXML（view，text，image，navigator） 属性节点不同<a href="#">超链接</a><navgiator url="/pages/home/home"></navgiator>提供了类似于Vue中的模板语法1 数据渲染2 列表渲染3 条件渲染WXCSS与CSS的区别 新增尺寸rpx单位
2021-09-16 10:48:06
59
原创 JavaScript高级程序设计知识点梳理
第三章3.1 函数在调用完后会立即被销毁 再次访问函数生成的变量时会报错3.2 使用var初始化变量和赋值操作，定义的名称会被提前到当前作用域的顶部 而值不会3.3 ES6的六种简单类型：undefined，null，boolean，number，string和Symbol（符号）3.4 当typeof检测的值是undefined时 是因为给定的值没有被定义而不是因为声明了但未初始化...
2021-05-18 09:05:27
152
原创 jQuery中跨域问题
跨域错误一共四种：其实协议不同就是端口号不同错误原理：解决方式一共两种CROS (同源策略)：利用欺骗的方式隐瞒浏览器客户端让它以为端口号是当前域名的端口JSONP
2021-05-08 22:15:21
230
原创 dom和bom
DOM树DOM优化之一：如果只用一个条件就能查找到想要的元素时：首选使用getElementXXX------效率高如果要查找的条件复杂时，在使用querySelector或…All
2021-05-02 12:08:42
68
原创 js高级重要知识点
闭包闭包：既重用变量又保护变量不被篡改的一种编程方式使用场合：只要希望既重用变量，又保护变量不被篡改时，就用闭包为一个函数保管专属的值如何：3步1.外层函数包裹里层函数2.外层函数返回里层函数对象到外部3.外部使用者使用外层函数，获得里层的的函数对象，并保存在外部变量中反复使用闭包产生原理：在函数中含有[[Scopes]]，会保存下每次变量的执行结果...
2021-04-23 16:24:26
338
原创 SCSS
一、Scss1.语法变量使用$符号开头遵循css选择器可以包含-,_。尽量见名知意$jd_red: #f00; 颜色变量$my-width: 20px; 数值变量$normal-content: “见名知意”;$my-border-style:solid; 样式变量$my_border: 1px solid $jd_red; 变量中引入其他变量注意：1.声明变量时，变量定义在{}规则块外边 则整个样式文件都可以调用。如果定义在{}规则块里面 则只能在规则块{}里面使用，规则块
2021-04-10 20:28:57
847
原创 bootstrap（4）
ul补充li .divider分割线li .header标题常用组件1.卡片外层div通过.card可以创建卡片内容有三部分 card-header card-body card-footer内容三部分可以省略手风琴案例
2021-04-09 19:55:42
270
原创 bootstrap（3）
栅格1.栅格的嵌套，在列里面写其他的row2.弹性布局使用d-flex/d-inline-flex 创建一个弹性容器设置主轴的方向 flex-row/flex-row-reverse/flex-column/flex-column-reverse设置主轴的排列方式justify-content-nn:between/around/center响应式flexd-xl/lg/md/sm-flexflex-x-rowflex-x-column3.表单 form-group ，垂直方
2021-04-07 20:48:18
189
原创 css（3）
一、表格1.表格的常用属性边距属性：padding ( td中 margin无效)边框属性：border尺寸属性：width height文本属性：font-** text-* line-height背景属性：颜色 图片 渐变指定单元格数据的垂直对齐方式：vertical-align: top/middle/bottom2.表格的特有属性边框的分离border-collapse:separate （默认值）分离collapse 合并边框的边距border-spacing:
2021-04-03 11:32:29
57
原创 css（2）
一、背景背景图定位background-position:x y;取值： 1.以px为单位的数字2.百分比3.关键字 先左右 后上下 x:/left/center/right y:/top/center/right背景图片尺寸background-size: 500px 500px;取值 ：1.以px为单位数字2.以百分比为单位3.cover 容器被图片100%覆盖，哪怕图片显示不全，也要把整个容器覆盖住4.contain 容器把图片100%包含起来，哪怕图片缩小的看不
2021-04-02 15:22:04
89
原创 css（1）
CSS概述1.什么是cssCascading style sheets 、层叠样式表、级联样式表、简称样式表2.作用设置网页中元素的样式3.HTML与css关系HTML：负责搭建，内容展示 —一个页面的骨架CSS：负责网页的修饰，给网页的化妆语法规范常用样式：1.设置文本样式color:合法的颜色值2.设置字体的大小font-size：以px为单位3.背景：background外部样式表样式表1.创建样式表以.css作为后缀名2.在css文件中抒写样式规范3.在网页头部
2021-04-01 23:03:09
85
原创 nodejs（03）
1.第三方中间件—body-parser可以将post请求的数据解析为对象使用中间件const bodyParser=require('body-parser');//urlencoded 是将post请求的数据解析为对象server.use(bodyParser.urlencoded({ //默认使用的是qs模块 如果系统模块能解决就用系统提供的方法解决 不使用qs模块设置如下代码...
2021-03-20 16:20:04
84
原创 ES6（1）
1.箭头函数2.块级作用域3.函数中的参数ES6中允许为形参设置默认值 ，如果没有传递实参，则自动调用形参中的默认值function add(num1 = 2 , num2 = 4){};4.模板字符串`在此之间可以写任意形式代码 ${js语法}`—————————————————————————————————————————————————————————————5.错误类型ReferenceError：应用错误，使用了未声明变量，会影响后续代码的执行TypeError：类型错
2021-03-20 11:22:30
68
原创 XML学习
一、（1）概念：Extensible Markup Language 可扩展标签语言可扩展：标签都是自定义的。（2）功能：存储数据1.配置文件2.在网络中传输（3）xml与html的区别1.xml标签都是自定义的，HTML标签都是预定义的2.xml语法非常严格，HTML语法非常松散3.xml是存储数据的，HTML是展示数据的二、语法基本语法：1.xml文档的后缀名为 .xml2.xml第一行必须定义文档声明3.xml有且仅有一个根标签4.属性值必须用引号（单双都可）引起来5
2020-10-13 10:17:45
96
原创 bootstrap（2）
一、bootstrap简单、直观、强悍的前端开发框架，让web开发更简洁，快速英文官网：http://getbootstrap.com用于开发响应式布局、移动设备优先的web项目1.全局样式 1rem=16px1.1按钮样式 class基本类 btnbtn-danger 红色btn-success 绿色btn-warning 黄色btn-info 蓝色btn-parimary...
2019-11-13 18:04:33
228
原创 bootstrap（1）
一、过渡1.属性transition-propertytransition-duration3.指定的过渡曲线函数transition-timing-function取值：1.else 默认值，慢速开始，速度加速，慢速结束2.linear 匀速3.ease-in 慢-快4.ease-out 快-慢5.ease-in-out 慢速开始 慢速结束 中间先加速后减速二、指定...
2019-11-11 22:04:31
178
原创 css3（2）
一、伪类选择器1.内容生成内容既可以是文本，也可以是元素1.1::before或者:before1.2::after或者:after1.3内容属性向匹配的位置处添加内容取值：1.字符串2.图片 url(路径)1.4高度坍塌#content::after{ content: ""; display: block; clear:both; }1.5外边距溢...
2019-10-30 19:15:58
433
原创 css3（1）
z-index（1）必须是已经脱离的元素设置z-index才会生效（2）设置父元素z-index无效 子元素永远压在父元素之上，必须设置position属性默认的堆叠顺序是下面的元素在页面的最上面1.兄弟选择器具备相同父级元素的平级之间称为兄弟注意：兄弟选择器只能往后找不能往前找相邻兄弟选择器，获取紧紧挨着某元素后面的兄弟选择器1+选择器2{}2.通用兄弟选择器获取某元素后面所...
2019-10-23 18:16:12
132
原创 ajax（04）
1.ajaxpost请求if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest() }else{ var xhr = new ActiveXObject('Microsoft.XMLHttp') } //2.绑定监听 xhr.onreadystatechange=function (){ if(this.readySta...
2019-09-20 21:51:27
103
原创 ajax（03）
1.简化的获取元素代码<div id='d1'></id>id.innerHTML='';2获取、修改双标签的内容id.innerhtml;id.innerhtml='';焦点事件//失去焦点d1.onblur//获取焦点d1.onfocus...
2019-09-19 21:48:38
111
原创 ajax（02）
1.新表单元素—h51.电子邮件表单提交时，会验证数据是否符合email规范（有@，并且@后面有内容）<input type='email' />2.搜索类型在内容后面出现个×能够快速清除内容<input type='search' />3.url提交时规定url的格式（http://*****）<input type='url'/>4...
2019-09-18 18:55:03
84
原创 ajax（01）
1.常用的结构标签<!--定义网页某个区域的头部内容--><header></header><!--定义页面主体内容--><section></section><!--定义网页侧边框信息--><aside></aside><!--定义导航栏内容--><nav...
2019-09-17 11:56:07
126
原创 <em>node.js（02）</em>
//__dirname 获取文件的绝对路径res.sendFile(__dirname+'文件');重定向—redirect//重定向一个文件时 如果是静态地址的时候需要先让这个文件响应绝对路径到浏览器server.get('login',(req,res)=>{ res.sendFile(__dirname+'login.html');});//然后在设置重定向serve...
2019-09-11 22:25:29
131
原创 node.js（01）
1.http协议浏览器和web之间的通信协议（1）通用头协议Request URL：请求的URL资源，向服务器端获取的内容Request Method：请求的方法 get/post get获取内容，post向服务器端发送比较安全的数据Status Code：响应的状态码2xx：服务器成功的响应3xx：响应的重定向，跳转到下一个URL4xx：客户端错误5xx：服务器错误Remot...
2019-09-07 10:56:31
112
原创 mysql零基础学习（03）
默认值约束—default：可以使用default关键字来声明默认值，插入数据时有两种方式使用默认值（首先创建一个xz_laptop_family数据表 表中存有三个数据fid、fname、laptopCount）INSERT INTO xz_laptop_family VALUES('fid','fname',DEFAULT);INSERT INTO xz_laptop_family VA...
2019-09-04 17:20:48
112
原创 mysql零基础学习笔记（02）
DDL:Date Define Language 定义数据结构CREATE/DROP/ALTERDML:Date Muniplate Language 操作数据INSERT/UPDATE/DELETEDQL:Date Query Language 查询语句selsectDCL:Date Control Language 控制权限语句GRANT（授权）/REVOKE（收权）mysq...
2019-08-27 17:33:21
170
原创 mysql零基础学习笔记（01）
数据库概述：数据库（databases）：以特定的结构批量储存业务数据的软件。关系型数据库逻辑结构（RDBMS）Relation Database Manage System（关系型数据库管理系统）Serve->Database->Table->Row->ColumnMySQL数据库：Oracle分支：MySQLMartin分支：MariaDB使用Mar...
2019-08-17 16:17:53
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人