![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 70
小白在线学前端
这个作者很懒,什么都没留下…
展开
-
常见的浏览器兼容性的问题及解决方案
浏览器兼容问题一:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大问题的症状:常见症状是IE6中后面的块被顶到下一行碰到的概率:90%(稍微复杂一点的页面都会碰到,float布局是重最常见的浏览器兼容问题·)解决方案:在flaot的标签的样式控制中加入 display:inline ,将其转化Wie行内属性备注:我们最常用的就是 div+CSS 布局了,而div就是一个典型的块属性标签,横向布局的时候我们通常都是用div float实现的,横向的间距设置如原创 2021-11-01 12:57:57 · 877 阅读 · 0 评论 -
推荐26个GitHub上好玩又有挑战的前端项目(涵盖初中高阶)
初级篇这里一般适用于刚入门前端的同学,一般入门前端都是从html和css开始的,应该让这些同学提起对前端的兴趣,因此初级篇选用几个比较有趣的css库来让同学入门前端。animate`animate`是一个css动画库,动画内容一般也是我们所熟悉的,例如渐入、渐出、弹跳、旋转、抖动等特效。ppt里面的许多特效在`animate`都能找到。而且使用简单,只需引入库并添加相关css即可。![在这里插入图片描述](https://img-blog.csdnimg.cn/b89247256669496e83原创 2021-08-25 00:23:36 · 2547 阅读 · 0 评论 -
你不知道的Vue的公共组件?
你不知道的Vue的公共组件?1、组件是什么?答:组件是包含数据、逻辑功能、展现样式的代码片段。2、封装公共组件要注意哪些事项?答:1)可读性。公共组件是团队协作的基础,可读性就显得尤为总要,怎么增加组件的可读性呢?首先组件命名要语义化,大家看到组件就一目了然,知道该组件的功能是啥;其次我们组件要有一个清晰明了的注释,演示组件用例,属性、参数、方法说明,让大家几乎不用动脑就可以完美使用。什么是公共组件?本质上是,多次使用一个组件定义公共组件的·格式是什么?Vue.component(‘原创 2021-08-19 20:04:45 · 1397 阅读 · 0 评论 -
一文带你搞懂Vuex
概念: Vuex可以理解为一种开发模式或者框架。比如:PHP有thinkphp,java有spring等!通过状态(数据源)集中管理驱动的组件的变化(好比spring的IOC容器对bean进行集中管理)应用级的状态集中放在store 里面改变状态的方式是提交mutation,这是个同步的事物异步逻辑应该封装到action 中vuex中的5个核心有哪些?1.statestate为单一状态数,在state中 需要定义我们所需要管理的数组,对象、字符串等等,只有在这里定义了,在vue.js的组件中原创 2021-08-18 21:32:26 · 100 阅读 · 0 评论 -
前端-基础知识(html)
前置我又来了,今天我们来说一下前端最基础的HTML开始什么是网页1.网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。2.网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。网页的组成.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件。什么是HTML1.HTML 指的是超文本标记语言 (H原创 2021-08-17 11:40:42 · 280 阅读 · 0 评论 -
浅谈Promise对象
前置先说一下Promise是什么,先简单的用一下,在控制台,中输入 console.dir(Promise) 输出的结果如下图:Promise是什么Promise是一个构造函数,自己的身上有all、reject、resolve这几个非常眼熟的方法,原型上有then、catch等同样非常眼熟的方法,这么说用new Promise()出来的对象肯定就有then。catch方法,那么我们马上开始编写第一个Promise方法,一起来看看把!!var obj = new Promise(function(原创 2021-08-16 22:13:16 · 111 阅读 · 0 评论 -
vue中后台管理项目-添加(表单校验)
表单校验校验规则,两个数据不能重复,表单校验的基本步骤定义验证规则配置模板,使用规则给表单设置rules属性传入验证的规则 // 校验 rules: { // 部门名称校验 name: [ { required: true, message: '部门名称不能为空', trigger: 'blur' }, { min: 1, max: 5, message: '名字必须是1-5之间', trigge.原创 2021-08-15 21:20:16 · 834 阅读 · 0 评论 -
JS数组去重
JS数组去重,可以使用哪些方法实现使用ES6中的set方法//定义一个数组let arr= [1,2,3,4,5,6,5,4,3,1,7,8,9]//使用Es6中的Set方法let unique = (arr) =>[...new Set(arr)];console.log(unique(arr))利用新数组indexOf查找,indexOf()方法返回某个指定的元素在数组中首次出现的位置,如果没有放回-1var arr= [1,2,3,4,5,6,5,4,3,1,7,8,9]fu原创 2021-08-14 22:59:45 · 85 阅读 · 0 评论 -
如何在新项目使用svg-icon组件
要点在src/icon/index中注册成立单独的组件在main.js中引入src/icon/index中定义的组件需要下载svg-sprite-loader@4.1.3的配合使用,以及在对应的vue.config.js里面的配置它的使用格式是://这里的文件名就是src/icon/svg下的文件名<icon-svg class="文件名"/> 使用步骤第一步## npm 包管理下载npm install svg-spriye-loader@4.1.3## yarn转载 2021-08-13 14:37:39 · 236 阅读 · 0 评论 -
JavaScript字符串的方法
字符串的方法字符串的方法含义概念length()字符串的长度toLowerCase()把字母转换为小写的toUpperCase()把字母转换为大写的slice()分割字符串substring()截取字符串substr()截取字符串split()分割字符串为数组indexOf()查找字符串中首次出现的字符,返回的索引值,找不到返回-1lastIndexOf()查找字符串中尾次出现的位置,找不到返回-1replace(原创 2021-08-11 20:29:13 · 74 阅读 · 0 评论 -
jQuery笔记 (完整详细版)
第一章 初识jQuery一、jQuery简介是什么是jQuery?jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念:write less,do more.2.常见的javascript库?入口函数JQuery()和$()都称之为jq选择器环境,在里面添加上相关的选中器即可,就可以获取匹配元素原生:w原创 2021-08-10 17:59:15 · 1834 阅读 · 0 评论 -
Ajax基础
Ajax简介什么是AjaxAjax===>Asynchronous Javascript And XMLAjax 是一个令人误导的名称。Ajax 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见。Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分,而不需要重新加载整个页面我们学习Ajax可以干什么可以在不刷新页面更新页面的时候拿到数据在页面加载后从服务器请求数据在页面加载后从服务器接收数据.原创 2021-08-09 17:22:26 · 54 阅读 · 0 评论 -
JavaScript数组API汇总
数组中的API(方法)在学习JavaScript的道路上,数组是一个非常重要的部分,数组中的API很多,也容易混淆,每次对数组操作的时候都要去查文档,学习的路上也不能一直前进,有时候要停下来做一下总结,我总结了平时比较常用的一些数组API,希望也可以帮到你。arry.push()把一个元素增加到数组的末尾,返回的值为新数组的长度arry.lengthlet arry = [2, 9, 5]let returnValue = arry.push(4)console.log(returnValue)转载 2021-08-08 17:46:31 · 67 阅读 · 0 评论 -
登录功能的流程
前言哈喽,我又来了,我画了一个流程图,主要写的是登录功能的流程总结好啦,这就是今天要给大家分享的全部内容了如果你喜欢的话,就不要吝惜你的一键三连了~,转载 2021-08-08 12:13:59 · 858 阅读 · 0 评论 -
一个Ajax的小demo
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言实现一、页面布局二、原生JS实现Ajax使用Jquery实现总结前言所谓的Ajax其实就是动态的去请求另一个资源站点,然后将资源加载到我们的当前页面中,例如当你点击网页下一页时页面会发生改变,但是却没有发生跳转。这就是Ajax将请求到的资源通过修改当前页面的HTML代码添加进来。实现这个实现其实很简单。但是分两种,一种是通过原生的JS来实现,这里我都将举例子,尽管使用jQuery是个不错的选择。一、页面布局先来看看转载 2021-08-08 09:02:30 · 245 阅读 · 0 评论 -
20个简洁的 JS 代码片段
文章目录前言1、单行 If-Else 语句2.从数组中删除重复项3. 较短的 If-Else 的空合并4.防止崩溃的可选链5.在没有第三个变量的情况下交换两个变量6.将任何值转换为布尔值7.扩展运算符8.传播解构9. 使用 && 进行短路评估10.类固醇的字符串11.从数组中查找特定元素12.对象属性赋值13.压缩 For 循环14.默认功能参数15.将对象的值收集到数组中16.检查一个项目是否存在于数组中17.压缩多个条件18. 指数运算符19. Math.floor() 简写20、 用一转载 2021-08-06 16:47:10 · 460 阅读 · 0 评论 -
JavaScript中数组的方法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言数组的方法数组的方法以及如何使用:静态方法 Array.isArray() 判断1是否是数组**判断是否是数组 instanceof()forEach() 遍历find: 返回数组中首次满足条件的元素,可以遍历数组findIndex:返回数组中首次满足条件的索引值some: 查找满足条件的元素, 有一个满足则为true(满足条件立刻停止every:查找满足条件的元素,都满足返回true,否则就是falsefilter:遍历筛选元原创 2021-08-05 21:01:52 · 296 阅读 · 0 评论 -
前端-vue项目的运行过程
文章目录前言马上开始总结前言Hi,大家好,我们又见面了,我们今天来看一下Vue项目是什么样的运行过程,我单独画了一下流程图马上开始总结感觉自己还有不足的地方,多多努力吧!!,加油,奥里给...原创 2021-08-05 18:29:01 · 186 阅读 · 0 评论 -
JavaScript中,数组和对象之间的转换,以及数组转树形结构
Hi!欢迎大家,今天我们来讲一下数组和对象之间的转换,和数组转换成树形结构马上开始啦!注意看一下呦!数组转换成对象 var arr = [{ label: '男', value: 1 }, { label: '女', value: 0 }] function f(arr) { let obj2 = {} arr.forEach(item => { obj...原创 2021-08-04 20:43:18 · 641 阅读 · 0 评论