![](https://img-blog.csdnimg.cn/2020022420363450.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础知识
文章平均质量分 54
总结一下学习前端时遇到的问题。包括js,jquery,bootstrap等
熬夜梦想家
弹钢琴的的程序媛
展开
-
js事件循环机制
这是我参与11月更文挑战的第4天,活动详情查看:2021最后一次更文挑战调用栈(执行上下文栈)在了解事件循环之前很有必要知道调用栈的概念。首先我们栈是先进后出的执行任务。而调用栈也是按照这个顺序执行,同时当我们运行全局代码或是每个函数的时候都会创建相对应的执行上下文。当我们执行代码的时候,首先会创建一个全局的执行上下文,之后遇到调用函数就会把调用函数的执行上下文入栈,等执行完后进行出栈,然后继续往后执行直到整个调用栈为空。文字描述过于抽象,以代码举例。<script type="text/ja原创 2021-11-04 14:08:17 · 266 阅读 · 0 评论 -
css处理文本换行和省略
关于这个问题会有很多css的相关属性,我就来一一列举出来,并分析属性作用。最后总结策略。CJK=中日韩word-break指定了怎样在单词内断行:normal : 默认换行规则;可以看到CJK文本会自动行,非CJK文本不会自动换行,会超出容器,但是在查找到空格这类可以作为换行依据的内容时,非CJK内容也能实现换行break-all:break-all属性很霸道,只要容器装不下了,就会立即换行,不管是CJK内容还是非CJK内容,也可以理解为break-all将非CJK内容作为CJK处理。Keep-原创 2021-09-17 15:12:42 · 702 阅读 · 0 评论 -
浏览器渲染流程
浏览器进程:浏览器是一个多进程的架构,当我们每开一个tab页面,就会开一个新的进程,所以如果一个页面崩溃也不会影响到别的页面。面试的时候经常会问从输入url到页面显示都发生了什么,这次主要说说针对渲染这块而浏览器具体都做了些什么,都有哪些进程?首先浏览器进程有如下几部分:主进程,第三方插件进程,GPU进程,渲染进程。而渲染进程又包含了很多线程:js引擎线程,事件触发线程,定时器触发线程,异步http请求线程,GUI渲染线程。主进程:负责页面的显示与交互,各个页面的管理,创建和销毁其他进程。网络的资原创 2021-09-13 14:35:37 · 243 阅读 · 0 评论 -
前端常见的数组问题|数组全家桶
开始之前,我们先创建一个数组var fruits = ['Apple', 'Banana'];console.log(fruits.length);// 2一,数组的方法1.添加元素到数组的末尾 push()var newLength = fruits.push('Orange');// newLength:3; fruits: ["Apple", "Banana", "Orange"]2.删除数组末尾的元素 pop()var last = fruits.pop(); // rem原创 2021-08-08 21:31:02 · 371 阅读 · 0 评论 -
lighthouse前端性能检测
什么是lighthouse,为什么要用lighthouse。想知道onnote怎么把文字复制出来????原创 2021-06-25 17:23:43 · 129 阅读 · 0 评论 -
关于BFC不得不掌握的知识
什么是BFC?原创 2021-06-17 21:20:04 · 92 阅读 · 0 评论 -
http缓存
为什么需要缓存?原创 2021-06-15 10:55:51 · 75 阅读 · 0 评论 -
Flex布局总结
原创 2021-05-16 08:42:40 · 66 阅读 · 0 评论 -
Node.js学习笔记
什么是NodeJSJS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器,NodeJS就相应提供了fs、http等内原创 2021-04-18 14:28:15 · 100 阅读 · 0 评论 -
npm的--save和--save-Dev的区别
在执行npm包管理器安装包的时候,会有两种安装方式,一种是–save,一种是–save-dev共同点1.两种方式都会安装到node_modules目录中。2.两种方式都会保存到package.json中。区别:在package.json文件中,有两个存放模块的对象。–save是对生产环境所需依赖的声明(开发应用中使用的框架,库),比如:jq,react,vue都需要放到这里面。–save-Dev是对开发环境所需依赖的声明(构建工具,测试工具),比如:babel,webpack,都放到当前目录原创 2021-02-19 14:19:42 · 178 阅读 · 1 评论 -
DCLOUD插件市场发布第一个uniapp插件|实现朋友圈图片动态排列
在写项目的过程中需要实现类似与微信朋友圈的图片排列的功能。自己简单写了出来,在同桌lxx的鼓励下把它封装成了一个插件发布到了DCLOUD插件市场。虽然功能很简单,但是很实用哦~下面列出使用教程实现朋友圈图片自适应排列说明本组件通常用于需要处理朋友圈或者类似qq空间说说的图片自动排列布局用法示例<template> <view> <imageAdaptation :imgList="imgList" :imgLayout1="imgLayout1"原创 2021-02-15 16:55:41 · 961 阅读 · 3 评论 -
qs.stringify和JSON.stringify的使用和区别
同期同学做项目都用到了qs,但是这个对我来说是一个知识盲区,今天学习完来总结一下。qs可通过npm install qs命令进行安装,是一个npm仓库所管理的包。而qs.stringify()将对象 序列化成URL的形式,以&进行拼接。JSON是正常类型的JSON,请对比一下输出var a = {name:'hehe',age:10}; qs.stringify(a)// 'name=hehe&age=10'JSON.stringify(a)// '{"name":"hehe原创 2021-02-05 08:59:43 · 202 阅读 · 0 评论 -
重新排列日志文件| 力扣算法| js解法|slice()|indexOf()|sort()
今天下午被一道算法题困了好久,终于看懂了。参考了某个网友的解法,对于这个题进行一个梳理和总结题目js解法代码整体思路首先定义两个数组,arr1,arr2,遍历logs数组来判断每段日志的最后一个值是不是数字,把字符串日志都放到arr1,数字日志都放到arr2然后对arr1进行排序,首先使用sort方法,让arr1按照标识符先排序,然后根据日志中字母顺序排序,就是通过判断字母日志的Unicode的大小来排序。最后再把数字追加到字母排序的后面代码解析 arr1.sort((x,原创 2021-01-27 18:08:54 · 192 阅读 · 0 评论 -
Sass和Scss的区别
Sass是什么Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言,它诞生于2007年,是最大的成熟的 CSS 预处理语言。最初它是为了配合HAML(一种缩进式 HTML 预编译器)而设计的,因此有着和 HTML 一样的缩进式风格。SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等原创 2021-01-26 08:38:55 · 489 阅读 · 0 评论 -
重新学习vuex---mutation和action区别
首先vuex项目结构需要遵守Vuex 并不限制你的代码结构。但是,它规定了一些需要遵守的规则:应用层级的状态应该集中到单个 store 对象中。提交 mutation 是更改状态的唯一方法,并且这个过程是同步的。异步逻辑都应该封装到 action 里面。只要你遵守以上规则,如何组织代码随你便。如果你的 store 文件太大,只需将 action、mutation 和 getter 分割到单独的文件。对于大型应用,我们会希望把 Vuex 相关代码分割到模块中。下面是项目结构示例:mutatio原创 2020-11-20 08:28:02 · 4099 阅读 · 0 评论 -
框架el-admin学习总结(一)----初学
已经学习了一星期的eladmin,从一开始的迷迷糊糊到现在算是了解一丢丢皮毛,来做个学习总结。首先在线体验预览地址:https://auauz.net/dashboard账号密码:admin/123456(所有账户都是一个密码)github 和码云上都有开源的代码,包括前后端的,下载运行。成功进入前端页面,这时我们要加入自己的模块。我们需要把vue文件写在view文件夹下面项目目录如下:写好代码你会发现显示不出来,如果要想显示自己的模块还需要两个步骤第一步:在前端界面的菜单管理进行新增原创 2020-11-14 09:42:28 · 3644 阅读 · 1 评论 -
微信公众号开发,清除微信内置浏览器缓存
只对Android手机有效:在微信任意对话框(随便找个订阅号即可),发送以下网址http://debugx5.qq.com点击进入,然后就会出现一个类似浏览器的设置界面,这是QQ浏览器内核的设置界面如图:原创 2020-11-08 13:01:28 · 307 阅读 · 0 评论 -
Css单位px,rem,em,vh,vw区别
https://www.cnblogs.com/theblogs/p/10516098.html原创 2020-10-30 08:16:19 · 272 阅读 · 0 评论 -
什么是跨域问题
在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现象,如下图所示什么是同源?所谓同源是指,域名,协议,端口均相同http://www.funtl.com --> http://admin.funtl.com 跨域http://www.funtl.com --> http://www.funtl.com 非跨域http://www.funtl.com --> http://www.funtl.com:8080 跨域http转载 2020-08-24 08:45:15 · 571 阅读 · 0 评论 -
ajax中执行error的情况
1. dataType错误(dataType用来指定后台返回参数的类型)类型错误:后台返回的dataType类型和前台写的不一致会跳入error。格式错误:jquery1.4之后对json的格式要求非常严格,json格式错误也会跳入error.{“test”:1} 注意格式(ssm中spring会自动解析转为json)有时,在不需要返回值的情况下,扔按模板格式,设置了dataType:”json”,参数;这时候,ajax传值正确时,出现200返回成功状态下报错的特殊情况。如果不指定,jQuery 将原创 2020-08-02 10:28:03 · 1133 阅读 · 0 评论 -
input【type=“file”】上传图片,浏览器路径出现“fakepath”的解决方法
在遇到这个问题的时候我也查了很多解决方法,之所以会出现这个问题,是出于浏览器的安全机制,input file的路径被fakepath代替,隐藏了真实路径。1.而网上大多数是这种解决方法使用window.URL.createObjectURL()var url = null; var fileObj = document.getElementById("inputfile").files...原创 2019-12-07 11:25:03 · 5282 阅读 · 0 评论 -
JQuery + Bootstrap 学习告一段落
JQuery + Bootstrap 学习告一段落,,做了一个简单的本地储存的增删改查系统。今天就做个自我总结。首先Bootstrap的应用:1.运用了导航栏.2.dl,dt列表3.各种按钮的使用4.模态框,及其不能同时显示在一个页面中的问题的解决。总结:感觉Bootstrap也是只有要用的时候才回去查询。掌握其用法就好JQuery的应用1.常用的得节点事件。click()等等2...原创 2019-12-07 11:26:25 · 366 阅读 · 0 评论 -
模态框冲突问题解决
在写网页的时候,需要用到两个模态框。但是发现如果有两个模态框存在,第二个就不会显示。解决方法就是,在模态框外层各自包裹一个div。如图所示...原创 2019-12-06 17:49:06 · 618 阅读 · 0 评论 -
清晰透彻理解js闭包----来自一个初学者的总结
说到js闭包首先就想到它使得函数拥有私有变量变成可能。但是这句话说出来是很模糊的,闭包是如何实现的呢说到闭包,就离不开函数作用域,因为只有在函数作用域里其中变量才不会被外部访问不同于其他的后端语言,每个花括号就是一个作用域,其中定义的变量就是局部变量{int a; //局部变量}但是对于JavaScript,只有在函数作用域中才叫做局部变量,像是这样functio...原创 2019-11-20 20:38:31 · 98 阅读 · 0 评论 -
js实现抽奖功能
原生js实现轮转抽奖功能模拟做天涯明月刀已经告一段落,总结了一些以后也可以拿来使用的小功能--------这次是抽奖功能这是一个抽奖的页面,要实现点击抽奖后每一块奖品出出现高亮。然后一直轮转,速度慢慢减缓,直到停下来。首先这个高亮使用一张改变透明度灰色图片覆盖到每个奖品上实现的就是上图这个效果实现代码就是,在html中加上一个div <div id="swfcontent_h...原创 2019-11-19 09:12:55 · 2042 阅读 · 0 评论 -
关于swiper
最近写轮播的时候,遇到了swiper然后就自己使劲捉摸了一番首先Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。如果要使用swiper,首先要导入两个文件:swiper.min.css和swiper.min.js这在官网里有然后成功引入<link rel="stylesheet" href="css/swiper.css">...原创 2019-11-05 22:27:44 · 796 阅读 · 0 评论 -
制作网页中弹出对话框的制作
这里写自定义目录标题下面就来用代码介绍一下如何具体实现(以天涯明月刀弹出视频为例)看下完成效果如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入#关于网页中弹出对话框制作制作网页的过程中,很多...原创 2019-10-31 08:53:27 · 2853 阅读 · 0 评论