- 博客(24)
- 收藏
- 关注
RSS订阅原创 puppeteer
puppeteer的一次尝试const puppeteer = require('puppeteer');// (async () => {// const browser = await puppeteer.launch({headless: false});// const page = await browser.newPage();// await page.goto('https://y.qq.com');// await page.screen
2021-10-25 14:29:21
253
原创 常用git命令 + 终端命令
git常用命令git pull origin 分支 拉取指定分支到本地分支 git branch -a查看所有远程分支git checkout 本地分支切换本地分支git log查看本地提交记录git clone 仓库地址/ssh克隆指令git reset --hard 1d323c回滚至某一提交点 本地回滚 远程分支需要回滚 就强行覆盖就行 git pushorigin 远程分支名 --forcegit branch -d 分支名删除本地分支git push
2021-03-19 11:08:37
174
原创 App 中的 微信支付 支付宝支付
业务场景介绍H5移动端支持微信支付 [ 微信支付分为微信内支付（JSAPI支付官方API）和微信外支付（H5支付官方API）] && 支付宝支付[手机网站支付转 APP 支付 官方API ]订单生成逻辑：前端请求后端提交订单，后端去和微信或者支付宝对接生成订单（后续支付都是这个逻辑进行的对接一.vue微信支付微信支付又分为微信内支付和微信外支付流程如下在订单组件中选择支付方式之后在支付页面先去判断是否是在微信内//判断是在微信内 is_weixn()
2020-12-07 21:04:24
104
原创 混合App
混合app目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定制开发就是原生开发、H5开发和混合开发。一、APP原生开发原生开发（Native App开发），是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio；IOS是利用Objective-C 和Xcode进行开发。通俗点来讲，原生开发就像盖房子一样，先打地基然后浇地梁、房屋结
2020-12-07 20:37:21
173
原创 js的单线程 微任务和宏任务
js的单线程JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。JavaScript 的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。所以，为了避免复杂性，从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创
2020-12-07 20:25:18
89
原创 如何根据设计图设计rem比例
如何根据设计图设计rem比例首先先来看一下rem中的核心公式document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 + 'px';// document.documentElement.style.fontSize // html的字体大小// document.documentElement.clientWidth// 可视窗口的大小// 7.5 ...
2020-12-07 19:58:13
298
1
原创 uni-App 开发记录
文章目录uni-App一、创建uni-App二、使用步骤1.项目文档结构2.项目文档结构2.组件总结uni-App开发准备工作 ：官方文档：https://uniapp.dcloud.io/collocation/pages开发工具下载 HBuilder X 编辑器（官方推荐） 一、创建uni-App新建 项目选择创建项目 进入项目配置这里根据自身需求选择即可二、使用步骤1.项目文档结构2.项目文档结构单个文件结构<template> // htm
2020-12-04 15:42:24
451
2
原创 写微信小程序遇到的一些问题 及其对应的解决方法
(一) 使用 ant Weapp 中的total，notify等需要引入到JS文件的没有效果起初 使用时遵循vant 的规则 但并没有出来效果import Notify from 'path/to/@vant/weapp/dist/notify/notify';也将其中的中的路径更改为node_modules的路径下import Notify from '../node_modules/@vant/weapp/dist/notify/notify';但并不起效果解决方法import N
2020-11-29 20:32:00
439
原创 微信小程序 授权登录流程及其心得
获取授权在小程序插件中使用时，需要在用户信息功能页中获得用户授权之后调用由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 中的type= getUserInfo 去触发。官方连接https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.htmlWXML 部分<button class="button" op
2020-11-29 19:15:36
1016
2
原创 微信小程序
微信小程序开发文档https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html小程序开发工具下载https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html小程序开发与普通开发的区别小程序没有dom bom 没有window对象，但拥有wx对象 wx对象就相当与window对象小程序中不可以使用jq，zipto等插件 以及npm命
2020-11-20 09:09:24
117
1
原创 JavaScript 常用概念及其介绍
JS的继承（含Es6）ES5：ES5的继承主要是基于prototype来实现的原型链继承 即将b的原型改变为ab.prototype = new a()；构造函数继承 在b中改变其this指向为a function b(name,age) { a.call(ths,name,age) }组合继承 组合继承则为上面两种的结合ES6：用class定义类，用extends继承类 例如：创建A类class A ｛ constructor() {
2020-11-18 16:26:26
189
1
原创 Webpack手动搭建及其介绍
webpack是一个静态资源打包工具（前端必备）webpack 的特点js依赖进行打包整合一些预处理的sass，less可以在环境中编译转换可以对js、html、图片资源进行压缩优化处理webpack的核心entry 入口文件// 文件的核心js文件output 出口文件// 打包好的dist文件夹pligin 插件// 各类插件loader 转换器// 将文件转化为我们想要的文件类型dev-serve 服务器// 使我们webpack在本地运行 搭建服
2020-11-17 17:10:58
91
原创 JavaScript基础
为什么学习 JavaScript?Js是往网页里添加一些功能修改页面元素的样式是一种基于对象和事件驱动的客户端脚本语言JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML ------------------------定义了网页的内容CSS--------------------------描述了网页的布局JavaScript------------------网页的行为什么是JavaScript（简称JS）JavaScript是一门脚本语言JavaScr
2020-11-15 21:59:21
798
原创 js中的正则表达式
什么是正则表达式什么叫“正则”本质上是一种规则，模式强大的字符串匹配工具正则表达式使用用法（1）new RegExp(“regexp”,“修饰符”)（2）/regexp/修饰符1、test（1）作用:是否匹配正则表达式模式。返回：true/false，true：匹配，false：不匹配，2、match（1）作用：可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配3、exec()返回字符串数组4、修饰符i --> 执行对大小写不敏感的匹配
2020-11-15 20:55:26
64
原创 cookie的使用
cookie 的使用1.什么是cookie页面用来保存信息的比如 自动登录，记住用户名同一个域名可以共享一套cookie数量，大小限制一般为4k-10k过期时间可控 一般由服务器端生成并设置过期时间2. 设置coolie格式： 名字 = 值不会覆盖在cookie中添加两个不同的cookie实质上并不会覆盖，而是添加了一个过期时间 ： expires = 时间-若没有设置过期时间，则cookie会在浏览器关闭后清除-设置过期时间为 当前时间
2020-11-15 20:02:08
73
原创 使用promise封装 原生ajax，$.ajax(),以及fetch？
封装原生ajaxfunction sendAjax(method,url,data){ return new Promise(resolve,reject) => { //1.创建xhr对象 let xhr = new XMLHttpRequest() //2.绑定监听 xhr.onreadystatechange = function(){ if(xhr.readyState !== 4){ return } if(xhr.readystate === 4 &&
2020-11-12 19:45:01
89
原创 http/https协议、常见状态码、get/post、http缓存机制
http/https协议1. HTTPHTTP协议是超文本传输协议的缩写，英文是Hyper Text Transfer Protocol。它是从WEB服务器传输超文本标记语言(HTML)到本地浏览器的传送协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。HTPP有多个版本，目前广泛使用的是HTTP/1.1版本。HTTP是一个基于TCP/IP通信协议来传递数据的协议，传输的数据类型为HTML 文件,、图片文件, 查询结果等。HTTP协议一般用于B/S架构（）。浏览器作为HT
2020-11-11 20:53:12
301
原创 关于ES6，都有哪些新增，经常使用的有哪些，使用心得
ES61. 新增块级作用域 即（let，const）let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。且let和const不存在变量提升，let的值可以改变，const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。const a ;//报错,一旦声明变量，应该立即赋值！！const b = 2;
2020-11-10 18:37:26
246
原创 VUE 的常用指令 动态添加样式 单选效果 多选效果 样式实现 实现style和class的样式切换
VUE 的常见指令查漏补缺使用形式绑定到dom的属性上即可 为了区别自定义属性，vue提供的指令都携带 v-指令v-html非转义输出 可以解析xml类型数据（即可以解析标签）v-etxt（不可以解析标签）v-if判断是否渲染此元素（条件渲染）v-show判断是否显示此元素（条件展示）v-for可以看做是标签中的for循环v-bind动态绑定 （v-bind可以写为“：”）v-model双向数据绑定v-on绑定事件（拥有事件修饰符和按键修饰符 可简写为@）{{ a
2020-11-09 22:01:44
266
原创 Vue中的状态管理工具 Vuex
Vuex是Vue中的状态管理工具 简介使用环境Vuex的五大核心Vuex的使用Vuex安装及配置Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式简介每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新不能直
2020-11-07 20:23:42
289
原创 vue中关于apI封装 搭建，注册登录 关于token的一些理解
1.API封装在 src下 新建API文件夹1.在index.js 中配置axios：var instances = null;// 创建一个带自定义配置项的axios 实例const instance = axios.create({ // 所有请求的路径之前都会拼接地址 baseURL: "url", // 延时时间 timeout: "5000", // 请求头设置 headers: { "X-Custom-Header": "foobar" },});2.新建
2020-11-01 19:56:25
496
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人