- 博客(26)
- 收藏
- 关注
RSS订阅原创 面试知识点
前端面试知识点Sketchhttp://www.sketchcn.com/蓝湖https://lanhuapp.com/web/#/itemHTML5https://www.runoob.com/html/html5-intro.htmlCSS3https://www.runoob.com/css3/css3-tutorial.htmlless与sass的区别https://www.jianshu.com/p/029792f0c97dBootstraphttps://www.boot
2021-11-01 15:49:37
333
原创 JS数字精度问题
JS数字精度问题问题解决方案（使用mathjs）问题浮点数精度问题，比如 0.1 + 0.2 !== 0.3大数精度问题，比如 9999 9999 9999 9999 == 1000 0000 0000 0000 1toFixed 四舍五入结果不准确，比如 1.335.toFixed(2) == 1.33浮点数精度和 toFixed 其实属于同一类问题，都是由于浮点数无法精确表示引起的，如下：(1.335).toPrecision(20); // "1.334999999999999964
2021-10-09 11:19:08
756
1
原创 git commit messgae 规范化
文章目录git commit messgae 规范化 & 格式化介绍：格式举例：工具安装：安装步骤：命令git commit messgae 规范化 & 格式化介绍：git commit message 是一套约定式提交规范，用于形成规范化的提交记录，使之清晰，方便格式举例：目前规范使用较多的是 Angular 团队的规范, 继而衍生了 Conventional Commits specification. 很多工具也是基于此规范, 它的 message 格式如下:<typ
2021-03-03 14:06:24
436
1
原创 CSS 定位(position)
文章目录CSS 定位(position)一、static 属性值二、relative，absolute，fixed2.1 relative 属性值2.2 absolute 属性值2.3 fixed 属性值四、sticky 属性值小案例CSS 定位(position)一、static 属性值static是position属性的默认值。如果省略position属性，浏览器就认为该元素是static定位。这时，浏览器会按照源码的顺序，决定每个元素的位置，这称为"正常的页面流"（normal flow）。每
2021-03-03 11:56:21
160
原创 移动端微信支付
文章目录微信支付微信内支付微信外支付微信支付支付分为微信内支付和微信外支付先进行判断 是在微信内还是微信外//判断是否微信 is_weixn(){ var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } else {
2020-12-07 20:59:34
337
原创 JavaScript单线程，微任务，宏任务
文章目录一、JavaScript的单线程二、微任务，宏任务一、JavaScript的单线程从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制，且不得操作 DOM。所以，这个新标准并没有改变 JavaScript 单线程的本质。二、微任务，宏任务因为js是单线程，所以在js执行的时候代码从上往下执行，先执行同步
2020-12-07 19:36:37
125
原创 混合开发app
移动端App目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定制开发就是原生开发、H5开发和混合开发。混合开发混合开发就是原生+WebApp(即HTML5)协作开发。混合开发是一种取长补短的开发模式，原生代码部分利用Web View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。就是当web开发时遇到比较复杂的效果时，让原生进行开发，
2020-12-07 19:20:27
383
1
原创 如何根据移动端设计图设计rem比例
remrem是css单位，rem是根据根html元素的字体大小来计算单位的。浏览器默认的 html font-size=16px， 这样如果我们需要设置字体的大小为12px, 通过计算可知 12 / 16 = 0.75；因此只需要设置 font-size= 0.75rem。...
2020-12-07 19:08:34
268
原创 uniapp创建项目，使用扩展组件以及生命周期
文章目录一、uni-app简单介绍什么是uni-app？uni-app的优点二、功能框架浏览图三、创建项目四、项目中使用扩展组件五、uniapp生命周期应用生命周期页面生命周期组件生命周期一、uni-app简单介绍什么是uni-app？uni-app 是使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。uni-app的优点跨平台发行，运行体验更好与小程序的组件、API一致；兼容weex原生渲染，增加了开发效率高，但是由于w
2020-12-04 16:19:27
995
原创 做小程序项目时遇到的难点
文章目录一，小程序里边的双向绑定和vue的双向绑定有什么区别？二、组件通信1. 父组件传给子组件2. 子组件传给父组件三、封装微信小程序的数据请求四、项目启动慢分包加载一，小程序里边的双向绑定和vue的双向绑定有什么区别？小程序数据双向绑定：：1，首先利用bindinput来触发改变input输入框中的值2，使用data-name来获取改变的数据的内容3， bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容‘4， 通过this.set
2020-11-29 15:28:23
1477
原创 小程序 授权、登录、token、code
文章目录一、前言二、实现思路实现登录的代码流程图一、前言由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01二、实现思路刚开始进入小程序时，先判断是否授权。如果没有授权，显示授权button按钮，让用户实现点击的功能，就是通过 button
2020-11-29 15:10:53
1629
原创 小程序小知识点总结及vant weapp UI组件库的使用
文章目录前言一、小程序是什么？二、点击方法三、传值四、自定义组件五、父子通信六、 尺寸单位 rpx七、 引入vant weapp UI组件库引入组件使用组件前言微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响
2020-11-22 20:59:41
1011
2
原创 Webpack 安装配置及打包详细过程
Webpacksass gulp转换成css文件一个页面很多个js文件，维护只能加 轻易不能删页面的优化，js/html/css文件的压缩，图片压缩什么是webpack打包工具 （静态资源打包工具） 前端必备它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。webpack 的特点？js依赖进行整合处理 （打包整合）一些预处理的sass，less可以
2020-11-17 16:11:19
429
原创 JS中堆、栈、队列、内存空间
内存空间管理JavaScript的内存生命周期:分配你所需要的内存使用分配到的内存（读、写）不需要时将其释放、归还为了便于理解，我们使用一个简单的例子来解释这个周期。var a = 10; // 在内存中给数值变量分配空间alert(a + 90); // 使用分配到的内存a = null; // 使用完毕之后，释放内存空间在JS中，每一个数据都需要一个内存空间。内存空间又被分为两种，栈内存(stack)与堆内存(heap)。栈（stack）栈的特点是"LIFO，即后进先出（
2020-11-17 15:58:55
333
2
原创 JavaScript入门基础以及输出方式
JS简介JavaScript是一种属于网络的解释性脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。网页上的动态效果大多都是用JavaScript来做成的例如：淘宝上的点击查看大图、登录时的弹出框 都是通过js来实现的为什么要使用JavaScript所有主流浏览器都支持JavaScript目前，全世
2020-11-15 19:54:26
214
原创 使用promise封装 原生ajax，$.ajax(),以及fetch
Promise封装aiax let request = function (url, type = 'get', data) { return new Promise((resolve, reject) => { // 创建XMLHttpRequest对象 let xhr = new XMLHttpRequest() // 建立连接 xhr.open
2020-11-12 20:33:54
187
原创 HTML5、CSS3新增
html5新增了一些语义化标签footer、header、article、nav、section、视频音频、input的类型还新增了一些功能拖拽、定位 、重力感应、本地存储css3边框、边框阴影、边框圆角、边框图片、背景图片、渐变、文本效果、2D3D转换、过渡、动画、弹性盒子、选择器...
2020-11-12 18:53:09
104
原创 HTTP和HTTPS的区别 常见状态码、get/post 以及HTTP缓存机制
HTTP和HTTPS的区别HTTP 是超文本传输协议，信息是明文传输，HTTPS 则是具有安全性的 SSL 加密传输协议。HTTP 和 HTTPS 使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。HTTP 的连接很简单，是无状态的。HTTPS 协议是由 SSL+HTTP 协议构建的可进行加密传输、身份认证的网络协议，比 HTTP 协议安全。常见状态码类别原因短语1xxInformational（信息性状态码）接受的请求正在处理
2020-11-11 20:22:31
192
原创 箭头函数和普通函数的区别
箭头函数和普通函数的区别箭头函数箭头函数中的this，其实是继承了外层环境中的this，如果没有的话，就会指向window，所以箭头函数不能作为构造函数使用 ，不能实例化，不然会报错普通函数简单来说，普通函数作为方法调用时，谁调用this就是谁 ，哪里调用函数、this就会被谁调用而发生改变，...
2020-11-11 19:51:24
138
原创 vue 常用指令，以及动态添加样式，单选效果，多选效果样式实现
Vue基础——常用指令指令：Vue的指令是以v-开头的，作用于页面中的元素，所以需要将指令绑定与元素中，从而达到给绑定的元素添加行为的目的。 语法：<元素标签 v-指令 = “表达式”>1.v-text和v-html v-text 和v-html作用相近，都是更新元素的中的内容，可以理解为innertext和innerHTML，而不能一味的滥用这两个指令 ，如果需要更新的只是部分的元素则应该使用的是双大括号的插值：{{value}}。v-html 会解析标签，而v-text怎不会
2020-11-09 16:18:38
419
原创 在vue中的使用流程 Vuex的理解 使用步骤及五大核心和映射
Vuex文章目录Vuex一、Vuex是什么？什么情况下我应该使用 Vuex？二、使用步骤1.引入库2.将store挂载到当前项目的Vue实例当中去3.在组件中使用Vuex二、VueX中的属性Vuex工作流程Mutation传值ActionsGettersModels映射映射关系 提示：以下是本篇文章正文内容，下面案例可供参考一、Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化
2020-11-07 19:25:00
997
原创 创建Vue 项目 登录注册以及携带token
创建Vue 项目 登录注册以及携带token安装 Vue创建vue 项目安装 Vuenpm 安装 ，从node官网下载 node双击打开，在安装界面一直NEXT；打开控制命令行程序（CMD）,检查是否正常node -vnpm -v然后使用 npm 下载 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org然后检查cnpm 是否安装成功vue-cli版本必须是3.0或更高版本 使用
2020-10-31 18:59:12
710
原创 大厂前端常见面试题
1. 响应式布局是如何实现的百分比布局rem布局vw 响应式布局媒体查询 @media弹性盒子2. 数据类型判断typeof 对基本数据类型判断是没有问题的 但是遇到引用数据类型就不起作用了instanceof 判断 new 关键字创建的引用数据类型 不考虑null 和 undefinedconstructor 完全可以应对基本数据类型和引用数据类型 但是声明一个构造函数 把他的原型指向Array的原型 这种情况下也不能判断Object.prototype.toString.ca
2020-10-10 16:04:34
498
原创 ES6——包括：ES6新增的语法（let、const、解构赋值、箭头函数、）、ES6内置对象的扩展（扩展运算符、Array.from()、find()、Set数据结构等）
es61. let、const 和 var 的区别let、const不可以重复声明，var 可以重复声明let、const不可以变量提升，var 可以常量const，但是他在创建必须要有初始值，并且不可以改变块级作用域在for循环中，条件的let相当于块级夫作用域for(let i=0;i<10;i++){// 循环体是子作用域let i = hello}...
2020-09-30 10:09:09
379
原创 Vue 练习手册及答案
Vue练习手册及答案1、简述MVVM和MVC（1）MVC：是后台的框架模式分为M：（model模型）、V（view试图）、C（controller控制器）（2）MVVM是为了实现MVC中的VMVVM分为：M（model数据）、V（view试图）、VM（viewModel控制数据的改变和控制试图）2、简述虚拟DOM对复杂的文档DOM结构，提供一种方便的工具，进行最小化的DOM操作3、怎么创建vue的实例## 4、列举常用指令以及作用(1)V-for循环 (2)v-on绑定事件(3)v-
2020-09-20 19:02:26
2200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人