工具
基础工具
教练我真的想敲代码
这个作者很懒,什么都没留下…
展开
-
168Vue-vue-table-with-tree-grid全局注册=141
main.js文件全局注册原创 2020-08-13 14:45:06 · 129 阅读 · 0 评论 -
159Vue工程化2-vue项目导入less-loader【在开发依赖中安装】+scoped原理
安装less,less-loader处理less文件其他的loader需要安装的东西可以参照154传送门原创 2020-08-11 14:35:03 · 419 阅读 · 0 评论 -
158Vue工程化2-cookie、session和token使用环境【待补全实现代码】
5.实现登录功能A.登录状态保持如果服务器和客户端同源,建议可以使用cookie或者session来保持登录状态如果客户端和服务器跨域了,建议使用token进行维持登录状态。B.登录逻辑:在登录页面输入账号和密码进行登录,将数据发送给服务器服务器返回登录的结果,登录成功则返回数据中带有token客户端得到token并进行保存,后续的请求都需要将此token发送给服务器,服务器会验证token以保证用户身份。...原创 2020-08-11 14:09:55 · 232 阅读 · 0 评论 -
157Vue工程化2-配置后台项目
安装phpStudy并导入mysql数据库数据验证导入是否完成B.安装nodeJS,配置后台项目,从终端打开后台项目vue_api_server然后在终端中输入命令安装项目依赖包:npm install安装nodejs见084C.使用postman测试api接口...原创 2020-08-11 13:09:51 · 143 阅读 · 0 评论 -
156Vue工程化2-前端项目初始化步骤【git公钥私钥】
添加链接描述2.项目初始化A.安装Vue脚手架B.通过脚手架创建项目C.配置路由D.配置Element-UI:在插件中安装,搜索vue-cli-plugin-element【abcd见155添加链接描述】E.配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库G.将本地项目托管到github或者码云中E 配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库...原创 2020-08-10 22:49:01 · 210 阅读 · 0 评论 -
155Vue工程化-webpack、Vue单文件组件+代码高亮+在webpack中使用vue+打包发布+脚手架vueui+opentrue自动打开浏览器+elementui+端口设置vue.confi
12.Vue单文件组件传统Vue组件的缺陷:全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)解决方案:使用Vue单文件组件,每个单文件组件的后缀名都是.vue每一个Vue单文件组件都由三部分组成1).template组件组成的模板区域2).script组成的业务逻辑区域3).style样式区域代码如下:<template> 组件代码区域原创 2020-08-10 17:17:05 · 237 阅读 · 0 评论 -
154Vue工程化-webpack概念模块化支持,代码压缩混淆+基本使用+安装+打包入口出口+自动打包
6.webpack的概念webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性7.webpack的基本使用A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yB.创建首页及js文件在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li在项目目录中创建js文件夹,并在原创 2020-08-09 23:57:53 · 650 阅读 · 0 评论 -
128Git
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zwHvZaXa-1596433421239)(assets/01.png)]1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制,不方便多人同时编辑同一个文档,容易产生覆盖[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直原创 2020-08-03 13:47:39 · 202 阅读 · 0 评论 -
106node-第三方模块router实现路由+serve-static配置静态资源路径
router使用步骤:npm install router1、获取路由对象2、调用路由对象提供的方法创建路由3、启动路由,是路由生效const gerRouter=require('router')const router=gerRouter();router.get('/add',(req,res)=>{ res.end('hello')})app.on('request',(req,res)=>{ //启用路由 router(req,res,()=>原创 2020-07-29 20:29:16 · 383 阅读 · 0 评论 -
105node-第三方模板引擎art-template设置模板根目录、设置模板默认后缀
设置模板根目录const template=require('art-template');// 设置模板的根目录template.defaults.root=path.join(__dirname,'文件夹根目录')设置模板默认后缀//设置模板默认后缀template.defaults.extname='.art'原创 2020-07-29 18:53:15 · 269 阅读 · 0 评论 -
104node-第三方模块art-template模板引擎+原生、标准模板语法+继承+配置dateformat
模板引擎是第三方模块—让开发者更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护下载1、npm install art-template 命令进行下载2、使用const template=require(‘art-template’)引入模板引擎3、告诉模板引擎要拼接的模板在哪 const html =template(‘模板路径’,数据)返回值就是拼接好的字符串// 导入模板引擎模块const template = require('art-template');// 将特定模板与原创 2020-07-29 18:42:25 · 286 阅读 · 0 评论 -
096MongDB-数据库下载安装、MongoDB Compass图形界面下载
下载数据库下载地址:https://www.mongodb.com/download-center/communityhttps://www.mongodb.com/try/download/enterprise下载MongoDB Compass图形界面https://www.mongodb.com/try/download/tools解压后双击会自动安装问题解决https://www.cnblogs.com/cangqinglang/p/10839486.html(很原创 2020-07-28 19:03:31 · 220 阅读 · 0 评论 -
093node-url系统模块处理GET请求地址、获取请求方式、请求报文
获取请求方式 req.method获取请求地址 req.url获取请求报文 req.headers系统模块url用于处理url地址// 用于处理url地址const url = require('url');原创 2020-07-27 22:26:24 · 178 阅读 · 0 评论 -
089node-第三方模块 npm、node_modules、package-lock.json、package.json
别人写好的具有特定功能的第三方模块,由于第三方模块通常都是有多个文件组成并且被放置在一个文件夹中,所以又名包// 两种存在形式// 以js文件的形式存在,提供实现项目具体功能的api接口// 以命令行工具形式存在。辅助项目开发npmjs.com 第三方模块的存储和分发仓库获取第三方模块npm :node的第三方模块管理工具(node已经集成好了不需要单独下载)下载:npm install 模块名称 (属于本地安装)默认下载到当前工作目录下本地安装(只有自己项目可以用------库文件经常原创 2020-07-27 13:11:09 · 187 阅读 · 0 评论 -
090node-第三方模块 nodemon下载 nrm切换国外下载地址
nodemon下载// nodemon是一个命令行工具,用以辅助项目开发// 在node.js每次修改文件都要在命令行中重新执行改文件,非常繁琐// npm install nodemon -g 下载 -g是全局安装// nodemon .\module-b.js 执行监控保存的文件// ctrl+c可以停止监控nrm切换国外下载地址nrm(npm registry manager):npm下载地址切换工具1使用npm install nrm -g 下载它2查询可用下载地址列表nrm原创 2020-07-27 13:23:31 · 278 阅读 · 0 评论 -
013CSS-snipaste小工具
1、f1可以截图、同时测量大小、设置剪头、书写文字2、f3在桌面置顶显示3、点击图片alt可以取色(按下shift可以切换取色模式)4、按下esc取消图片显示链接:https://pan.baidu.com/s/1vO17xK0QZacTBRko1vksHg提取码:aths...原创 2020-07-21 23:29:34 · 185 阅读 · 0 评论