- 博客(23)
- 收藏
- 关注
RSS订阅原创 yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。
一次在新电脑上使用vscode出现的问题
2022-12-16 19:03:22
987
原创 js实现浏览器插件随笔
主要是mainfest.json配置{ // 清单文件的版本，这个必须写，而且必须是2 "manifest_version": 2, // 插件的名称 "name": "demo", // 插件的版本 "version": "1.0.0", // 插件描述 "description": "简单的Chrome扩展demo", // 图标，一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png",
2021-11-23 14:02:33
1117
原创 performance对象学习随笔
performance 对象无意间接触了window下的performance这个对象，通过我的强大的搜索功能，对其有了更加深刻的理解。贴张图，一眼先认识一下：里面的属性详细介绍一下navigationStart：在同一个浏览器上下文中，前一个网页（与当前页面不一定同域）unload 的时间戳，如果无前一个网页 unload ，则与 fetchStart 值相等unloadEventStart：前一个网页（与当前页面同域）unload 的时间戳，如果无前一个网页 unload 或者前一个网页与当
2021-11-23 11:33:27
739
原创 web开发表情包---微信表情
/* { "[微笑]": "face[微笑]" } key: 表情描述 value： 解决规则*/export const wxFace: object[] = [ { "[微笑]": "face[微笑]" }, { "[撇嘴]": "/::~" }, { "[色]": "/::B" }, { "[发呆]": "/::|" }, { "[得意]": "face[酷]" }, { "[流泪]": "face[泪]" }, { "[害羞]": "face[害羞]" }, {
2020-10-31 09:28:28
1796
3
原创 webRTC技术篇
webRTC运行机制轨和流TrackMediaStream重要的类MediaStreamRTCPeerConnection（媒体流传输）RTCDataChannel（文本，文件等非视频文件流传输，通过 RTCPeerConnection 获取）webRTC使用获取设备音视频采集Apinavigator.mediaDevices.getUserMediagetUserMedia适配桌面数据采集navigator.mediaDevices.getDispl
2020-10-26 16:25:58
711
1
原创 前端技术实现文件上传的断点续传
本文要实现断点续传，点续传，续传，传。。。。。断点续传是啥！！！戳这里—>百科断点续传大白话：就是将一个大文件分成好几个小文件，再通过http请求或者webSocket等方式上传到服务器或者下载到本地。本文主要介绍上传的续传，egg做完服务端，react做完前端效果图服务端代码解析后端代码是在使用egg生成器生成的基础上，进行编写的：路由/app/routes.tsimport { Application } from 'egg';export default (app: Ap
2020-10-08 17:53:05
1452
转载 mysql 8.0.17 解压版安装教程
1、下载（官方推荐的是下载安装版本，但是解压版更便捷），下载地址：2、解压，我们需要增加一步操作：（1）创建一个名为my.ini的文件：3、修改my.ini文件：[mysql]# 设置mysql客户端默认字符集default-character-set=utf8[mysqld]# 设置3306端口port = 3306# 设置mysql的安装目录basedir = D:\\Program Files\\mysql\\# 设置mysql数据库的数据的存放目录datadir = D
2020-06-13 18:59:38
207
原创 使用lerna分包管理react+ts项目——react+ts依赖项目搭建篇
接着lerna入门篇继续本篇说明：react+ts项目搭建是通过webpack来搭建一个react+ts项目，尚在上一篇lerna项目packages中的其中一个项目文件夹（这里使用package1文件夹）里搭建的。一、项目准备（先贴上上一篇项目图片）删除package1项目文件夹内容，只留下package.json文件重新配置package1中package.json源代码：...
2020-04-24 17:46:11
2317
1
原创 使用lerna分包管理react+ts项目——react+ts项目入口搭建篇
接着lerna入门篇继续本篇说明：react+ts项目搭建是通过webpack来搭建一个react+ts项目，就在上一篇lerna项目packages中的其中一个项目文件夹（这里使用demo文件夹）里搭建的入口项目。一、项目准备（先贴上上一篇项目图片）删除package1项目文件夹内容，只留下package.json文件重新配置demo中package.json源代码：...
2020-04-24 16:52:35
2270
原创 使用lerna分包管理react+ts项目——lerna入门篇
一 项目准备lerna安装yarn global add lernanpm i -g lernats安装yarn global add typescriptnpm install -g typescriptreact脚手架安装npm isntall -g create-react-app二 项目必备命令lerna init // lerna初始...
2020-04-23 15:46:52
3118
原创 Git初步学习-基本命令
什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗？1.02.0 //svn,vss,vcs… git有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linuslinus自己写了一个版本管理的工具(Git)Git安...
2020-04-23 15:34:25
162
原创 jquery制作动画的几种插件使用
fullpage 全屏插件全屏滚动效果，原生js也很好实现，主要是用 mousewheel 鼠标滚轮滚动事件， 来判断上滚动还是下滚动，之后设置每次滚动的高度为屏幕的高度即可。但是，虽然效果简单，但是兼容性很差，要做很多兼容处理及比较麻烦啦！（了解一下，有兴趣的同学可以研究一下）fullPage.js 是一个基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。github...
2020-04-23 15:33:30
544
原创 TypeScript学习
TypeScript数据类型typeScript中的数据类型 **typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验** 写ts代码必须指定类型 布尔类型(boolean) var flag:boolean = true; // flag = 123 // 错误 flag = false;...
2020-02-12 17:29:30
184
原创 vue中的传值方式
vue项目中的传值在vue项目中，通过组件化开发，可以提高代码的复用，但前提是组件可以接收参数，根据参数来动态的展现数据内容，实现设计理念，下面来总结组件中的传值方式。组件之间传值父传子子组件的代码：<template> <div id="container"> {{msg}} </div></templat...
2020-01-13 08:35:49
239
原创 uni-app项目中使用图片上传多张图片
需求在写项目的过程中，肯定会遇到图片上传的问题，即上传本地图片到服务器上，本文就用uni-app来述说在项目中怎样使用代码来实现这个功能准备uni-app项目代码代码编辑器（本文采用的是HBuilder X）uni-app提供的官方库开始在自己的项目中引入官方的样式库和图片上传兼容处理的js：在官方项目中找到图片上传需要的组件：在自己的项目中创建一个组件，来放官...
2020-01-12 15:43:56
7694
2
原创 vue脚手架项目中使用vue-router时，在传递值时出现组件复用的解决方法
vue脚手架项目中使用vue-router时，在传递值时出现组件复用的解决方法vue-router有两种传递值的方式，本案例只说编程式导航，（view-link的导航道理一样）传值方式一（url？id）router.js文件 routes: [{ path: '/index', component: Index, children: [{ pat...
2019-11-23 22:47:31
439
原创 vue脚手架项目中，在src文件夹中找到json静态资源（不在static中）
）1、在文件夹中编写自己的json文件目，附上目录：2、现在配置文件中配置webpack.dev.conf.js第一处代码先下载express包。const express = require('express')const app = express()const player = require('../src/data/player.json')const ho...
2019-11-17 13:17:11
1431
原创 HTML5新增API
1 网络状态我们可以通过window.navigator.onLine来检测，用户当前的网络状况，返回一个布尔值， 但是不同浏览器会存在差异所以HTML5 给我们提供了2个事件 online 和 offlineonline用户网络连接时被调用offline用户网络断开时被调用他们监听的对象都是window2 全屏HTML5规范允许用户自定义网页上任一元素全屏显示。1、Node....
2019-11-14 18:24:52
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人