前端的莹莹-优快云博客

原创 js基础第三天循环

双重for循环例子五行五列星<script> // 五行五列的星星 var str ='' for (var i=1;i<=5;i++) { for(var j=1;j<=5;j++){ str+='☆' } str+='\n' } console.log(str) </script&

2022-03-02 15:13:35 369

1.javaScript 是什么是一种运行在客户端（浏览器）的脚本语言客户端：是相对于服务器的，简单理解为浏览器浏览器是一个客户端的软件，浏览器从服务器上将资源（html，css,js图片等）请求下来并且在本地利用浏览器去解析这些资源服务器本质上是一台电脑用来接收客户端发过来的请求，同时存储数据，读取数据等操作脚本语言：不需要编译，读取一句解析一句一句报错下句不会继续执行执行过程：源代码预解析运行编译语言：需要编译编译一旦出错整个程序都不会运行执行过程：源代码

2021-05-16 16:04:59 217 1

原创 vue恢复初始数据 (重置) 替换this.$data, this.$options.data()

vue恢复(重置)初始数据this.$options.data() 这个是vue原始的数据，就是你页面刚加载时的datathis.$data 这个是现在阶段的vue数据，就是你改变data的数据

2021-04-27 17:51:07 2160 2

原创关于vue ant design vue 与谷歌浏览器最新版table表格超出长度错位的问题

使用多行文本超出隐藏的方式来写就解决的了最新谷歌表格错乱切不会隐藏的兼容性问题

2021-04-19 18:03:12 1079

原创 To install it, you can run: npm install --save !style-loader!css-loader!less-loader!./assets/less

遇到的问题* !style-loader!css-loader!less-loader!./assets/less/custom-tree-switch.less in ./src/main.jsTo install it, you can run: npm install --save !style-loader!css-loader!less-loader!./assets/less/custom-tree-switch.less原因缺少相关依赖而导致的解决方法如果是常规的，执行

2021-03-04 14:43:07 781 1

原创 element-ui基本使用

官网地址为： http://element-cn.eleme.io/#/zh-CN1.基于命令行方式手动安装① 安装依赖包 npm i element-ui –S② 导入 Element-UI 相关资源**// 导入组件库import ElementUI from ‘element-ui’;// 导入组件相关样式import ‘element-ui/lib/theme-chalk/index.css’;// 配置 Vue 插件Vue.use(ElementUI);2. 基于图形化界面自

2020-12-22 20:52:48 318 1

原创 VUE脚手架

1、安装3.x 版本的vue脚手架 // 命令行vue -V // 查看当前版本npm uninstall -g vue-cli //卸载之前的npm install -g @vue/cli //安装最新的开始构建项目vue create ‘项目名’ 回车创建脚手架生成的项目结构分析脚手架的自定义配置...

2020-12-22 20:37:44 115

原创 VUE单文件组件以及webpack打包发布

基本用法每个单文件的后缀名都是.vue都有三部分组成 template组件的模板区域 script业务逻辑区域 style样式区域webpack打包发布：

2020-12-21 22:38:41 285

原创 webpack的使用

在项目中安装和配置webpack1.运行 npm install webpack-cli -D命令安装webpack相关的包2.在项目根目录中，创建名为 webpack.config.js的webpack配置文件3.在webpack的配置文件中，初始化如下基本配置：module...

2020-12-21 21:57:39 111 1

原创模块化相关规范

1.1模块化概述传统开发模式的主要问题①命名冲突 ②文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护1.2 浏览器端模块化规范1.AMDRequire.js(http://www.require.cn/)2.CMDSea.js(https://seajs.github.io/seajs/docs/)1.3服务器端

2020-12-21 17:29:34 139

原创 Vue前后端交互模式

1.1 接口调用方式原生ajax 基于jq的ajax fetch axios

2020-12-18 22:09:07 213

原创 VUE 插槽

1.插槽位置2.插槽内容具名插槽用法1.插槽定义

2020-12-16 11:55:57 115

VUE常用特性

一、常用特性概览表单操作自定义指令计算属性过滤器侦听器生命周期二、表单操作1、基于vue的表单操作input 单行文本textarea 多行文本select 单选框checkbox 多选框2.表单域修饰符number：转化为数值trim:去掉开始和结尾的空格lazy:将input转换为change事件3.自定义指令3.1为何需要自定义指令？内置指令不满足需求3.2 自定义指令的语法规则（获取元素焦点）3.3自定义指令用法<input type

2020-12-14 21:42:58 155

原创【数组】关于数组的问题

1. 什么是遍历？把数组元素从头到尾访问一次2. 我们通过什么来遍历数组里面的元素？for循环3. for里面的i是什么？当什么使用？for里面的数组元素怎么写？i是计数器当索引号使用 arr[i]是数组元素第i个数组元素4. 怎么获取数组的长度？lenght 属性5. 数组的索引号和数组长度有什么关系？没有关系索引号从0开始数组长度是元素个数...

2020-11-25 15:12:46 139

原创 JavaScript 中的字符串切片操作（slice、substr、substring）

slice、substr、substring

2020-10-24 16:41:01 7214

原创 Date()常用方法

var date = new Date(); date.getYear(); //获取年份(2位) date.getFullYear(); //获取完整的年份(4位,1970-) date.getMonth(); //获取月份(0-11,0代表1月，所以在显示当前时间的时候需要date.getMonth() + 1） date.getDate(); //获取日(1-31) date.getDay(); //获取星期?(0-6,0代表星期

2020-10-24 16:38:47 6168 1

原创 CSS3 动画

CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词 “from” 和 “to”，等同于 0% 和 100%。0% 是动画的开始，100% 是动画的完成。为了得到最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。CSS3 动画详解：https://www.w3csc

2020-09-30 11:56:22 133

原创 CSS3 2D转换

在CSS3中，可以利用transform功能来实现文字或图像的旋转（rotate）、缩放(scale)、倾斜(skew)、移动(translate)这四种类型的变形处理translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标）和 top（y 坐标）位置参数：div{transform: translate(50px,100px);-ms-transform: translate(50px,100px); /* IE 9 */-webkit-transform: tr

2020-09-28 21:21:22 798

原创 CSS3新增选择器

1 、属性选择器（除IE6外的大部分浏览器支持） E[att^="val"] 属性att的值以"val"开头的元素 E[att$="val"] 属性att的值以"val"结尾的元素 E[att*="val"] 属性att的值包含"val"字符串的元素2、结构伪类选择器（过滤选择器）3.伪元素选择器::before在元素内部的前面插入内容::after 在元素内部的后面插入内容a::after { content: "♥"; /*在a链接后面插入一个♥*/

2020-09-28 17:45:22 131