- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3.0基础语法总结
vue3.0基础语法总结前言大家好！我叫椰_季，是一个刚入行不久得前端工程师，本着在提升自我学习能力为前提和认识一些前端方面得朋友为主要任务。准备发布一篇自己学习vue3.0基础语法的总结。学习途径来源于B站张天禹老师。vue2.0的一些缺陷我们先来说一说vue2.0存在的一些缺陷，大家都知道vue2.0中数据的代理方式是使用的defineProperty来实现响应式的。那么defineProperty存在什么样的问题呢不能监听数组的变化必须遍历对象的每个属性必须深层遍历嵌套的对象
2022-05-11 16:21:29
3089
原创 从0 搭建vue3+webpack5项目，不使用cli脚手架
从0搭建vue3+webpack5项目一、初始化1、先创建一个空文件夹 demo（任意命名）在当面文件夹下打开cmd 命令框 输入 npm init -y 初始化项目生成package.json 文件在后面加上 -y 能够让我们省去填写信息的步骤。如果文件夹里面出现了package.json 文件那么说明你成功初始化了项目。二、安装依赖在cmd 命令框中 输入1、安装webpack 注意这里是在本地安装，而不是全局安装。 npm install webpack webpack-cli -
2022-04-24 15:21:57
2104
原创 javascript原型、原型链、this指向
此篇文章，只是用来自己进行一个学习的总结，用于以后方便查看及复习。一、JS原型对象一、构造函数、原型、实例的关系：1、构造函数：如果是通过new操作符调用的，那么就是构造函数，如果没有通过new操作符来调用的，就是普通函数。2、每一个函数对象都有一个prototype属性，但是普通对象是没有的；prototype里面又有一个construetor又指向这个函数。3、我们可以看到demo 是通过new操作符出来的，是一个构造函数，可以通过prototype找到它的原型。而qwe是一个普通函数，也是
2021-11-20 19:28:44
185
原创 JQuery选择器介绍
1、基本选择器------- jQuery 中选择器的语法：$();1.元素选择器 $("元素的名称") let divs = $("div"); //alert(divs.length);2.id选择器 $("#id的属性值") let div1 = $("#div1"); //alert(div1);3.类选择器 $(".class的属性值") let cls = $(".cls"); alert(cls.length);2、层级选择器 1.
2021-06-09 14:19:29
92
原创 js日期对象
构造函数：1.var date = new Date();2.可以添加参数获取的是参数对应的日期3.不添加参数 获取的是当前日期方法：1.获取年： getFullYear()2.获取月： getMonth() 获取月要加13.获取日期：getDate()4.获取星期：getDay 星期日是05.获取时： getHours()6.获取分：getMinutes();7.获取秒：getSeconds();获取毫秒值：获取的距离1970年1月1日1.获取的方式 1.date.valu
2021-05-23 12:42:39
108
原创 js作用域以及数学对象
作用域：全局作用域：在函数外部都是全部作用域局部作用域： 在函数内部都是局部作用域全局变量： 在任何地方都可以访问局部变量： 只能在当前作用域下访问局部可以访问全局 全局不可以访问局部作用域链的基本原理：当调用函数—会把函数推送到执行栈（局部作用域）----全局作用域与函数的链式称为作用域链。 0级作用域链----1级作用域链数学对象：1.Math.PI2.Math.max(1,3,4)3.Math.min()4.random()5.floor()6.ceil...
2021-05-23 12:38:53
51
原创 javascript 练习题目
javascript 练习题目// 判断用户输入年份是否为闰年// var w = prompt('请输入一个年份'); // if (w % 4 == 0 && w % 100 != 0 || w % 400 == 0) { // alert('您输入的是闰年') // } else { // alert('您输入的不是闰年') // }// 1.求1-100之间3与7的倍数的总和与平均值 // var a = 0;
2021-05-07 20:29:46
90
原创 JavaScript数据类型转换
JavaScript数据类型转换1、转换为字符串类型1、数字转换为字符串类型 变量.toString（）2、利用String（变量）3、利用+拼接字符串的方法实现转换效果 隐士转换（重点）2、转换为数字型parselnt(string)函数 -string类型转换成整数数值型（后面的小数 不会有 ，会去掉后面的单位）parseFloat(string)函数 -转换成浮点数数值型Number()强制转换函数 转换为数值型 js隐士转换（- * /） 利用算术运算隐士转换为数值型c
2021-05-07 20:25:11
81
原创 javaScript数据类型
javaScript数据类型介绍 javaScript是一种弱类型或者说动态语言。这意味不用提前申明变量的类型，在程序运行过程中，类型会被自动确定在js的变量数据类型中只有程序在运行过程中，根据等号右边的值来确定的 avaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型简单数据类型（Number，String，Boolean，Undefined，Null）Number：数字型，包含整形值和 浮点型值 如：21、 0.21在js中八进制前面加0开头， 十六进制前面加 0x数
2021-05-07 20:20:26
113
原创 js基础介绍
JS的组成：1、ECMAscript定义的默认的变量 语法 分支 循环 函数 数组 api规定了js的编译语法和基础核心知识，是所有浏览器共同遵守的一套js文档2、bom浏览器对象模型（操作浏览器的）3、dom文档对象模型（操作文档）js的特点：1、弱类型2、直译型3、不需要服务器的支持注意点：1、js语法中的输出 不存在覆盖2、在外部引入语法中，不可以在script中书写代码3、defer属性是等到页面加载完毕之后再去加载当前引入的js，defer在内部使用是无效的4、asyn
2021-05-07 20:09:16
90
原创 移动端布局与多终端浏览器兼容概念
移动端布局1、百分比（弹性）布局的原理及应用弹性布局（100%）布局的特点顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变；中间每条招聘信息不管分辨率怎么变，招聘公司的图标信息都位于条目的左边，薪资都位于右边2、rem（等比缩放）布局的原理及应用在详细介绍rem之前，我们先来一起回顾一下我们常用的两种计量单位，也是备受争论的两个：px为单位在Web页面初期制作中，我们都...
2019-10-25 09:01:12
484
原创 CSS弹性盒属性
弹性盒子是css3的一种新的布局模式。CSS3弹性盒（Flexible Box或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器（Flex container）和弹性子元素（Flex item）组成。弹性容器通过设置d...
2019-10-23 09:57:12
1052
原创 CSS3D效果和CSS3动画
3D位移在css3中3D位移主要包括两种函数translateZ（）和translate3d（）translate3d（）函数使一个元素在三维空间移动。这种变形的特点是使用三维向量的坐标定义元素在每个方向移动多少随着px的增加，直观效果上：x：从左向右移动Y：从上向下移动Z：以方框中心为原点，变大3D旋转在三维变形中，我们可以让元素在任何轴旋转。为此，CSS3新增三个旋转函数：...
2019-10-22 13:47:46
369
原创 CSS2D效果
1、CSS3过渡通过CSS3，我们可以在不适用Flash动画或javaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。IE10、Firefox、Chrome以及Opera支持transition属性。Safari需要前缀 -webkit-IE9以及更早的版本，不支持transition属性。Chrome25以及更早的版本，需要前缀 -webkit-要实现这一...
2019-10-21 15:19:41
443
原创 CSS新增属性与服务器端字体
1、背景属性语法：background-clip：border-box/padding-box/conter-box说明：在css2中，背景的显示范围是指内部补白之内的范围，不包括边框；而在css2.1乃至css3中，背景的显示范围是指包括边框在内的范围。在css3中，可以使用background-clip来修改背景的显示范围，如果将background-clip的属性值设定为borde...
2019-10-09 19:21:05
787
原创 CSS3选择器介绍
1、属性选择器（是指html属性 ）语法：E[att]{sRules} （E代表标签属性，att 代表条件）说明：用于选取带有指定属性的元素。语法：E[att=“val”]{sRules}说明：用于选取带有指定属性和值的元素语法：E[att~=“val”]{sRules}（有局限性，指定的单词）说明：用于选取属性值中包含指定词汇的元素语法：E[att|=“val”]{sRule...
2019-09-28 10:37:03
199
原创 HTML5新增常用标签
html5的特点：语义化标签语义化标签就是尽量使用有相对应的结构的含义的html的标签1.结构更好，更利于搜索引擎的抓取（seo的优化）和开发人员的可维护(可维护性更好，因为结构清晰，so易于阅读)2.更有利于特殊终端的阅读（手机，个人助理等）尽量用有结构含义的，少用无语义的，如《span》，《div》无意义，看不出是什么东西，可是《address》一看就知道这里面的是地址，em标签一看...
2019-09-25 10:54:36
182
原创 CSS浏览器兼容问题
五大浏览器内核代表作品Trident：IE、Maxthon（遨游）、Theworld世界之窗、360浏览器Gecko：代表作品Mozilla Firefox是开源的，它的最大优势是跨平台能在Microsoft Windows、Linux和MacOS X等主要操作系统上运行Webkit：代表作品 Safari、Chrome，是一个开源项目Presto：代表作品Opera，Presto是由O...
2019-09-24 11:18:09
183
原创 css元素定位与宽高自适应
css元素定位属性：position属性：定义简历元素布局所用的定位机制。语法：{position：static/absolute/relative/fixed}说明：static：默认值。没有定位，元素出现在正常的流中absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过left 、top、right、以及bottom属性进行规定 ...
2019-09-23 10:35:16
2520
原创 css元素类型哪几种
元素的类型根据css显示分类，XHTML元素被分为三种类型：块状元素（block element）说明：没有动过 修饰过 它的宽度就是浏览器的宽度，高度就是子元素的高度1.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div,dl,dt,dd,ol,ul,fieldset,(h1~h6),p,form,hr,iframe,colgroup,col...
2019-09-19 19:39:13
2594
原创 CSS基础讲解、属性、选择器、模型
CSS也叫做层叠样式表CSS选择器id选择器：id表示省份，在页面中元素的id不允许重复，因此id选择器只能选择单个元素标签选择器：根据标签名称 选择对应的所有标签类（别）选择器：选择器拥有该类别的多个元素（*号） 通用选择器：针对页面上所有的标签都生效选择器 权重问题行内样式 《style=“… ”》大于id选择器 《#box{…}》 大于类选择器 《.con{…}》...
2019-09-14 12:00:57
160
原创 JSP介绍与九大对象
JSP的页面元素HTML JAVA代码（脚本Scriptlet）、指令、注释Java脚本：一.<% 局部变量、JAVA语句%>1二.<%! 全局变量、定义方法输出语句需要 结尾带分号 %>三.<%= 输出表达式 %>,不需要带分号结尾的一般而言，修改web.xml、配置文件、java 需要重启tomact...
2019-09-07 15:52:21
142
原创 oracle的简单增删改查
ORACLE的简单增删改查对数据库 数据的增删改查的基础第一步：为数据库添加数据id,name 是自己为 表名 里面添加自己 需要的列名 后面跟着 列名的 约束条件 字符的长度，还可以添加主键约束，外键约束，以及不为空值约束第二步：查询数据语法为：select * from 表名 (select 与 from 中 可以输入想要查询的列名信息，* 号是直接查询整张表的...
2019-08-24 11:52:54
558
原创 Oracle介绍与简单使用
Dr. E. F. Codd 于1970提出了 关系型数据库管理系统的概念关系型数据库应包含如下组件：对像集或关系集对关系进行表达的一组操作数据完整性的准确性和一致性它是一个 关系数据库 是一个关系集合或一个二维表每一张表都由 行(row) 和 列(col) 组成数据库对象：SELECT查询基本语法：SELECT <列名> FROM <...
2019-08-14 19:58:07
161
原创 高效学习与工作
拥有一个清醒的头脑，是高效率完成学习与工作的前提。但是如今许多人都是超负荷学习、工作多，因此经常会出现头昏脑涨、精力不能集中的情况。如何在疲惫的时候快速清醒？怎样才能够提神呢？我们可以：饮用咖啡、吃薄荷糖、开窗透透气、用凉水洗脸、巧用干花香氛、进行适度运动、想心事等等都是非常不错的提神方式。如果有朋友喜欢电子纯音乐的，也可以听一听电子纯音乐来提提神。推荐那种，较燃、较静的节奏会适量穿...
2019-08-13 11:13:11
144
原创 关于JQuery的简介以及特性
JQuery它是一个简介的javaScript框架，对于它设计的宗旨是;倡导写更少的代码，能做更多的事情，是代码块更简单明了，它封装javaScipt常用的功能代码，提供一种简便的javaScript设计的模式。它的核心特性总结为：它具有独特的链式语法和清晰的多功能接口：具有高效灵活的css选择器，可以对css选择器进行扩展。HTML元素选取、HTML元素操作、CSS操作、HTML事...
2019-08-11 13:22:27
289
原创 CSS3弹性盒子简介
CSS3 弹性盒子(Flex Box)是一种新的布局方式，它是一种能够让页面适应不同屏幕大小的一种布局方式。比如：它能够让我们所写的页面在pc端和手机端之间合适的转换，使看到的效果更好。它的 fiex-direction属性 值有四个：row：从左边到右边的排列顺序。(默认的排列方式)row-reverse：从右边向左边依次排列。column：纵向的排列顺序，从上到下。column-...
2019-08-08 15:54:00
252
原创 CSS特性
CSS3 特性其中重要的盒子模型，只有做多列布局块，还有选择器、背景和边框、以及动画一些、和2/3D的转换。有些特性，对浏览器的版本也有要求，版本低的浏览器所产生的效果和其他浏览器所产生的效果是有差别的。如果CSS3 特性 搭配着HTML5来进行编辑，建议可以看一下W3C的一些特性，对浏览器的兼容性能否，在页面中能否显示出来需要的效果，再进行编辑和对浏览器的选择。搭配着五大浏览器，四大...
2019-08-08 10:53:40
138
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人