- 博客(20)
- 收藏
- 关注
RSS订阅原创 ant design for vue表格合计
第一种方法，就是后端做数据处理，多返回一条数据；具体操作地址：https://blog.csdn.net/qq_38215042/article/details/114627091?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162512406116780269845978%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&reques
2021-07-01 15:34:21
2473
1
原创 如何根据设计图设计rem比例
如何根据设计图设计rem比例关于图纸通常UI会给我们的设计图，设计图的宽度一般为750px(像素)，也有设计图的宽度为640px具体操作我们主要就是根据上面的图纸宽度和手机可视窗口的宽度来设置rem比例众所周知，rem布局原理是由根元素的font-size值来决定的,通常：font-size=100px=1rem。这是怎么计算的呢？我们简单以750的设计图为例：我们可以设置一个js文件来处理rem，需要使用rem时调用即可function rem(){ //根据设备的宽设置html的字体大小
2020-12-07 23:19:11
376
原创 微信支付，支付宝支付
一、移动端微信支付1.在订单组件中选择支付方式之后在支付页面先去判断是否是在微信内：//判断是否微信 is_weixn(){ var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } else { re
2020-12-07 23:15:58
392
原创 混合app的使用
什么是混合App（Hybrid App）Hybrid App是指介于web-app（网页APP，如京东web）、native-app（原生应用，如手机上面的APP应用）这两者之间的app,它虽然看上去是一个Native App，但只有一个WebView ( WebView,可以类比成iframe )，里面访问的是一个Web App，就是包了个客户端的壳，其实里面是HTML5的网页。混合开发简介现在app开发方类型有几种？WebApp:就是在浏览器中运行的web应用NativeApp:用androi
2020-12-07 23:01:50
830
2
原创 谈谈对js单线程，宏任务微任务理解
在前端的面试中经常会问到关于代码执行顺序的问题，我们先看下面一段代码setTimeout( () => console.log(4)) new Promise(resolve => { resolve() console.log(1)}).then( () => { console.log(3)}) Promise.resolve(5).then(() => console.log(5)) console.log(2)问题是：在浏览器上面 1 2 3
2020-12-07 22:38:03
106
原创 uni-app跨域的解决以及如何封住api，请求接口
uni-app跨域的解决以及如何封住api，请求接口let request = function(url, data = {}, method = "GET") { return new Promise((resolve, reject) => { uni.showLoading({ title: "加载中", mask: true, }); uni.request({ url, //真实接口地址。 data, //参数 method, //请求的方式
2020-12-04 19:40:24
1479
原创 小程序---登录注册
1、 首先打开小程序时 就要判断是否授权//小程序官方文档提供的wx.getSetting方法可以看到各种授权，有兴趣可以自己看看，这里我们就只要scope.userInfo这个属性 wx.getSetting({ success: async (res)=>{ if(res.authSetting["scope.userInfo"]){ console.log("已授权") this. denglu() }
2020-11-29 19:15:10
236
原创 小程序遇见的问题
1. bindtap和catchtap的区别是什么？bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡2.关于 标签容易忽略的问题：使用标签时容易忘记绑定bindblur()方法（输入框失去焦点时触发），因为用户用键盘输入时不一定会点击完成的按钮，有可能输入完之后直接点击屏幕空白处，这样手机键盘会收起，这时不会触发bindconfirm()方法（点击完成按钮时触发），所以会拿不到用户输入的值。当然还有其他的解决办法，这个只是博主遇到的而已。3.__WEBPA
2020-11-29 18:59:09
519
原创 小程序组件传值和引入sass，使用vant Weapp组件库
1.生命周期1.onLoad()：页面加载时触发，一个页面只加载一次。2.onShow()：页面显示切换的时候触发3.onReady():页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互4.onHide():页面卸载时触发2.小程序的框架：小程序框架有两个层，一是视图层，一是逻辑层。框架的视图层：1.由 WXML 与 WXSS 编写，由组件来进行展示。2.将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。3.WXML(WeiXin
2020-11-22 14:36:22
469
2
原创 理解javascript（2）
六、js的数组第一种： var arr = [1,2,3] || var arr = [1,“2”,true]第二种： 使用内置对象 Array，var arr = new Array(5); //定义了一个长度为5的数组。 arr[0] = “1”; arr[1] = 2; arr[2] = true;第三种： 使用内置对象 Araay， var arr = new Array(3,“4”,true);//定义一个数组，其中值为：3，4，true–数组中有一个属性
2020-11-18 15:12:05
232
原创 webpack整理 搭建过程
webpack整理 搭建过程webpack 是什么？打包工具 （静态资源打包工具）webpack 的特点？js依赖进行整合处理 （打包整合）一些预处理的sass，less可以在环境中进行编译 （转换）可以对js、html、图片等进行压缩 （优化）webpack的核心？entry 入口文件 // 好比main.jsoutput 出口文件 // 好比dist 打包之后的文件夹plugin 插件 // 自动生成html文件等插件loader
2020-11-17 17:11:21
951
3
原创 理解javaScript
一、javascript的简介javascript 是一种基于对象和事件驱动的语言，主要应用于客户端。基于对象：提供了很多对象，可以直接使用。事件驱动：html做的网页是静态效果，javascript做的是动态效果。客户端：主要是指浏览器。js的特点：交互性：–信息的动态交互。安全性：–s不能访问本地磁盘中的文件。跨平台性：–与java不同，js直接使用 浏览器跨平台。javascript和java之间的区别：（没有任何关联）java是sun公司（现在是oracle）
2020-11-15 21:34:36
281
原创 如何使用promise封装 原生ajax，$.ajax(),以及fetch？
原生封装ajax<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script>
2020-11-12 21:19:06
72
原创 http/https协议、常见状态码、get/post、http缓存机制
HTTP/HTTPS超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏
2020-11-11 21:10:15
222
原创 关于ES6，都有哪些新增以及理解
ES6新增特性1.let关键字（1）基本用法：let关键字用来声明变量，它的用法类似于var，都是用来声明变量。（2）块级作用域：let声明的变量，只在let关键字所在的代码块内有效。（3）不存在变量提升：let声明的变量一定要在声明后使用，否则会报错<script>export default { data() { return {}; }, mounted() { mounted() { //基本用法：let关键字用来声明变量，它的用法类似于var
2020-11-10 18:44:25
418
原创 关于vue 常用指令，以及动态添加样式，单选效果，多选效果样式实现
1.vue常用指令1.v-once能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定2.v-show和v-if一样 区别是if是注释掉 v-show是给一个display：none的属性 让它不显示！ 用法 参考下一个v-if指令.3.v-ifv-if后面的是一个表达式或者也可以是返回true或false的表达式。 且值为true和fasle false的话就会被注释 v-show是给一个display：none的属性 让它不显示！
2020-11-09 20:57:29
231
原创 浅谈vuex
1.什么是vuex1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。2.vuex的核心概念Vue有五个核心概念，state, getters, mutations,
2020-11-08 20:37:38
87
原创 Vue的Apl封装搭建，以及对登录注册和token的理解
Vue的Apl封装搭建，以及对登录注册和token的理解1.为什么要封装axios因为对axios进行封装以及将API接口按业务模块统一管理，有助于我们简化代码，方便后期维护，这样可以使代码更清晰。在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。2. 如何封装搭建apl（1）npm install axios; // 安
2020-11-01 20:11:16
423
原创 新手教学-css响应式布局如何实现
响应式布局可以让网站同时适应不同的分辨率和不同的手机端，让客服端有更好的体验方案一：百分比布局(流式布局，就是百分比布局，也称为非固定像素布局)利用对属性设置百分比来布局，这里的百分比布局是相对应父元素；能够设置的属性有width、height、margin、padding，其他属性border、font-size（不能使用百分比，只能使用px）不能用百分比设置注意：1.当屏幕大于图片的宽度时，会进行拉伸,解决拉伸方法就是改为max-width:50%,但当屏幕大于图片的宽度时，两边会有空白。2.
2020-08-27 15:22:10
923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人