文雅的-CSDN博客

原创微信支付实现思路

文章目录微信支付微信内支付微信外支付微信支付支付分为微信内支付和微信外支付先进行判断是在微信内还是微信外//判断是否微信 is_weixn(){ var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } else {

2020-12-07 21:12:39 594

js单线程众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的；而异步任务的执行，是有一个优先级的顺序的，包括了宏任务（macrotasks）和微任务（microtasks）宏任务宏任务是指消息队列众的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化，但宏任务执行结束时，栈也会随之销毁。包括整体代码 script，setTimeout，setInterval ，setImmediate，I/O，UI render

2020-12-07 20:21:26 707

原创如何根据设计图设计rem比例

一、什么是rem？rem是相对长度单位、相对根元素（既html元素）font-size计算值的倍数的一个css单位，fontsize=100px=1rem，也就是我们前端常说的设配单位rem。因为rem的特性相对长度单位，常被用来做移动适配，pc端页面不推荐使用rem。二、rem的移动适配原理？举个列子：设计稿宽度：600px移动设备：600px设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px，那么 1rem = 100px设置一个盒子的宽度: wid

2020-12-07 19:52:18 1519 3

原创原生APP和混合APP、web APP有什么区别？优略势对比

1.原生APP原生APP身什么？原生APP就是利用Android、iOS平台官方的开发语言、开发类库、工具进行开发。比如安卓的java语言，iOS的object-c语言。在应用性能上和交互体验上应该是最好的。优点： 1、可访问手机所有功能、可实现功能最齐全； 2、运行速度快、性能高，绝佳的用户体验； 3、支持大量图形和动画和重新发现，不卡，反应快； 4、比较快捷地使用设备提供的接口，处理速度上有优势；缺点：在过去主要成本高、周期长，Android和iOS都需要单独开发。 2. .

2020-12-07 19:37:28 316

原创 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 21:07:25 529

原创小程序中的分包理解和小程序里边的双向绑定和vue的双向绑定有什么区别以及小程序中的组件通信

文章目录一、小程序里边的双向绑定和vue的双向绑定有什么区别？二、组件通信1.父组件传给子组件2.子组件传给父组件三、封装微信小程序的数据请求四、项目启动慢分包加载一、小程序里边的双向绑定和vue的双向绑定有什么区别？小程序数据双向绑定：首先利用bindinput来触发改变input输入框中的值。使用data-name来获取改变的数据内容。bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容。通过this.setData()来改变da

2020-11-29 19:34:10 325

原创微信小程序中的授权、登录注册token和code

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、实现思路二、实现登录的代码1.app.js2.用户点击button按钮前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、实现思路刚开始进入小程序时，先判断是否授权。如果没有授权，显示授权button按钮，让用户实现点击的功能，就是通过butt

2020-11-29 19:10:44 4115 1

原创小程序小知识点总结及vant weapp UI组件库的使用

文章目录前言一、小程序是什么？二、点击方法三、传值四、自定义组件五、父子通信六、尺寸单位 rpx七、引入vant weapp UI组件库引入组件使用组件前言微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行

2020-11-23 08:13:13 637 1

原创 js的原型和原型链，基本数据类型和引用数据类型的区别以及深拷贝和浅拷贝的区别和实现

一、js原型/原型链？1.原型概念：js中每一个构造函数都有一个与之对象的js对象来表示，这个对象中都有prototype属性，这个属性就叫函数的原型。原型就是函数对象的prototype属性。优点：构造函数的所有实例化对象都可以共享函数原型的属性和方法。缺点：函数的原型delete方法删除不掉2.原型链实例化一个对象，我们要使用对象的属性或者方法，他会先从当前对象进行查找，如果找不到，就去函数的原型中去查找，如果原型中也不存在，就去函数的父对象查找，如果最终没找到，返回undefined。

2020-11-18 16:17:06 800

原创 webpack基础使用，以及搭建安装

一、什么是WebpackWebpack是一个前端资源加载/打包工具，他将根据模块的依赖关系进行静态分析，然后讲这些模块按照指定的规则生成对应的静态资源。sass gulp转换成css文件一个页面很多个js文件，维护只能加轻易不能删页面的优化，js/html/css文件的压缩，图片压缩webpack的特点？js依赖9进行整合处理（打包整合）一些预处理的sass，less可以在环境中进行编译（转换）可以对js、html、图片等进行压缩（优化）webpack的核心？entry 入口文件

2020-11-18 14:50:51 98

原创初步了解javascript基础知识与语法

一、javascript的简介：*javascript 是一种基于对象和事件驱动的语言，主要应用于客户端。　　　　– 基于对象：　　　　　提供了很多对象，可以直接使用。　　　 --事件驱动：　　　　　html做的网页是静态效果，javascript做的是动态效果。　　　　--客户端：　　　　　主要是指浏览器。*js的特点：（1）交互性：　　　　　　　　　　　　--信息的动态交互。　　　　　　　　（2）安全性：　　　　　　　　　　　　--s不能访问本地磁盘中的文件。　　　　　　　　

2020-11-15 21:38:18 134

原创使用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:43:57 221

原创 http和https，常见状态码，get和post的区别以及缓存机制

一、HTTP和HTTPS的基本概念HTTP：超文本传输协议（HTTP,HyperText Transfer Protocol）是互联网上应用最广泛的一种网络协议，是一个客户端向服务端请求和答应的标准（TCP），用于WWW服务器传输超文本到本地浏览器的传输协议，他可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全办，即HTTP下加入SSL层，HTTPS的安全基础是SSLl，因此加密的详细内容内容就是SSL。HTTPS协议的主要作用可以分为两种：一种是建

2020-11-11 21:21:58 386

原创 ES6新增，解构赋值，扩展运算符和箭头函数

关于ES6新增特性** 块级作用域**let、const 和 var 的区别let、const不可以重复声明，var 可以重复声明let、const不可以变量提升，var 可以常量const，但是他在创建必须要有初始值，并且不可以改变//块级作用域//在for循环中，条件的let相当于块级夫作用域for(let i=0;i<10;i++){// 循环体是子作用域let i = hello}varletconst在函数作用域内或者全局有效，没有块级作用

2020-11-10 19:23:42 170

原创关于vue 常用指令，以及动态添加样式，单选效果，多选效果样式实现，以及style，class的样式切换

学习目标：使用了 vue 的指令后，表达式是 JS 表达式，变量是 VUE 实例中的数据属性。学习内容：1 常用指令v-if指令v-show指令v-else指令v-for指令v-bind指令v-modelv-on指令v-text指令vue声明式渲染：采用模板语法来声明式的将数据渲染进Dom<div id="app"> <h1>{{msg}}<h1></div>new Vue({ el:"#app", data:{

2020-11-09 20:23:58 269

原创 Vuex的基本介绍及Vuex的五个核心属性，使用场景

VuexVuex是什么：介绍：Vuex是专门为Vue.js设计的状态管理模式。它采用集中式储存管理Vue应用中所有组件的状态理解：核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。Vuex可以理解为一种开发模式或框架，通过状态集中管理驱动组件的变化，应用级的状态集中放在store中，改变状态的方式是提交mutations,异步逻辑封装在action中使用 Vuex 统一管理状态的好处：能够在 vuex 中集中管理共享的数据，利于开发和后期的维护；能够高效的实现组件之.

2020-11-07 19:24:09 3900 1

原创 vue封装与搭建API，登录注册以及token的理解

vue 中使用axios + promise封装项目api接口的思路axios封装了原生的XHR，让我们发送请求更为简单，但假设在一个成百上千个vue文件的项目中，我们每一个vue文件都要写axios.get()或axios.post()岂不是很麻烦？后期的维护也不方便，所以我们要对axios进行进一步的封装。1.API封装在 src下新建API文件夹1.在index.js 中配置axios：var instances = null;// 创建一个带自定义配置项的axios 实例const

2020-11-01 20:08:08 494

原创用JavaScript实现选项卡功能，当选择全选按钮的时候，下边的复选框所以按钮被选中，当取消一个复选框按钮时，全选框按钮失去效果，当再次把所有复选框按钮选择实现全选

点击全选，让下边的按钮都被选中，以及复选框的交互简单上代码啦~~CSS样式<style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse:

2020-06-30 16:36:00 779

原创用JavaScript写选项卡的多种实现功能，只需点击上面的导航标签即可切换下方内容，用原生js实现选项卡以及闭包版和 JQ方法实现选项卡，

选项卡的三种实现功能用原生js实现选项卡以及闭包版JQ方法实现选项卡**原生js**CSS样式<style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin:

2020-06-29 15:22:47 406 1

原创用Javascript实现星星评分功能实力代码，即鼠标放在星星上，星星自动亮且提交评分

JavaScript实现星星评分特效，即鼠标放在星星上，星星自动亮且提交评分CSS样式 <style> * { margin: 0; padding: 0; } .box { width: 800px; height: 20px; background-color: pink; displa

2020-05-31 15:42:24 1051

原创 js实现简单的购物车有图有代码

用JavaScript实现静态购物车功能要求：点击+号数量增加，点击-号数量递减；实现全选、反选和删除功能；求出小计、总数量和总价；看效果图CSS样式<style> table{ width: 900px; border-collapse: collapse; margin: 0 auto; } th{ border-to

2020-05-18 12:17:57 11143 5

原创用JavaScript实现信息输入，能实现输入用户姓名和学号添加内容，并且点击全选按钮来清空信息，点击删除时能够删除所选内容，以及点击搜索按钮，使其能进行变色，要求序号自增长

实现信息输入1. 添加用户名，学号，和性别选择2. 序号能实现自增长3. 实现全选和反选功能4.实现删除功能5.点击搜索变色使其相对应元素进行变色功能*CSS样式 <style> * { margin: 0; padding: 0; } .wrap { width: 800px; margin: 0 auto;

2020-05-15 14:43:48 4040 2

原创用javascript实现留言板功能。要求：点击提交按钮，讲输入框中文字添加到显示留言下，并清空文本框；点击删除，将添加的姓名与内容以及删除按钮都删除。js

用JavaScript实现留言板功能，要求：点击提交按钮，讲输入框中文字添加到显示留言下，并清空文本框；点击删除，将添加的姓名与内容以及删除按钮都删除。CSS样式<style> *{ margin: 0; padding: 0; } .box{ width: 500px; border: 1px solid red; margin

2020-05-12 15:55:10 3296

原创 JavaScript函数的认识和了解

函数1.函数的概念和作用什么是函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数可以封装一段JavaSript代码，它只定义一次，但可以被执行或调用任意多次函数的作用有哪些？使程序变得简洁清晰易于代码维护提高了代码的复用性，提高程序开发的效率（就是封装一段代码，将来可以重复使用）2.函数的定义第一种创建函数的方式：function 函数名(参数1，参数2，...){ 函数体;}第二种创建函数的方式：var fn=function(参数1，参数2，...

2020-05-09 18:15:26 160

原创关于js生成随机验证码并验证

用JavaScript生成随机验证码并验证body部分 <span id="code" style="background-color: #ccc">1010</span> <input type="button" value="刷新" onclick="randomCode()"><br> <input type="text" id="txt" placeholder="请输入验证码"> <input typ

2020-05-09 18:06:23 404

原创关于js实现一个简单的点名器

javascript 实现简单点名器 - css样式 <style> .box{ width: 350px; height: 300px; background-color: antiquewhite; margin: 0 auto; te...

2020-05-08 14:07:07 1000

weixin_47485418的博客