Web开发

0

vue传值方式总结（十二种方法）前端面试 vue

马师傅发表了文章 • 855 次浏览 • 2021-05-17 14:24 • 来自相关话题

一.父传子传递（1）在父组件的子组件标签上绑定一个属性，挂载要传输的变量（2）在子组件中通过props来接受数据，props可以是数组也可以是对象，接受的数据可以直接使用 props: [“属性名”] props:{属性名:数据类型}代码示例：//父组件&l... ...查看全部

0

前端必须要了解的一些知识 (十一) 前端面试

马师傅发表了文章 • 808 次浏览 • 2021-05-17 11:02 • 来自相关话题

六种基本数据类型undefinednullstringbooleannumbersymbol(ES6)一种引用类型Objectstringlength属性prototype 添加的方法或属性在所有的实例上共享charAt(index) 返回值 cha... ...查看全部

0

前端必须要了解的一些知识 (十) 前端面试

马师傅发表了文章 • 757 次浏览 • 2021-05-17 10:47 • 来自相关话题

任务队列同步任务异步任务console.log(1)setTimeout(){console.log(2)}console.log(3)1，3，22，3，5，4，1console.log(A)while(true){}console.log(B)//只输出A ... ...查看全部

0

前端必须要了解的一些知识 (九) 前端面试

马师傅发表了文章 • 868 次浏览 • 2021-05-17 10:43 • 来自相关话题

CSRF跨站请求伪造攻击原理网站B引诱用户点击A防御措施token验证refere验证来源验证隐藏令牌XSS跨域脚本攻击原理：提交区注入脚本让js不能执行doctype的作用DTD 定义html文档类型。浏览器根据这个去解析声明文档类型4.0版本... ...查看全部

0

前端必须要了解的一些知识 (八) 前端面试

马师傅发表了文章 • 771 次浏览 • 2021-05-17 10:38 • 来自相关话题

什么是同源策略限制协议域名端口不是一个源的文档不能操作另一个源的文档限制如下：cookie localStrorage indexDB 无法获取DOM无法获得Ajax请求不能发送前后端如何通信Ajax//同源下的通讯websocket//不限制同源c... ...查看全部

0

前端必须要了解的一些知识 (七) 前端面试

马师傅发表了文章 • 755 次浏览 • 2021-05-14 18:36 • 来自相关话题

创建对象又几种方法//第一种：字面量 var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'});//第二种通过构造函数 var M = function (name) { this.name = na... ...查看全部

0

前端必须要了解的一些知识 (六) 前端面试

马师傅发表了文章 • 922 次浏览 • 2021-05-14 18:32 • 来自相关话题

DOM事件的级别DOM0element.onclick=function(){}DOM1未制定事件相关的标准DOM2element.add('click',fn,false)/ie . atenchDOM3el.add('keyup',fn,false)增加了... ...查看全部

0

前端必须要了解的一些知识 (五) 前端面试

马师傅发表了文章 • 909 次浏览 • 2021-05-14 18:29 • 来自相关话题

盒模型标准模型和IE模型标准模型和IE模型的区别1计算宽度和高度的不同ie中content的宽度包括padding和border这两个属性css是如何设置这两种模型的border-box 是·ie默认 content-boxjs如何获取盒模型的宽和高四种方法1... ...查看全部

0

前端必须要了解的一些知识 (四) 前端面试

马师傅发表了文章 • 675 次浏览 • 2021-05-14 18:27 • 来自相关话题

基础方法1:浮动（延伸BFC）清除浮动后浮动元素周边的元素处理的好的话。兼容性比较好2:绝对定位配合js的话快捷缺点：脱离文档流3:flex比较完美的方案。解决以上的缺点4:表格布局兼容性特别好 ie缺点：。。5:网格布局 gride新的标准代码最... ...查看全部

0

前端必须要了解的一些知识 (三) 前端面试

马师傅发表了文章 • 850 次浏览 • 2021-05-14 18:21 • 来自相关话题

你在下单时，要给后台发请求，后台通过拿到的参数请求微信后台去生成订单并同时返给你一个路径mweb_url，这个路径就是用来调起微信应用发起支付操作的。（这里要说明的就是由于h5支付不能主动回调，所以需要个主动查询的操作，这时会需要你又一个确认界面来进行主动查询... ...查看全部

0

前端必须要了解的一些知识 (二) 前端面试

马师傅发表了文章 • 784 次浏览 • 2021-05-14 18:15 • 来自相关话题

获取字符串长度 str.length分割字符串 str.split()拼接字符串 str1+str2 或 str1.concat(str2)替换字符串 str.replace(“玩游戏”,”好好学习”)提取子字符串 str.slice(start, end)或... ...查看全部

0

前端必须要了解的一些知识 (一) 前端面试

马师傅发表了文章 • 840 次浏览 • 2021-05-14 18:12 • 来自相关话题

常用apimoveTo(x0,y0)：把当前画笔（ictx）移动到（x0,y0）这个位置。lineTo(x1,y1):从当前位置(x0,y0)处到（x1，y1）画一条直线。beginPath()：开启一条路径或者重置当前路径。closePath():从当前点回... ...查看全部

0

前端面试常问的基础（七）前端面试

马师傅发表了文章 • 755 次浏览 • 2021-05-12 00:59 • 来自相关话题

1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理coo... ...查看全部

0

前端面试常问的基础（六）前端面试

马师傅发表了文章 • 818 次浏览 • 2021-05-12 00:53 • 来自相关话题

一、HTML5 CSS3CSS3有哪些新特性？1. CSS3实现圆角（border-radius），阴影（box-shadow），2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）3.transform:r... ...查看全部

0

前端面试常问的基础（五）前端面试

马师傅发表了文章 • 736 次浏览 • 2021-05-12 00:52 • 来自相关话题

如何理解CSS的盒子模型？每个HTML元素都是长方形盒子。（1）盒子模型有两种：IE盒子模型、标准W3C盒子模型；IE的content部分包含了border和pading。（2）标准W3C盒模型包含：内容(content)、填充(padding)、边界(m... ...查看全部

0

前端面试常问的基础（四）前端面试

马师傅发表了文章 • 807 次浏览 • 2021-05-12 00:49 • 来自相关话题

将元素定义为网格容器，并为其内容建立新的网格格式上下文。值：grid ：生成一个块级网格inline-grid ：生成一个内联网格在Bootstrap中，栅格系统将容器均分为12份，再调整内外边距，结合媒体查询，造就了这一强大的... ...查看全部

0

前端面试常问的基础（三）前端面试

马师傅发表了文章 • 710 次浏览 • 2021-05-12 00:45 • 来自相关话题

JS中浮点数精度误差解决如果有精度要求，可以用toFixed方法处理通用处理方案：把需要计算的数字乘以 10 的 n 次幂，换算成计算机能够精确识别的整数，然后再除以 10 的 n 次幂promises，observables，generator ... ...查看全部

0

前端面试常问的基础（二）前端面试

马师傅发表了文章 • 801 次浏览 • 2021-05-08 15:57 • 来自相关话题

1. 一个程序至少有一个进程,一个进程至少有一个线程2. 线程的划分尺度小于进程，使得多线程程序的并发性高3. 另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率4. 线程在执行过程中与进程还是有区别的。每个独立的线程... ...查看全部

0

前端面试常问的基础（一）前端面试

马师傅发表了文章 • 774 次浏览 • 2021-05-08 15:51 • 来自相关话题

IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 padding;new操作符具体干了什么呢?1. 创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型2. 属性和方法被加入到 this ... ...查看全部

0

解决js精度丢失办法 Javascript

马师傅发表了文章 • 957 次浏览 • 2021-05-08 15:20 • 来自相关话题

很简单一个问题,0.1+0.2,我们肉眼可见的算出来等于0.3,但js是一个神奇的语言,我们在控制台输入0.1+0.2等于0.30000000000000004,为什么会这样尼,我百度了了一下,原因如下:JavaScript 中所有数字包括整数和小数都只有一种... ...查看全部

0

ES6 exports 与 import 使用 Javascript ES6

马师傅发表了文章 • 814 次浏览 • 2021-05-07 15:59 • 来自相关话题

在创建JavaScript模块时，export 用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import使用它们。被导出的绑定值依然可以在本地进行修改。在使用import 进行导入时，这些绑定值只能被导入模块所读取，... ...查看全部

1

微信小程序demo报错微信小程序

向北发表了文章 • 813 次浏览 • 2021-05-02 19:58 • 来自相关话题

1

常见的8个前端防御性编程方案前端面试

马师傅发表了文章 • 829 次浏览 • 2021-04-29 17:34 • 来自相关话题

关于前端防御性编程我们大多数情况可能遇到过，后端的由于同时请求人数过多，或者数据量过大，又或者是因为异常导致服务异常，接口请求失败，然后前端出现白屏或者报错还有一种情况，是前端自身写的代码存在一些缺陷，整个系统不够健壮，从而会出现白屏，或者业务系统异常，用户误... ...查看全部

0

嗨，你真的懂this吗？前端面试 this指向

马师傅发表了文章 • 813 次浏览 • 2021-04-29 17:27 • 来自相关话题

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JsvaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗？请先回答第一个问题：如何准确判断this指向的是什... ...查看全部

0

前端基础-你真的懂函数吗？ IT大前端 前端面试

马师傅发表了文章 • 1257 次浏览 • 2021-04-29 17:18 • 来自相关话题

前言众所周知，在前端开发领域中，函数是一等公民，由此可见函数的重要性，本文旨在介绍函数中的一些特性与方法，对函数有更好的认知正文1.箭头函数ECMAScript 6 新增了使用胖箭头（=>）语法定义函数表达式的能力。很大程度上，箭头函数实例化的函数对象与... ...查看全部

0

什么，项目构建时内存溢出了？了解一下 node 内存限制内存泄露 node.js

马师傅发表了文章 • 1172 次浏览 • 2021-04-29 17:05 • 来自相关话题

背景在之前的一篇文章中，我们遇到了一个项目在构建时内存溢出的问题。当时的解决方案是: 直接调大 node 的内存限制，避免达到内存上限。今天听同事分享了一个新方法，觉得不错，特此记录，顺便分享给大家, 希望对大家有所帮助。正文但 Node 进程... ...查看全部

0

前端常用图片文件下载上传方法下载 web

马师傅发表了文章 • 932 次浏览 • 2021-04-29 16:57 • 来自相关话题

本文整理了前端常用的下载文件以及上传文件的方法例子均以vue+element ui+axios为例,不使用el封装好的上传组件，这里自行进行封装实现先附上demo上传文件以图片为例，文件上传可以省略预览图片功能图片上传可以使用2种方式：文件流和base64;1... ...查看全部

0

web 埋点实现原理了解一下 web 埋点

马师傅发表了文章 • 926 次浏览 • 2021-04-29 16:25 • 来自相关话题

前言埋点，是网站分析的一种常用的数据采集方法。我们主要用来采集用户行为数据（例如页面访问路径，点击了什么元素）进行数据分析，从而让运营同学更加合理的安排运营计划。现在市面上有很多第三方埋点服务商，百度统计，友盟，growingIO 等大家应该都不太陌生，大多情... ...查看全部

0

简易版 React-Router实现 react

马师傅发表了文章 • 888 次浏览 • 2021-04-29 12:00 • 来自相关话题

上一篇简单的介绍了react-router 的使用方法和基本的API，对于react-router几个重要的API做了源码解读。这篇就实现一个简易版的 react-router设计思路由上图可知，核心内容就是如何监听到URL的改变？图中说到三种方式，其实也就两... ...查看全部

0

React setState数据更新机制 react

马师傅发表了文章 • 918 次浏览 • 2021-04-29 11:42 • 来自相关话题

为什么使用setState在React 的开发过程中，难免会与组件的state打交道。使用过React 的都知道，想要修改state中的值，必须使用内部提供的setState 方法。为什么不能直接使用赋值的方式修改state的值呢？我们就分析一下，先看一个de... ...查看全部

0

配置 ESLint 自动格式化自闭合标签（Self closing tag） react

马师傅发表了文章 • 1097 次浏览 • 2021-04-29 11:39 • 来自相关话题

对于没有子元素或不需要子元素的 HTML 标签，通常写成其自闭合的形式会显得简洁些，- <SomeComponent></SomeComponent> + <SomeComponent/> 通过配置 ESLint 可在格式化... ...查看全部

0

浅谈前端权限设计方案权限管理 没有权限 vue

马师傅发表了文章 • 916 次浏览 • 2021-04-28 18:53 • 来自相关话题

前端权限架构的设计一直都是备受关注的技术点.通过给项目引入了权限控制方案,可以满足我们灵活的调整用户访问相关页面的许可. 比如哪些页面向游客开放,哪些页面必须要登录后才能访问,哪些页面只能被某些角色访问(比如超级管理员).有些页面即使用户登录了但受到角色的限制... ...查看全部

0

超过 js 的 number 类型最大值（9007 1992 5474 0992）的解决办法 bug Javascript

马师傅发表了文章 • 1836 次浏览 • 2021-04-28 16:16 • 来自相关话题

bug经过：点击修改无法展示信息（修改时调用queryOne,以id(long)为值，页面传过去的id=1480042498255640-00 ，在数据库中该id=148004249825564012，即错误的id）根本原因：js的number类型有个最大值（... ...查看全部

0

JavaScript 对象 Javascript

马师傅发表了文章 • 837 次浏览 • 2021-04-28 16:11 • 来自相关话题

为什么要有对象？如果有一组相关的数据，松散的存储不利于使用，存入数组中受下标限制又必须有固定的顺序，而对象可以自定义名称存储一系列无序列表的相关数据什么是对象？现实生活中的对象：万物皆可对象，对象是一个具体的事物，一个具体的事物就会有行为和特征举例：一部车，一... ...查看全部

0

JavaScript 函数 Javascript

马师傅发表了文章 • 833 次浏览 • 2021-04-28 16:08 • 来自相关话题

为什么要有函数？如果要在多个地方求某个数的约数个数，应该怎么做函数的概念函数（function），也叫作功能、方法，函数可以将一段代码一起封装起来，被封装起来的函数具备某一项特殊的功能，内部封装的一段代码作为一个完整的结构体，要执行就都执行，要不执行就都不执行... ...查看全部

0

JavaScript 数组 Javascript

马师傅发表了文章 • 791 次浏览 • 2021-04-28 16:06 • 来自相关话题

为什么学习数组？之前学习的数据类型，只能存储一个值（比如：Number/String）。如果我们想存储班级中所有学生的成绩，此时该如何存储？数组的概念所谓数组（Array），就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为... ...查看全部

0

JavaScript 常见的三种数组排序方式 Javascript

马师傅发表了文章 • 810 次浏览 • 2021-04-28 15:58 • 来自相关话题

一、冒泡排序冒泡排序的英文名是 Bubble Sort ，它是一种比较简单直观的排序算法简单来说它会重复走访过要排序的数列，一次比较两个数，如果他们的顺序错误就会将他们交换过来，走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成这个算法... ...查看全部

0

js 取小数点后几位方法 Javascript

马师傅发表了文章 • 1235 次浏览 • 2021-04-28 15:26 • 来自相关话题

一取后两位为例：四舍五入 1.toFixed() Number的toFixed()方法可把 Number 四舍五入为指定小数位数的数字。 const test = 1.12 / 3 // 0.37333333333333335 console.lo... ...查看全部

0

JavaScript的小技巧 Javascript

马师傅发表了文章 • 834 次浏览 • 2021-04-28 15:07 • 来自相关话题

类型转换数组转字符串var arr = [1,2,3,4,5]; var str = arr+''; //1,2,3,4,5 字符串转数字var str = '777'; var num = str * 1; //777 var str = '777'; v... ...查看全部

1

uniapp实现$router uniapp

马师傅发表了文章 • 2889 次浏览 • 2021-04-27 16:46 • 来自相关话题

作为 Vue 重度用户，在使用 uni-app 过程中不可避免的把 Vue 开发习惯带了过去。无论是项目目录结构，还是命名风格，甚至我还封装了一些库，如 https://zhuanlan.zhihu.com/p/141451626 提到的 ... ...查看全部

0

uniapp与flutter，跨平台解决方案你该如何选择 Flutter uniapp

马师傅发表了文章 • 3854 次浏览 • 2021-04-27 16:44 • 来自相关话题

为了做毕设，用了下uniapp与flutter，说真的，这是两款十分优秀的产品，几乎做到了各自领域性能和跨平台的极致。那么这两款产品到底有什么不同，在选型的时候应该如何取舍，这是我写这篇文章的目的。uniapp与flutter都是为了解决跨平台问题的框架uni... ...查看全部

0

uni-app 的使用体验总结 uniapp

马师傅发表了文章 • 1301 次浏览 • 2021-04-27 16:42 • 来自相关话题

[实践] uni-app 的使用总结最近使用 uni-app 的感受。使用体验没用之前以为真和 Vue 一样，用了之后才知道。有点类似 Vue 和小程序结合的感觉。写类似小程序的标签，有着小程序和 Vue 的生命周期钩子。对比 uni-app 文档和微信小程... ...查看全部

0

使用uniapp开发项目来的几点心得体会 uniapp

马师傅发表了文章 • 1237 次浏览 • 2021-04-27 16:40 • 来自相关话题

先说一下提前须要会的技术要想快速入手uniapp的话，你最好提前学会vue、微信小程序开发，因为它几乎就是这两个东西的结合体，不然，你就只有慢慢研究吧。为什么要选择uniapp？？？开发多个平台的时候，对，就是开发多端，其中包括安卓、IOS、H5/公众号、微信... ...查看全部

0

uni-app 悬浮框动效 uniapp

马师傅发表了文章 • 1492 次浏览 • 2021-04-27 16:33 • 来自相关话题

<view class="menu" :class="{active:menuFlag}"> <image src="../../static/svg/1.svg" class="menuTrigger" @tap="clickMenu"&... ...查看全部

0

async/await 的错误捕获 async和await

马师傅发表了文章 • 1108 次浏览 • 2021-04-27 16:27 • 来自相关话题

一、案发现场为了更好的说明，举一个很常见的例子：function getData(data) { return new Promise((resolve, reject) => { if (data === 1) { setTim... ...查看全部

0

先看看 VS Code Extension 知识点，再写个 VS Code 扩展玩玩扩展 前端 jQuery插件

马师傅发表了文章 • 1213 次浏览 • 2021-04-27 16:20 • 来自相关话题

TL;DR文章篇幅有点长，可以先收藏再看。要是想直接看看怎么写一个扩展，直接去第二部分，或者直接去github看源码。第一部分 --- Extension 知识点一、扩展的启动如何保证性能 --- 扩展激活（Extension Activat... ...查看全部

0

react中的组件设计 react

马师傅发表了文章 • 738 次浏览 • 2021-04-26 18:34 • 来自相关话题

react的组件设计有很多模式。下面列举几种常见的：完全受控组件这种组件设计的特点是，组件的所有state和action都来自props，组件自身没有状态，只负责展示UI层。model层完全交给全局状态管理库比如redux或mobx。不推荐这种组件设计，因为后... ...查看全部

0

如何用webpack优化moment.js的体积 webpack

马师傅发表了文章 • 1082 次浏览 • 2021-04-26 18:32 • 来自相关话题

本篇为转译，原出处。当你在代码中写了var moment = require('moment') 然后再用webpack打包, 打出来的包会比你想象中的大很多，因为打包结果包含了各地的local文件.解决方案是下面的两个webpack插件，任选其一:... ...查看全部

0

git 撤销对文件的追踪 Git

马师傅发表了文章 • 966 次浏览 • 2021-04-26 18:22 • 来自相关话题

撤销暂存区(index)区的track当我们新增加文件时，使用git status会打印出：Untracked files: (use "git add ..." to include in what will be committed) ... ...查看全部

0

web前端常见的三种manifest文件前端 web

马师傅发表了文章 • 5299 次浏览 • 2021-04-26 18:20 • 来自相关话题

manifest.jsonmanifest.json经常被用在PWA，用来告知浏览器关于PWA应用的一些信息如应用图标、启动应用的画面。举例：{ "short_name": "React App", "name": "Creat... ...查看全部

通知设置 新通知

热门话题

通知设置新通知