- 博客(106)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js的event loop
js的宏任务分为同步任务和异步任务，同步任务都在JS引擎线程上执行，形成一个执行栈，事件触发线程管理一个事件队列，异步任务触发条件达成，将回调事件放到事件队列中，执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取事件队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。注微任务的优先级是高于渲染的，promise的then是微任务，但是微任务是有任务队列的，异步执行完promise的then才会添加到微任务队列，所以如果异步没有执行完会直接执行下一个宏任务。即先执行的函数后销毁，如图。...
2022-07-25 15:12:45
250
原创 Omit和Exclude的区别
Omit左右两个参数属于不同类型，左是一个完整的类型，包含key、value。先剔除不要的键名，挑出想要的键名，Pick再从键值对中根据键名挑选出来。Exclude左右两个参数属于同种类型。结论泛型的参数不一样。......
2022-07-20 12:48:45
1241
1
原创 脚手架的logo字符图片生成
根据文字生成字符画：http://patorjk.com/software/taaghttp://www.network-science.de/ascii/根据图片生成字符画：http://www.degraeve.com/img2txt.phphttp://life.chacuo.net/convertphoto2char根据流程图生成字符画：http://asciiflow.com/...
2022-05-10 12:02:49
262
原创 google搜索技巧
1.想要去掉广告或是某些关键词时，使用【-】例如 英文学习-广告2.精准搜索某个关键词时，使用【“”】例如“react”3.要求搜寻的网站标题含有特定关键词时，使用【intitle】如果我们希望搜寻的结果是围绕某一个主题时，使用【intitile:】，结果就会显示你所想要的关键词标题网站，这样多数文章内容也是你所想要的相关主题，会更加精准。例如：intitile:微前端4.想搜寻特定文件形式时，使用【filetype】例如：履历模板filetype:pdf5.想搜寻特定网站里面的内容时，使
2022-04-12 13:01:41
755
原创 antd国际化
官网的教程好像有点问题，所以记录一下App.vue<template> <ConfigProvider :locale="zh_CN"> <router-view></router-view> </ConfigProvider></template><script>import { ConfigProvider } from 'ant-design-vue';import zh_CN from
2022-02-23 15:18:21
721
原创 ie8兼容总结
背景虽然好些年不用jquery了，不过以前学jquery源码的经验还是历历在目。最近维护老项目，需要开发一个兼容ie6的jquery插件，遇到了一些兼容性的问题，记录一下。需求需要做一个多种类型的验证码(图片拖拽，随机字符)的业务功能，因为是在多个平台上都要用且这些平台都是许多年前开发的，所以考虑做成一个jquery插件，方便维护。问题css3的兼容因为第一个版本没考虑到要兼容低版本Ie，以为只要做一个jquery插件即可，毕竟都快2022了，谁还用ie呀。所以圆角和阴影都是用了css3。但
2021-11-18 16:03:27
773
原创 webpack中的loader和plugin的区别
loader是文件加载器，能加载资源文件，并对这些文件进行一些处理，如：编译，压缩等。最终打包到指定文件中plugin是在webpack运行的生命周期中会广播出许多事件，plugin可以监听这些事件，在合适的时机中通过webpack提供的api改变输出结果。区别Loader是文件转换器，将A文件进行编译形成B文件，这里操作的是文件，A.less->A.cssplugin是扩展器，针对的是loader结束后webpack打包的整个过程，并不直接操作文件，而是基于事件机制工作，会监听webp.
2021-10-06 19:22:39
2382
原创 mac安装redis
下载redis的安装包 https://redis.io/download （下载稳定版，）双击解压其压缩包将redis的文件夹拷贝到/usr/local下在终端进入redis的目录/usr/local/redis中，执行命令sudo make test (注意，此时会对redis进行编译，消耗大量cpu算力，可能会导致cpu利用率达90%以上，导致其他正在运行的程序无法正常工作),完成后效果如下继续执行sudo make install ，成功后效果如下进入s..
2021-09-17 16:56:44
159
原创 module ‘*.vue‘ has no exported member ‘xxx‘
问题出现场景：在vue3+ts学习过程中遇到报这个错bug复盘在启动写vue项目后，新增一个vue，这个script标签中未添加lang=ts 修改script lang=ts后，发现无论怎么修改ts都会报这个错，Module ‘".vue"’ has no exported member ‘xxx’. Did you mean to use 'import xxx from ".vue"’ instead?这个时候就需要重启一下服务了，不然就算添加上去也无法被识别到...
2021-09-17 16:52:44
7698
原创 vuecli4配置babel
下载babel-polyfill以及es6-promisenpm install --save babel-polyfill es6-promise创建babel.config.jsmodule.exports = { presets: [ [ '@vue/app', //下面这些貌似没用 // { // useBuiltIns: 'entry', // polyfills: [ // 'es6.promise', // 'es6.
2021-09-17 16:48:24
1149
转载 【转】Mac上安装配置Apache +Tomcat+JDK
Apache 简单理解web服务器（静态解析，如HTML）,并且通过配置也可以支持PHP通过http://localhost/打开默认页面Tomcat 简单理解java应用服务器（动态解析，如JSP） Tomcat可以独立于apache运行,同为服务器，Tomcat的特别之处在于它还是Java的Web容器，能够处理JSP；而Apache一般是与PHP结合，并不能处理JSP。通过http://localhost:8080打开默认页面JDK因为Tomcat 处理JSP 需要连接数据库的话就要j
2021-07-28 10:48:59
293
原创 MAC 使用笔记
1 安装解压软件，推荐 the unarchiver 免费，简洁，强大2 自定义字体使用自带的font book安装字体下载在这两个网站下载https://fonts.google.comhttp://www.googlefonts.cn3 系统自带的翻译词典使用ctrl+command+D 鼠标悬浮单词上即可4 系统自带外语发音软件，例如：终端 输入 say hello world但是如果系统的语言设置的与当前要say的语言不符，则可以用 say -v ‘?’ 查看语言支持的然后输入
2021-06-20 11:54:24
164
原创 vscode学习入门
1 vscode的结构2 vscode常用的快捷键隐藏侧边栏 command+B （增加内容区面积）zen model command+K Z折叠全部command+K command+0折叠层级command+K command+数字全部展开command+K J切换打开的文件 command+[ (切换到左边文件) tab command+] (切换到右边文件)切换终端 command+J打开侧边搜索栏 command+shift+Fvscode git
2021-06-19 16:42:55
359
1
原创 vscode中自定义代码方法
vscode中自定义代码方法1 什么是自定义代码vscode中用户可以对常用的代码片段进行编辑和保存，在使用时输入关键字能进行提示，大大提高了我们的工作效率，也保证自己的风格以及习惯。、2 怎么自定义代码进入设置-用户代码片段选择代码的语言可以看到注释中有一个例子，具体如下: "Print to console": { //触发的提示信息 "prefix": "log", //触发的关键字 "body": [ //代码片段 "console.log('$1');
2021-06-18 11:43:35
1197
原创 eslint的配置项
.eslintrc.jsmodule.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, node: true, es6: true, }, extends: 'eslint:recommended', // required to lint *.vue files p
2021-06-07 15:22:56
255
原创 项目部署后能访问，但是刷新就报404
【问题描述】vue项目打包部署后，输入ip+port+systemName能访问，如：10.192.11.1:8899/system，点击各模块的按钮也能进行访问， 但是按f5刷新就进入nginx的这个页面了。【解决方法】刚开始以为是打包问题，后来确定是nginx的服务配置问题，将nginx.conf文件增加配置。比如项目名为/flightcenter则配置如下...
2021-03-30 16:03:41
737
原创 vue-cli4项目引入sass的坑 Cannot read property ‘style-resources-loader‘ of undefined
尽管很久之前就用sass了，但是昨日用vuecli4创建项目后，引入sass一直失败，一开始是提示TypeError: Cannot read property ‘scss’ of undefined使用npm i sass sass-loader --save后依然不行依旧报错错误为TypeError: Cannot read property ‘style-resources-loader’ of undefined解决办法：npm install sass-resources-loa
2020-09-03 09:37:58
11073
6
原创 工作，项目，技术学习，开源项目的整理
开源项目一款很轻量的无所不能的工具集合公司内部搭建一个工具网兼博客平台，没有广告用着爽，同事还膜拜几乎每个前端开发都会用的Chrome插件，功能太全了100%原生的JavaScript多线程和并行执行库——Hamsters.js这个库收集 Web开发的各种 JavaScript 小工具，超过 300 个模块阿里跨终端的H5游戏开发解决方案——Hilo程序员的个人知识管理神器Java...
2020-01-05 19:31:01
699
原创 【原创】mock websocket链接的方法
第一步 可在全局安装安装依赖npm i nodejs-websocket -g第二步 将下面代码copy到一个index.js的文件中//如果没有该段代码，客户端主动断开连接的话，会抛出tcp.read()异常，导致程序挂掉。 process.on('uncaughtException', function (err) { console.log(err); cons...
2019-10-11 23:35:18
2131
原创 数组随机排序（洗牌）以及 数组去重方法
/*** 数组洗牌算法，返回随机排序之后的数组*/const shuffle = array => array.sort(()=> 0.5 - Math.random())export default shuffle
2019-09-18 20:21:17
522
原创 [原创] 实现SVG绘画动作的效果
背景:在网上看到别人的svg图片在显示的时候是画出来的线型图，感觉很不错。研究了一下，写出下面demo,可以直接拿来运行svg基础点stroke-dasharray: 用来描边的点划线的图案范式,数值越大，虚线越宽stroke-dashoffset：属性指定了dash模式到路径开始的距离。动画效果貌似只能在svg中的path标签有效，关键的实现就是上面两个属性的使用和css3中的anim...
2019-07-08 17:31:54
1000
原创 [原创] 一键禁用网络和关闭浏览器，清除浏览器缓存的bat脚本
disabled&clear.bat （禁用网卡,关闭浏览器，删除浏览器缓存的脚本）内容如下@echo offtaskkill /f /im chrome.exe netsh interface set interface "本地连接" disablednetsh interface set interface "WLAN" disableddel /f /s /q...
2019-06-25 18:27:51
3464
1
原创 vscode常用插件
1、vscode-fileheader添加文件头ctrl+alt+i2 、beautify3、Chinese (Simplified) Language Pack for Visual Studio Code4、Code Runner5、Color Highlight6、Highlight Matching Tag7、HTML Snippets8、Identical Sublim...
2019-02-18 19:18:46
293
原创 iis的部署记录
1 云主机创建成功后，打开服务器管理器2 创建角色和功能3 在服务器角色中需要勾选web服务器，点击添加功能，继续下一步4 在web服务器角色(IIS) 的角色服务中，需要勾选 应用程序开发 - CGI，ISAPI扩展，ISAPI筛选器，此三个选项。下一步。确认无误后，安装IIS安装完成后，可在服务器管理器·仪表盘中查看IIS信息5 在开始中可以搜索 【IIS】 可以找到IIS...
2019-01-15 18:41:48
523
原创 [原创] uniapp踩坑-伪类的使用
项目描述：项目是使用uniapp开发，开发一个跨平台的app，但是调试是在小程序开发工具中调试。问题描述：项目中使用字体图标，想实现的效果如下，一个简单的人头图标按照以往开发web的经验，只需要css中加上before，并加上自己的字体图标的编码即可，代码如下//图标后面的数字.actionInfo_number{ float: left; margin-left:20px;}/...
2018-12-27 18:48:21
8302
原创 前端公共模块的创建和使用
在项目中，我们常常会用到一些可复用的全局变量，如ip，时间，或者工具函数，如果在使用的时候去定义，创建，获取，会使得代码变得冗余。所以，一个好的开发者应该首先一个好的共用模块。下面只是简介一下。首先，我们定义一个专用的模块，用来组织和管理这些全局变量，并在需要的页面进行引入。一般我们会在src下创建一个common目录，来存放共用模块的脚本。然后在common目录下新建一个common.js...
2018-12-26 12:46:17
1406
原创 [原创] 字体图标的使用
我一般是在阿里矢量图标库中寻找自己需要的字体图标。第一步：先登录，不登录的话是无法保存你的收藏记录的，第三方登录支持github和新浪登录，第二步：查找自己需要的图标，添加入库，第三步：打开购物车的图标，查看自己添加的图标第四步：添加至项目第五步：创建项目第六步：下载第七步：拷贝iconfont.css第八步 修改css内容，这里是将图标信息转换为base64了，...
2018-12-25 18:26:41
199
原创 图片上传预览的简单代码
效果如下图代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit
2018-12-25 12:05:06
440
原创 [原创] HBuildX，微信小程序模拟器报错（如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目）
今天在学习使用uniapp,开发微信小程序时第三方登录时，HBuild编辑器报了一个错误，经过定位分析，确定代码是没有问题的，报错如下如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目经过在网上查询资料，得到解决方法，只需修改HBuild配置即可找到模拟器右上角的详情按钮，点击，弹出配置信息，把最下面的2勾选框选上，再次编译下项目，即可。...
2018-12-24 13:06:43
1648
转载 微信openid和unionid的关系
同一个用户在小程序和公众号的下的两个openid肯定不一样如果小程序和公众号都绑定在同一个开放平台账号下的话，用户在小程序和在公众号下的unionid是一样的如果先有公众号并且积累了大量粉丝，然后才有的小程序，然后想在小程序下也能识别公众号粉丝怎么办呢？首先将公众号和小程序关联到同一个开放平台账号通过API将公众号粉丝列表全部拉一遍，同时计算这些粉丝的unionid并保存起来用户进入小程...
2018-12-23 19:52:09
13060
原创 [原创] uniapp第三方登录（二）
一般我们在进入登录页面的时候回选择登录方式，以按钮的方式进行选择触发第三方的登录类型。在小程序中的登录授权时，格式被确定为使用vue文件&amp;amp;amp;lt;!-- #ifdef MP-WEIXIN --&amp;amp;amp;gt; &amp;amp;amp;lt;button type=&amp;amp;quot;primary&amp;amp;quot; open-type=&amp;a
2018-12-23 19:50:48
4621
原创 app用户注册、登录原理、注册页面
app端用户登录以及保持登录原理注册:1、app客户端填写注册信息:账号 密码 昵称 。。。。。。2、提交到服务器端2.1 验证用户是否已经注册2.2 记录到数据库2.3 返回注册信息用于登录登录1、app端判断是否登录2、APP端提交登录信息2.1 服务端验证账号密码2.2 成功后返回用户信息并在app端记录注销清空本地保存的用户数据即可完成注销工作...
2018-12-21 16:49:47
10672
原创 [原创] uniapp第三方登录（一）
app登录注册教程微信小程序的第三方登录支持微信登录，而app应用支持更多第三方的登录如何获取微信appid和密钥获取appid后，在manifest.json中配置小程序的appid配置后可在Hbuild中预览小程序项目...
2018-12-21 16:15:26
7266
原创 [原创]小程序的appid以及密钥获取
进入微信公众号平台注册或登录进入开发模块配置生成小程序密钥(新用户2箭头中的重置应该为生成)记录下来appid以及密钥，在自己的开发程序中引入....
2018-12-21 12:33:28
19520
原创 [原创] uniapp异常报错：检测到当前使用的ADB不是HBuilder内置或自定义ADB
在使用HBuild开发uniapp应用时，报出下面错误，16:48:13.326 注：检测到当前使用的ADB不是HBuilder内置或自定义ADB：16:48:13.326 PID为：11940，进程名称：kadb.exe16:48:13.326 路径为：d:\software\kgmusic\8.2.75.20951\kadb.exe16:48:13.326 可能存在adb冲突造成真机运...
2018-12-18 16:56:07
18440
4
原创 [原创] uniapp学习笔记（1）
1. 如果是h5开发app，适配平板和手机的话，建议高度使用像素单位，而宽度使用百分比，图片使用等比缩放 2. uniapp的基准宽度是750px，如果设备宽度不是750px，则会在运行环境中计算然后放大或者缩小每个像素的值。 3. pages.json是路由文件，可配置各页面的导航栏以及内容的样式 4. tabBar导航栏可配置页面跳转，默认未在底部...
2018-12-18 16:52:34
4822
原创 [原创] 阿里巴巴矢量图标库全选技巧
在阿里矢量库中找到一个喜欢的图标库，想要全部下载，但是发现需要挨个点击添加购物车中，如下图所示，居然没找一个可以全选的按钮！！总之不知道为啥要这样设计吧。但是确实很不方便。想要全选的话，操作如下按下 F12 或者 打开浏览器开发者模式进入console的窗口输入下列代码var iconList = document.querySelectorAll('.icon-go...
2018-12-13 17:17:32
1183
vlc视频播放插件
2018-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人