- 博客(29)
- 收藏
- 关注
RSS订阅原创 前端面试题梳理
写在最开始：工作以来，感觉自己会的东西还算多，但是面试时就答不出来、答不全面，究其原因，则是自己从来没有认真深挖、整理所有的知识点，每个知识点，都只是了解了皮毛，所以还是决定从今天开始，重新学习，并记录重要的知识点。浏览器篇1.1 常用那几种浏览器测试？主流浏览器的内核有哪些？Q1：IE、Safari、Chrome、Mozilla Firefox、OperaQ2:1、Trident内核代表产品为Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微
2021-12-30 13:18:47
243
原创 uni-app使用i18n实现国际化多语言配置(封装)
文章目录前言一、国际化使用方案二、i18n配置及使用前言入职公司以来，一直都是uni开发，由于是海外项目，所以肯定要用到国际化插件，也算是自己的一个突破。所以想记录下来，哈哈哈，没有用过的孩子，也可以学习使用一下一、国际化使用方案uni-app是基于vue.js的，因此国际化的方案也是使用的 i18n 插件二、i18n配置及使用引入i18n插件依赖首先，我们将i18n插件引入到项目中，安装依赖的方式就不多赘述了，我使用的是npm安装 npm install vue-i18n --sa
2021-04-10 15:44:53
2419
8
原创 react native入门
文章目录前言一、react native是什么？二、目录介绍三、使用Android Studio跑起来建议前言上个月公司为了上报率，要求使用新技术，在许多从未只是听过，没用过的技术里，果断选择了react native,坑还是很多的，但是现在项目还是开发的差不多了，所以在这个星期六，写一篇react native的踩坑日记，也方便自己日后巩固一、react native是什么？在这里先留下文档，有兴趣的可以看一看文档，更专业react-native中文网至于为什么让一个从未接触过react的小
2021-04-10 15:11:25
218
原创 js数组求并集，交集，差集
前言前几天面试的时候，有一道笔试题是用js求数组的交集，差集和并集，因为之前没有听过这个概念，就空着了，所以今天是想要专门写篇文章来记录一下。现有两数组a = [1, 2, 3]，b = [2, 4, 5]，求a，b数组的并集，交集和差集。基本概念集合的分类:并集：以属于A或属于B的元素为元素的集合成为A与B的并（集） 记作A∪B（或B∪A），读作“A并B”（或“B并A”），即A∪B={x|x∈A,或x∈B}交集：以属于A且属于B的元素为元素的集合成为A与B的交（集） 记作A∩B（或B∩A）
2020-12-24 22:13:12
776
3
原创 ES6常用新特性讲解
！干货长文预警！目前没有找到比较全的 ES 6 新特性汇总（中文），于是就自己花了一下午收集了一下，不说 100% 全面，也至少收录了 90% 的新特性。一共讲解了 8 个常用的 ES6 新特性，讲解过程也是由浅入深。废话不多说，下面进入正文。函数默认值特性 & 语法// Beforefunction decimal(num, fix) { fix = fix === void(0) ? 2 : fix; return +num.toFixed(fix);}// A
2020-12-11 14:17:46
219
4
原创 看完这个彻底摆脱初级前端(面试高频)
文章目录前言01.数组扁平化方法一：使用flat()方法二：利用正则方法三：正则改良版本方法四：使用reduce方法五：函数递归02.数组去重方法一：利用Set方法二：两层for循环+splice方法三：利用indexOf方法四：利用include方法五：利用filter方法六：利用Map03.类数组转化为数组方法一：Array.from方法二：Array.prototype.slice.call()方法三：扩展运算符方法四：利用concat04.Array.prototype.filter()05.Arr
2020-12-09 21:37:50
138
1
原创 前端微信支付与支付宝支付
文章目录一、微信支付二、支付宝支付一、微信支付在移动端微信支付分为微信内支付和微信外支付。在订单组件中选择支付方式之后在支付页面先去判断是否在微信内://判断是否微信 is_weixn(){ var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger'){ return t
2020-12-07 21:16:24
967
1
原创 JavaScript为什么是单线程的？及微任务宏任务详解
文章目录一、JavaScript为什么是单线程？二、任务队列三、事件和回调函数四、js微任务及宏任务宏任务微任务一、JavaScript为什么是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScri
2020-12-07 19:57:13
221
3
原创 what is 混合开发？
文章目录一、混合开发是什么？二、web网页和ios，android进行交互(原理)web网页和ios，android进行交互(原理)一、混合开发是什么？混合开发，是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说，这就是网页的模式，通常由“H5云网站+APP应用客户端”两部份构成。混合开发是一种取长补短的开发模式，原生代码部分利用插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的技术进行实现的。很多APP都是利用混合开
2020-12-07 19:20:23
3867
6
原创 rem适配
文章目录一、什么是rem？二、rem适配原理一、什么是rem？rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位，也就是我们前端常说的适配单位rem。因为rem的特性相对长度单位，常被用来做移动适配，pc端页面不推荐使用rem。二、rem适配原理举个列子：设计稿宽度：600px移动设备：600px设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px，那么 1rem = 100px设置一个盒子的宽度: w
2020-12-07 18:56:27
586
3
原创 uni-app从入门到放弃(二)
文章目录一、项目开发问题二、路由跳转三、配置tabbar四、如何请求接口五、nvue是什么？六、数据缓存七、像素单位一、项目开发问题input的placeholder样式无法直接覆盖使用placeholder-class属性设置一个类名，再用该类名写样式去覆盖掉原有的样式 <input type="text" v-model="searchName" placeholder="请输入名字" placeholder-class="search-placeholder"/>
2020-12-04 20:46:45
641
原创 uni-app从入门到放弃(一)
文章目录一、uni-app简单介绍什么是uni-app？uni-app的优点跨平台发行，运行体验更好通用前端技术栈,学习成本更低开发生态,组件更丰富二、功能框架浏览图三、创建项目1、安装HBuilderX2、创建uni-app3、运行项目4、官方提示四、项目中使用扩展组件五、uniapp生命周期应用生命周期页面生命周期组件生命周期一、uni-app简单介绍什么是uni-app？uni-app 是使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小
2020-12-04 18:36:37
23625
2
原创 大部分前端都会答错的问题：＜img＞是什么元素
前言某天晚上，和几个朋友去撸串，突然就聊到了面试，都在感叹现在的面试题太变态了，其中一个突然很神秘的问我：“你写前端这么久了，那你知道<img> 是什么元素吗？”于是我结合平时的经验，脱口答道：“应该是内联元素吧。”但说出来就后悔了，因为肯定没那么简单。果然，他像“非洲大山”穆托姆博那样对我摇了摇指头。于是我回去就查了一下，发现答案还不是那么明朗，以下是百度的结果：但通过图中可以发现，提到了一个词：替换。1.什么是可替换元素？在 CSS 中，可替换元素（replaced ele
2020-11-29 16:02:05
2675
3
原创 微信小程序中开发常见问题
在微信小程序的开发过程中，会遇到各式各样的问题，本文主要是针对自己开发中遇到的问题，找到解决方案后的记录总结。1.控件中同时使用wx:if和wx:for导致无效的问题这个问题是一个朋友问到的，场景是一个列表数据，通过服务器的一个参数控制条目中图片的显示隐藏，比如当前的数据是有图片的，则该条目的isShow为true，反之，则isShow为false。布局的方式是大的列表数据嵌套小的图片列表数据，在实现的时候通过wx:if来控制图片列表的显示隐藏，通过wx:for来控制图片列表数据的显示，逻辑结构很简单，
2020-11-29 15:44:40
542
原创 微信小程序授权登录
1.流程首先在用户打开小程序的时候，通过wx.openSetting判断用户是否已授权，如果没有授权的话，显示button按钮下面是wxml的相关代码<button open-type="getUserInfo" bindgetuserinfo="allowLogin" class="wsy_allow_btn">允许</button>在这里按钮有一个attribute为open-type,open-type的值设置为getUserInfo的话，就可以获取用户信息，可以从a
2020-11-29 15:28:41
345
原创 小程序性能优化以及常见setData操作错误
官方给出的小程序性能优化建议setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据直接共享的通道。当前，视图层和逻辑层的数据传输，实际上通过两边提供的 evaluateJavascript 所实现。即用户传
2020-11-21 19:49:45
1052
原创 微信小程序的生命周期详解
文章目录一、应用生命周期(App)二、页面生命周期(page)三、应用生命周期和页面生命周期四、路由变化对页面生命周期的影响一、应用生命周期(App)App()函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期函数等。关于小程序的退出：当用户点击小程序左上角关闭，或者按设备Home键离开微信，小程序并没有直接销毁，而是触发onHide方法进入了后台，短时间内当再次进入微信或者再次打开小程序，小程序会从后台状态进入前台，此为“热启动”。注意当小程序进入后台状态一定时间后，或者系
2020-11-21 10:56:29
857
原创 小程序开发入门到实践
文章目录一、什么是小程序？二、开发工具1.小程序开发者工具2.文件目录结构3.页面生命周期4.路由跳转一、什么是小程序？微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。https://mp.weixin.qq.com/cgi-bin/wx二、开发工具1.小程序开发者工具这个工具集成了公众号网页调试和小程序调试两种开发模式。我这里使用了Beta版本，没有用正式版。因为我想体
2020-11-20 11:29:49
215
1
原创 JavaScript为什么是单线程？
一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？为
2020-11-18 18:46:06
570
原创 javascript高级知识点总结
文章目录一、构造函数1.为什么要有构造函数2.获取对象上的属性和方法3.设置对象上的属性和方法4.删除原型对象中的say方法5.构造函数和普通函数构造函数和普通函数只在调用方式不同二、原型对象三、对象的属性的读取与设置四、继承1.继承的概念2. 扩展原型对象实现继承3.替换原型对象实现继承4.混入继承5.原型+混入继承6.经典继承五、原型链1.原型链的基本概念六、属性方法1. Object.prototype.toString()2. Object.prototype.hasOwnProperty()3.
2020-11-18 17:09:59
164
原创 webpack入门
文章目录前言一、webpack介绍1.webpack是什么？2.webpack特点3.webpack的核心4.作用二、webpack的使用1.小试牛刀2.配置scss3.自动生成html前言 现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。模块化，让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能转换为Jav
2020-11-17 15:56:47
187
2
原创 javascript初步了解
文章目录前言一、JavaScript简介1.JavaScript是什么？2.JavaScript的特点3.JavaScript的三大核心4.JavaScript能做些什么？二、JavaScript文件引入方式1. 行内导入方式（不推荐，不安全）2. 内嵌式3. 外链式4. 注意点三、JavaScript中常用的输入输出语句四、JavaScript的数据类型五、JavaScript的数据类型转换1.把数值转换为字符串2.把字符串转换为数值3.其他简单数据类型转布尔型六、JavaScript的判断语句七、Jav
2020-11-15 20:10:58
245
原创 使用Promise封装 原生ajax与$.ajax()，以及fetch的使用
文章目录1.如何使用promise封装原生ajax2.如何使用promise封装$ajax()3.fetch的使用1.fetch请求数据2.Response对象1.如何使用promise封装原生ajaxget function getRequest(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open(
2020-11-12 19:58:35
146
原创 http与https协议、常见状态码、get与post以及http的缓存机制
文章目录一、HTTP与HTTPS1.HTTP与HTTPS介绍2.HTTPS和HTTP的主要区别3.HTTPS的工作原理4.HTTPS的优点5.HTTPS的缺点6.http切换到HTTPS二、常见状态码各类别常见状态码三、get与post区别GET和POST还有一个重大区别四、http的缓存机制1.http缓存原因2.如何使用HTTP缓存 ？3.HTTP缓存的几个注意点一、HTTP与HTTPS1.HTTP与HTTPS介绍超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协
2020-11-11 20:32:20
249
原创 es6新增详解
文章目录一、es6是什么1. 官方回答2. 本人理解二、版本新增1. let 和 const 和 var 的区别2.解构赋值3.模板字符串4.字符串新增5.函数的新增6.箭头函数7.数组新增8.对象新增1.对象的简洁：2.方法的简洁：3.新增对象方法：9.扩展运算符10.promise11.async await12.class类构造器13.class静态属性和静态方法14.set和map数据结构set数据结构map数据结构15.模块化一、es6是什么1. 官方回答ECMAScript 6（以下简称
2020-11-10 17:25:08
169
原创 vue常用指令以及动态样式添加
文章目录一、vue指令1.v-once2.v-show3.v-if4.v-else5.v-else-if6.v-for7.v-html8.v-text9.v-on10.v-model11.v-bind1. 动态绑定class2. 动态绑定style一、vue指令官网解释指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。1.v-
2020-11-09 16:36:04
633
原创 vuex详解
文章目录一、什么是vuex?二、为什么要用vuex?三、使用步骤1.安装2.使用vuex3.创建store四、vuex五大核心1.State2.Getters3.Mutations4. Action5. Modules五、vuex辅助函数1.什么是辅助函数？2. 如何使用六、vuex运行机制七、 注意一、什么是vuex?我们先来看看对Vuex比较专业的介绍： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测
2020-11-07 18:53:44
106
原创 vue开发app搭建项目，注册登录以及token理解与心得
文章目录前言一、项目主要内容二、技术栈三、项目目录三、APP登录1.token2.token验证三、开发问题总结前言最近团队协作开发了一款app项目，主要为了方便用户日常生活中可以随时随地学习，为学习提供了便利。这篇博客主要是讲一些本人及开发团队在开发项目中注册登录部分的业务逻辑，以及团队协作中遇到的问题，警醒后人！一、项目主要内容此项目是一款线上教育平台，目前已经跟国内很多高校展开合作，用户可以随时随地和高校名师进行交流学习，下面是项目地址项目链接地址二、技术栈1.axios(封装接口，
2020-10-30 21:47:34
771
1
原创 Git本地使用
这里写自定义目录标题入门：一：. Git是什么？Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就纳闷了。Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑
2020-09-25 20:42:05
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人