- 博客(76)
- 收藏
- 关注
RSS订阅
原创 javascript 目录
js是一种专为与网页交互而设计的脚本语言（node出现后js也可以用于写服务），由下面三个部分组成：ECMAScript：提供核心语言功能 DOM：文档对象模型，提供访问和操作网页内容的方法和接口 BOM：浏览器对象模型，提供与浏览器交互的方法和接口下面我们主要针对ECMAScript进行说明。js之数据类型 js之作用域内存问题 js之对象 js之面向对象的程序设计 js之...
2019-05-27 22:25:25
479
原创 vue3 源码的学习---mini-vue
mini-vue的介绍1.剥离核心代码当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀mini-vue只会涉及到核心逻辑，去除非核心逻辑，让代码更具备可读性2.详细的注释在每一个具体的代码上都增加了详细的注释，方便可以更快速的理解代码的行为2.如何使用1.下载mini-vue :https://github.com/cuixiaorui/mini-vuevue..
2022-02-28 10:50:54
4484
原创 sentry错误系统使用指南
一、项目中接入Loggerlogger npm地址：yulizhi npm1.1、在入口文件中注册Logger可以根据项目的情况配置options，默认开启上报，release默认为V1.0.0，如果都使用默认，可以不传optionsVue2.0： import Logger from'@thales/logger' Vue.use(Logger,sentryDsn,options) Vue3.0： import { createApp } from.
2022-02-28 10:47:58
1071
原创 脚手架工具-Yeomans
一、什么是脚手架在公司的各个项目中往往拥有相同的组织结构、相同的开发范式、相同的模块依赖、相同的工具配置、相同的基础代码。而脚手架的可以帮我们快速的创建项目基础结构，提供项目规范和约定二、准备工作安装verdaccio和nrm，verdaccio用于搭建私有npm服务器，nrm是npm源管理器1、verdaccio：全局安装：npm install -g verdaccio运行：直接输入verdaccio命令即可运行TIPS:可以根据自己的需要修改配置文件2、nrm：全局
2022-02-16 11:51:06
793
原创 词法作用域和动态作用域
词法作用域大部分的语言都是词法作用域，包括js，词法作用域是一套关于引擎如何寻找变量以及会在何处找到变量的规则。词法作用域最重要的特征是它的定义过程发生在代码的书写阶段function foo() { console.log(a) //2}function bar() { var a=3; foo();}var a = 2;bar();词法作用域让foo()中的a通过RHS引用到了全局作用域中的a，因此会输出2。动态作用域动态作用域并不关心函数和作用域是如何
2021-06-21 19:44:11
263
转载 vscode 注释插件KoroFileHeader
1、安装插件KoroFileHeader2、设置在vscode左下角点击设置按钮，选择“设置”，然后输入“fileheader”,文件头部注释：Fileheader:custom Made 函数注释：Fileheader:cursor Mode随便点击哪个"在setting.json"中编辑，输入以下设置后保存，然后重启vscode更新设置：// 文件头部注释 "fileheader.customMade": { "Descriptt..
2021-03-11 10:44:58
499
原创 使用vscode进行rebase拉取
1.基于远程分支创建新分支（与远程分支不同名）：在弹框里输入新分支名，回车，选择远程分支2.需求做完之后，使用rebase的方式提交代码（分为从其他分支进行rebase拉取和从本分支的远程分支进行rebase拉取）：主要分为以下步骤：存储→变基拉取→弹出存储→commit提交→push到远程分支1.存储2.变基拉取A。从本分支的远程仓库进行拉取B。从其他分支进行rebase拉取3.弹出存储选择对应的存储，或者直接点击弹出最新储藏4.commit提交
2021-02-24 09:46:57
8563
1
转载 windows10 配置Git SSH key
1.点击“Git bash”2.在打开的git bash 命令行窗口中输入如下内容：ssh-keygen -t rsa -C "xxx@xxx.com"引号中的是你注册github 或者gitlab的邮箱。回车执行，需要输入github或gitlab的密码3. 执行好上命令后，转到如下目录C:\Users\当前电脑的用户名\.ssh4. 找到id.rsa.pub文件，用记事本打开，复制文件中的内容5. 登陆到github 或者gitlab 找到Settings点进去找到.
2021-02-18 18:02:13
1044
原创 输入框输入内容时，只搜索一次
if (this.timer === null) { this.timer = setTimeout(() => { //执行搜索 }, 1000) } else { clearTimeout(this.timer) this.timer = setTimeout(() => { //执行搜索 }, 1000) }...
2020-10-10 09:40:04
3925
原创 React知识点
state 需要展示在頁面上的数据要写在state中，因为只有调用setState方法改变的数据才能更新DOM；不用展示在页面中的数据可以不写在state中class Test extends React.Component{ constructor(){ super() // 需要展示在頁面上的数据要写在state中，因为只有调用setState方法改变的数据才能更新DOM this.state = { dat...
2020-09-30 08:59:02
183
原创 vscode的配置文件
用vscode编写项目时，配置文件都在settings.json文件里，ctrl+shift+p打开settings.json文件，但这只能修改自己电脑上的格式化规则，如果是一个项目，大家的配置文件都要保持一致，这个时候可以在项目的根目录下新建 .vscode 文件夹，在该文件夹下建settings.json文件，将自己电脑上的配置写在此文件里，大家的格式化规则就一样啦。此文件里的配置会覆盖本地的配置...
2020-09-14 11:54:41
1929
原创 微信开放平台、公众号和小程序的总结
微信体系介绍微信开放平台：微信开放平台是微信开放接口（如微信登录等）给其他第三方的应用，这些应用包括：移动应用、网站应用、公众账号、小程序、第三方平台。微信开放平台有独立的登录账号和主体。登录网址：https://open.weixin.qq.com/。 公众号平台：用于申请和配置开发公众号的相关事项，登录网址和小程序平台一样：https://mp.weixin.qq.com/ 小程序平台：用户申请和配置开发小程序的相关事项，登录网址和公众号平台一样：https://mp.weix...
2020-07-06 14:32:23
5633
原创 使用TestFlight测试app
使用TestFlight测试app主要有三步：1、添加开发者账号2、在testFlight中将开发者添加为测试员3、使用testFlightapp下载我们的app一、登录苹果开发者中心，进入到appstore进入到app列表页面，就可以看到我们提交的app，如果是企业账号，请注意提交的app是在哪个账号下进行提交的，在这里切换账号，查看对应账号下的app二、选择对应的app三、进入用户和访问页面，添加开发者填写开发者的相关信息，点击邀请之后..
2020-07-02 16:56:49
6664
原创 uni-app app端实现刷脸功能
这次使用uni-app框架开发一个APP，有一个刷脸功能，其实现原理是：通过livePusher对象（直播推流技术）实现视频预览和截屏，通过plus.zip.compressImage压缩图片上传至服务器实现流程：调用手机摄像头创建直播推流 → 截图 → 压缩图片 → 上传图片到服务器 → 服务器调用百度人脸api → 百度api返回该图片与底图的相似度1.调用手机摄像头,创建直播推流利用直播推流技术开启摄像头，获取视频流如果是nvue开发，可以直接使用live-pusher组件进行直播推流
2020-06-16 10:37:04
8543
9
原创 Apple开发者证书配置说明以及通过uni-app项目如何配置
开发流程我们的制作流程分为以下三步：获取开发者证书 获取APP ID 获取描述文件（profiles）,如果是测试环境，需要先添加UUID（苹果手机的UUID），只有添加了的手机才能用于测试1.开发者证书：总共有两种类型：Developer（开发证书）和Distribution（发布证书），这个是最基础的，不论是真机调试，还是上传到appstore都是需要的，是一个基证书，用来证明自己开发者身份的；2.App ID： 顾名思义，是一个APP的唯一标示，相当于人的身份证号，...
2020-06-15 15:33:39
3169
原创 Apple开发者账号介绍
一、Apple开发者账号介绍1.开发者账号共有三种类型：个人级、公司级、企业级。公司和企业都属于“组织”大类，可多人协作。在苹果的开发者平台登录后，可在People界面邀请其他人员协作开发，邀请的人需要注册一个apple id 邮箱，并且可以设置开发人员的权限。2.辨别你手中账号是什么类型：A：个人级：登录后的页面如下图：红色马赛克下方是：Apple Developer Program，再下方，只有Certificates，identifiers&Profiles和App Store
2020-06-15 12:15:32
3490
转载 vscode （Visual Studio Code）安装汉化以及前端常用插件推荐
vscode （Visual Studio Code）安装汉化以及前端常用插件推荐
2020-04-07 09:21:27
236
原创 在vue-cli4中移动端的自适应：amfe-flexible和px2rem-loader
1、首先在项目中安装以下依赖npm install px2rem-loader --savenpm install amfe-flexible --savenpm install postcss-px2rem --save2、在main.js中添加：import 'amfe-flexible'3、在vue.config.js中进行配置module.exports = ...
2020-02-13 18:10:47
3055
1
原创 nrm使用
1、全局安装nrm：npm install nrm -g2、命令nrm ls：列出所有可以使用的下载地址 nrm use 下载地址名：更改下载地址
2020-02-02 21:14:34
257
原创 VSCode实用技巧
在命令行中使用code命令可以打开vscode，配置如下： 1、打开vscode安装位置，进入bin文件夹，复制路径 eg：E:\Microsoft VS Code\bin； 2、配置环境变量：环境变量，编辑path值，在原来的path后面加上eg ：E:\Microsoft VS Code\bin； 配置完成之后，在命令行中输入“code .”即可打开...
2019-11-30 15:05:54
305
原创 npm和yarn发布包
npm发布包：1、先检查npm的镜像源是否正确，镜像源不能指向淘宝镜像源：npm get registry。如果是淘宝镜像源，则使用npm config set registry=https://registry.npmjs.org，设置镜像源（应该可以参照yarn的--registry来设置发布地址，未尝试）2、如果是第一次发布包，需要输入npm login，输入npm的账号、密码、邮箱...
2019-11-26 15:03:13
1312
转载 细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）
细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）前端与后端渲染方式的发展大致经历了这样几个阶段：后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）。1. 后端模板渲染前端与后端最初的渲染方式是后端模板渲染，就是由后端使用模板引擎渲染好html后，返回给前端，前端再用js去操作dom或者渲染其他动态的部分。这个过程大致分成以下几个步骤...
2019-10-28 21:36:08
374
原创 ES6之Class
简介JavaScript 语言中，生成实例对象的传统方法是通过构造函数。但这种写法跟传统的面向对象语言差异很大，因此ES6引入了Class（类）概念，它可以看做只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。ES5的写法：function Point(x, y) { this.x = x; ...
2019-10-25 14:25:11
137
原创 ES6之async，await
含义async 函数是什么？它是 Generator 函数的语法糖，Generator 函数必须要靠执行器才能自执行，而async自带执行器。//run函数是generator函数的执行器，async函数内置了执行器function* ge() { yield new Promise((resolve, reject) => { setTimeout(() =>...
2019-10-25 13:08:57
141
原创 CSS3动画：动画(animation)、过渡(transtion)、变形（transform）
制作动画有两种方法：1、animation+@keyframes，2、通过transitionanimation+@keyframes先看一个列子：@keyframes moveX { 50% { transform: translateX(200px); } 100% { background-color: rgb(92, 19, 228...
2019-10-23 15:03:51
774
原创 Iterator和for...of循环
Iterator的概念遍历器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构，只要部署Iterator接口，就可以完成遍历操作其遍历过程如下：1、创建一个指针对象，指向当前数据结构的起始位置。也就是说遍历器对象本质上就是一个指针对象。2、调用指针对象的next方法，可以将指针指向数据结构的下一个成员，返回数据接口的当前成员的信息，具体来说就是返回...
2019-10-21 22:54:18
152
原创 Generator函数
基本概念可以把Generator理解成一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象（Iterator），也就是说Generator函数除了是状态机，还是一个遍历器对象生成函数。形式上，Generator函数是一个普通函数，但是有两个特征：一是function命令与函数名之间有一个*号，二是函数体内部使用yield语句定义不同的内部状态。调用Genera...
2019-10-21 22:49:17
147
原创 Promise对象
Promise对象的特点：1、对象的状态不受外界影响。promise对象代表一个异步操作，有3种状态：Pending（进行中）、Fulfilled（已成功）、Rejected（已失败）。2、一旦状态改变就不会再变。因此它的状态改变只有两种可能：Pending到Fulfilled，Pending到Rejected。基本用法Promise构造函数接受一个函数作为参数，该参数的两个参数分...
2019-10-21 22:20:29
587
原创 vue+vuex+eslint+typescript
安装依赖安装开发依赖：npm i -D @vue/cli-plugin-eslint @vue/eslint-config-standard @vue/eslint-config-typescript eslint eslint-loader eslint-plugin-node eslint-plugin-vue typescript ts-loader安装项目依赖npm i...
2019-10-15 17:15:29
2147
原创 typescript
目录： 一、环境配置二、ts的类型三、ts中的函数四、ts中的接口定义五、ts中的泛型六、ts中的命名空间七、ts中的装饰器环境配置1、全局安装typescript：npmi-gtypescript2、在cmd中进入到ts文件夹内，运行tsc--init，创建tsconfig.json文件，修改文件里的ou...
2019-10-09 17:40:46
160
原创 es6
es6新增的特性1）let和constlet声明变量和const声明常量，两个都有块级作用域，ES5中是没有块级作用域的，使用var关键字来定义变量，let、const和var的主要有以下区别： var声明变量可以重复声明，而let、const不可以重复声明 var是函数作用域，而let、const是受限于块级 var会与window相映射（会挂一个属性），而l...
2019-09-24 15:13:04
159
原创 ES6箭头函数中的this和普通函数中的this
在普通函数中的this：1、this总是代表它的直接调用者，比如：obj.fun，那么fun中的this是obj2、如果没有直接调用者，默认情况下（非严格模式）this为window对象3、严格模式中（'use strict'），this为undefinedTIPS：可以使用call、apply、bind改变this的指向。ES6中的this：箭头函数没有自己的this，它...
2019-09-24 15:10:34
485
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人