前端知识百科
文章平均质量分 75
;
一个憨厚的前端小码农,一个天天在朋友圈分享编程知识(主要是前端)的忠实码农。
展开
-
JS高级开发-Map/Set/WeakMap/WeakSet
1、MapMap对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者原始值)都可以作为一个键或一个值。链接地址:原创 2021-04-02 11:20:36 · 333 阅读 · 0 评论 -
JS高级开发-BOM讲解
JS 浏览器对象模型(Browser Object Model, BOM)被广泛应用于 Web 开发之中,主要用于客户端浏览器的管理。BOM 概念比较古老,但是一直没有被标准化,不过各主流浏览器均支持 BOM,都遵守最基本的规则和用法,W3C 也将 BOM 主要内容纳入了 HTML5 规范之中。使用 window 对象和框架集; 使用 navigator、location、screen 对象; 使用 history 对象。链接地址:http://c.biancheng.net/js/bom/.转载 2021-03-30 15:17:01 · 170 阅读 · 0 评论 -
JS高级开发-内置对象Object梳理
Object 构造函数创建一个对象包装器。在JavaScript中,几乎所有的对象都是Object类型的实例,它们都会从Object.prototype继承属性和方法。Object构造函数为给定值创建一个对象包装器。Object构造函数,会根据给定的参数创建对象,具体有以下情况:如果给定值是null或undefined,将会创建并返回一个空对象。 如果传进去的是一个基本类型的值,则会构造其包装类型的对象。 如果传进去的是引用类型的值,仍然会返回这个值,经他们复制的变量保有和源对象相同的引...原创 2021-03-25 10:42:45 · 2774 阅读 · 13 评论 -
JS高级开发-内置对象Array梳理
JavaScript的Array对象是用于构造数组的全局对象,数组类似于列表的高阶对象。创建数组: var fruits = ["Apple","Orange","Banana"]; 通过索引访问数组元素: var apple = fruits[0]; 遍历数组: fruits.forEach(function(item,index,array){console.log(item,index);}); 添加元素到数组的末尾: fruits.push("Grape"); // 返回数组长度4...原创 2021-03-19 11:38:46 · 293 阅读 · 1 评论 -
JS高级开发-JSON梳理
首先JSON是一种数据格式,我们HTTP请求交互/内容存储到JSON,可以替代的方案就是XML,或者直接文本,当然首先是使用JSON或XML,其次才是文本,因为需要考虑到存储方便以及解析方便。 使用JSON主要是因为它轻量,各个平台语言都支持JSON交互、JSON解析 ...原创 2021-03-17 14:31:44 · 423 阅读 · 1 评论 -
JS开发中的实用技巧
1、获取指定范围内的随机数/* 获取min~max之间的随机整数*/function getRandomNum(min,max){ return Math.floor(Math.random()*(max-min+1))+min;}2、随机获取数组中的元素/* 随机获取数组中的某一个元素*/function getRandomFromArr(arr){ return arr[Math.floor(Math.random()*arr.length)];原创 2021-02-22 15:51:08 · 1223 阅读 · 4 评论 -
ES6快速理解Promise
本篇文章来源于https://mp.weixin.qq.com/s/tetfPizYwMtr-XlBRfZAQA,主要帮助学习者快速理解认识Promise。Promise是ES6中的特性,现在很多前端框架像AngularJS,Vue等在HTTP请求之后都是返回的Promise处理,因此Promise是必须要掌握的一个知识点。案例1:Promise构造函数是同步执行的,promise.then中的函数是异步执行的。const promise = new Promise((resolve,.转载 2020-12-30 14:54:49 · 439 阅读 · 1 评论 -
数据库常用优化方案
本篇博客来源于各个网站,经过作者精心筛选后,整理出来的一些常用的sql优化案例。1、SQL判断是否“存在”,还在用count操作?业务代码中,需要根据一个或多个条件,查询是否存在记录,不关心有多少条记录。普遍写法:/*SQL写法*/SELECT COUNT(*) FROM table WHERE a=1 AND b=2;//或者SELECT COUNT(0) FROM table WHERE a=1 AND b=2;/*Java写法*/int nums = xxD.原创 2020-12-18 11:33:28 · 1087 阅读 · 1 评论 -
JS妙用setTimeout(fn,0)实现待执行效果
实际开发中遇到的问题,当一个dom元素触发一个键盘输入事件,如果输入校验不通过,清空该dom元素以及相关的元素的值。function handle(){ var good_key = $('#good_key'); // 商品主键 var good_name = $('#good_name'); // 商品名称 if (good_key.val() === ""){ good_name.val(""); return; } .原创 2020-12-24 10:58:04 · 297 阅读 · 0 评论 -
Node.js Express框架(结合本篇文章,思考一下当前流行的vue-cli)
Express是一个简洁而灵活的node.js Web应用框架,提供了一系列强大特性帮助你创建各种Web应用和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。Express框架核心特性:可以设置中间件来响应HTTP请求 定义了路由表用于执行不同的HTTP请求动作 可以通过向模板传递参数来动态渲染HTML页面1、Express的安装安装Express并将其保存到依赖列表中npm install express --save以上命令会将Express框架安.转载 2020-11-19 15:29:04 · 318 阅读 · 1 评论 -
JavaScript之FormData方法
FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。1、构造函数创建一个空对象实例。可以通过调用append()方法进行添加数据。var formData = new FormData();使用已有的表单来初始化一个对象实例<form id="myForm" action="" method="post"> <input type="text" name="...转载 2020-11-03 17:31:53 · 2229 阅读 · 1 评论 -
前端图片上传
本章内容主要讲述上传头像的4个步骤: 选择图片 --》 预览图片 --》 裁剪图片 --》 上传图片选择图片首先先看看最简单的选择图片:<input type="file" />但是我们只需要图片类型的文件,这并不是我们想要的结果。可以通过accept属性实现,如下:<input type="file" accept="image/*" />这样就可以过滤掉非图片类型了。但是图片的类型可能也太多了,有些可能服务器不支持,所以,如果想保守...转载 2020-10-27 10:29:40 · 825 阅读 · 1 评论 -
CSS盒模型之内边距、边框、外边距(常见面试问题 )
问题什么是盒模型? 两者的区别是什么? JS怎么设置这两种盒模型? 描述一下下面盒子的大小,颜色什么的(content-box模型) 当small盒子设置成圆形时,内容会超出圆形吗?为什么? 当元素设置成inline-block会出现什么问题?怎么消除? 行内元素可以设置padding,margin吗? padding:1px 2px 3px;则等效于什么? 内边距的百分数值是怎么计算的? 那为什么不根据自己的宽度呢?而是根据父元素? 什么是边距重叠?什么情况下会发生边距重叠?如何解翻译 2020-10-10 11:38:37 · 2275 阅读 · 0 评论