前端学习
文章平均质量分 87
不乖的肥猫
明明就是猪吗!哪里像猫了。。。。。。
展开
-
vite + eslint + prettier (粗劣版)
vite + ts + eslint + prettier (猪刚鬣版)原创 2022-08-30 18:03:00 · 673 阅读 · 0 评论 -
webpack入门简册
webpack5简册一、基础理解1、webpack的作用如一个html总会执行第一个script标签里的js代码,之后再执行引入的各种js文件。当然,也可以是多个script标签,变成了多入口。webpack就是指定一个或多个入口文件,然后进行代码处理,将引入的其他js,css等等代码,资源打包成一捆一捆(bundle)的文件流(chunk),然后输出到指定的文件夹和文件名称。达到代码的兼容,压缩,转义处理等等功能。2、webpack的核心入口起点:entry配置示例:webpack原创 2022-04-27 09:20:16 · 1249 阅读 · 0 评论 -
vscode 前端常用插件参考
vsCode插件Auto Close Tag——自动添加HTML / XML关闭标签Auto Rename Tag——重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签Autoprefixer——自动添加css前缀,使css3兼容,操作:按F1并运行名为的命令Autoprefixer CSS。Beautify——美化VS Code的代码,代码格式化(选择代码块,shift+alt+f)Bracket Pair Colorizer ——可自定义的扩展名,用于为匹配的括原创 2021-10-14 14:19:29 · 301 阅读 · 0 评论 -
nodejs入门秘籍
node简单入门原创 2021-08-26 15:12:47 · 1608 阅读 · 0 评论 -
震惊! jest竟然这样...
JEST一、安装jest用于进行js代码测试的工具1、安装安装命令:cnpm install --save-dev jest2、入门使用简单使用案例function sum(a, b) { return a + b;}module.exports = sum;// 创建一个需要测试的文件编写测试用例const sum = require('./sum');test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2))原创 2021-07-27 17:45:16 · 285 阅读 · 0 评论 -
Canvas右手宝典
Canvas手册一、理解没有学习canvas之前,使用div绘制圆,矩形,线没有学习canvas之前,使用js绘制球碰撞,连线,运动缺点:生成多个dom元素,让页面布局混乱canvas:不会生成多个dom元素,单独占用一块区域canvas:可以转换为图片路基,设置为背景使用,不影响页面布局, 而且动画依然生效canvas:操作更加便捷,稳定,功能全面二、第一步创建一个canvas的H5标签,并内敛指定宽高:<canvas height="200" width="200"&原创 2021-06-11 17:26:56 · 213 阅读 · 0 评论 -
一本JavaScript的字典
/* 注释,打印 //多行注释多行注释//*函数注释@params { 入参 } 入参描述@returns { 返回 } 返回描述*/// 单行注释// console.log(‘console.log打印’)// console.error(‘console.error打印’)// document.write(‘document.write写入到页面’)// alert(‘弹窗输出’)// confirm(‘判断框输出’)// const str = prompt(‘输原创 2021-06-09 15:02:45 · 862 阅读 · 0 评论 -
mongodb粗暴使用
mongodbs使用1、下载安装mongodb官网:https://www.mongodb.com/download-center/enterprise安装时不要勾选install mongodb compass,点击后翻墙下载官方可视化管理工具,安装不上。安装教程:https://www.cnblogs.com/zhif97/p/12806245.html2、操作数据库重新打开一个cmd控制台输入mongo进入环境,开始进行增删改成操作show dbs :显示所有的数据库db:显示当前原创 2021-05-28 23:23:52 · 167 阅读 · 0 评论 -
小程序开发经验
小程序一、起步1、开发者工具下载地址2、开发者账户注册地址:下一步下一步的注册成功后进入页面,点开发=>开发设置,就可以看到AppID账号3、创建项目新建文件夹打开开发工具,将文件地址输入,不选择云开发然后就会自动初始化项目文件4、预览项目点开发工具预览功能,生成二维码手机微信扫描查看体验人员管理,在注册地址成功页面的成员管理进行配置二、开发1、文件介绍project.content.js:项目配置文件建议在详情内选项修改自己可以改AppID和原创 2021-05-25 09:24:25 · 345 阅读 · 0 评论 -
axios-ajax-WebSocket紧急救援
axios-ajax简单应急交互搜索网上大量的ajax-axios项目交互,都是零散的,所有总结一个应急的,全面的,救急以下当下需要的1、ajax终止请求:abort()一个简单的ajax,仅供入门学习使用/** * 调用SendAjax,调用接口 * @param {obj} object method:请求方式,url:地址,success:请求成功回调 */function SendAjax (obj) { function createAJAX () {原创 2021-04-30 10:17:54 · 1295 阅读 · 0 评论 -
jquery快速使用文档
jQuery简单使用文档jquery很久没有使用了,文档也很近没有更新维护了,不对的地方自行百度,或参考其他教程1、介绍jQuery是js的库。也就是说jQuery是很多js的方法封装在了一个文件中。jQuery是前端编程中使用最多的库。曾经风靡前端。$.fn是jQuery的原型对象2、优点:强大的选择器机制优质的隐式迭代无所不能的链式编程官网:jquery.com中文方法大全:jquery.cuishifeng.cn3、引用方法和检测要使用jquery首先需要下载一个jque原创 2021-01-22 14:33:22 · 835 阅读 · 0 评论 -
YAPI,真的很简单
Mock平台搭建使用yapi进行1、安装创建安装环境:nodejs,mongoDB然后根据官网提升进行安装cmd安装指令:cnpm install -g yapi-cli创建service: 在需要文件目录下运行yapi server然后更具提升进入浏览器页面完成创建2、运行部署创建完毕后会进行操作提示,根据操作提示进入yapi页面初始化完成后,请切换到部署目录,输入: node vendors/server/app.js 指令启动服务器, 然后在浏览器打开 http://127.0原创 2021-01-22 14:18:43 · 840 阅读 · 0 评论 -
Html5+CSS+Less
Html5+Css3基础标签1、基础语体<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta keyword='网页关键字'> <title>Document</title><link href="" /></head><body></body></html>原创 2020-09-27 16:44:39 · 2255 阅读 · 0 评论 -
必掌握的git
git的使用git使一款免费的,开源的分布式 版本控制系统git 使Linus Torvalds 为了linkus免费更新使用目录文章目录git的使用目录1、安装2、git理解3、git本地到远程1、git本地区域2、创建git3、git本地账号配置4、git本地图解5、命令详解6、创建空文件加管理7、创建被忽略文件4、git本地与远程1、图解2、命令详解3、回滚4、ssh免密登陆5、git本地分支1、创建分支2、查看分支3、切换分支4、删除分支5、恢复删除的分支6、分支合并7、合并冲突7、合并冲突原创 2020-07-08 21:45:34 · 297 阅读 · 1 评论