- 博客(16)
- 收藏
- 关注
RSS订阅原创 猿创征文｜ ‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
比起繁琐的命令创建vue项目,我更喜欢使用vue ui创建项目,界面化工具,赏心悦目,而且配有文字说明,让你知道每一步都在做什么,甚是好用。然后你用编译器打开项目就可以发现，之前选择的router，vuex以及less全部帮我们装好了，就可以直接使用了，是不是很方便？根据咱们的业务需求来选择配置，比如Router，Vuex，CSS预处理器是我们经常用到的东西，我们就可以选择它们，如下图所示。在上图你可以保存为你的预设，也可以不保存，直接创建项目，完成之后如下图所示。这样一个项目就创建好了,是不是很简单。
2022-09-13 11:35:13
3407
10
原创 Vant轮播图
vant的轮播图使用1.vant的轮播图使用<trmplate><div><van-swipe :autoplay="3000" height="150"> <van-swipe-item v-for="(image, index) in images" :key="index" ><img v-lazy="image" /></van-swipe-item> </van-s
2022-01-11 15:54:05
3215
1
原创 vscoode中使用vue报错
前言:为什么写了这篇笔记?因为今天我们学习了vue脚手架的知识,我最开始使用的是hb的命令控制台,他可以使用,我心血来潮(其实是因为vscode的美化太好了)想使用vscode打开vue的脚手架,所以我满怀期待的打开了vscode1.报错我打开vscode开心的打开命令台工具然后我就看到了下面这一幕我当时呆若木鸡所以我就去找到了解决的办法以管理员身份打开PowerShell（按住shift不要松 然后右击桌面空白区域， 就可以看到打开PowerShell的选择项了）打开后，输入get-Ex
2021-12-10 10:51:28
1536
原创 webpack
1.webpack简介webpack官网:https://webpack.docschina.orgwebpack是一个流行的前端项目构建工具（打包工具），因为我们目前web开发会有下面几个问题：文件之间互相依赖关系复杂浏览器对于js的新语法特性兼容性也不是很好webpack可以解决上述问题。浏览器对于Es6的模块化支持不是很友好使用webpack就可以解决上述的 问题2.我们使用npm使的注意事项npm install xx -D 即写入devDependencies对象（里面的插
2021-12-09 15:19:51
356
原创 vue项目
1搭建表格页面<div id="app"> <table border="1" cellspacing="0" width="400"> <tr> <th>编号</th> <th>书名</th> <th>作者</th> <th>操作</th> </
2021-12-04 10:12:57
195
原创 nodejsmd5加密
nodejsmd5加密最好的方法是，先把字符串转为二进制，否则有中文的话，跟其他语言加密出来的就不一样喽nodejs中md5模块在nodejs中加密,我们在使用 bcryptjs 进行数据加密的时候会产生错误,所以我们需要安装md5模块进行数据的加密操作使用过程首先先安装md5模块npm i md5然后在nodejs中我们需要先将md5模块引入var md5 = require('md5-node');console.log(md5('123456'));//e10adc3949ba59
2021-12-04 09:00:48
2271
1
原创 vue组件化和传值
vue组件化1.组件化简介组件化是vue中非常重要的一个东西,最重要的就是使用的组件可以实现复用,这样就可以减少代码量2.组件化使用组件分为两种:一种是全局组件,一种是局部组件(局部组件使用的最多)全剧组件的使用:<body> <div id="app"> <my-header></my-header> <my-header></my-header> <my-header&g
2021-12-02 09:06:39
118
原创 vue控制台报错
vue报错我们在使用vue时总会在控制台看见这样一段话这是因为我们使用的是vue的开发版本,在产品上线时为了减轻服务器的负担和各种问题不建议我们使用这个开发版本,那我们要是想要去掉这个提示的话怎么办呢?哎,他的解决方法就来了:加入这样一句话就解决了Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。1638241179690)]这样我们的控制台就光秃秃的了,什么都没有了√...
2021-11-30 10:59:58
1034
原创 生命周期(一学就会)
vue生命周期1 生命周期的简介https://cn.vuejs.org/v2/api/#beforeCreate(这是官网对生命周期的解释)生命周期可以分为三个阶段1.挂载阶段：主要是初始化数据用的beforeCreatecreatedbeforeMountmounted2.更新阶段：元素或者组件的变更beforeUpdateupdated3.销毁阶段:beforeDestroydestroyed2.钩子解释1.beforeCreate
2021-11-30 10:46:39
590
原创 nodejs加密
对密码进行加密处理为了保证数据的安全性，不建议将密码按明文的形式存储，而是建议将密码加密存储。bcryptjs包使用bcryptjs对用户密码加密有以下优点加密后无法逆向破解同一明文加密多次，产生的是不同的加密结果安装bcryptjsnpm i bcryptjs导入并使用加密使用bcrypt的hashSync(明文字符串, 随机盐长度)方法，该方法返回一个加密后的字符串const bcrypt = require("bcrypt");const encodedStr = bcry
2021-11-26 11:33:19
4384
原创 nodejs加密操作
对密码进行加密处理为了保证数据的安全性，不建议将密码按明文的形式存储，而是建议将密码加密存储。bcryptjs包使用bcryptjs对用户密码加密有以下优点加密后无法逆向破解同一明文加密多次，产生的是不同的加密结果安装bcryptjsnpm i bcryptjs导入并使用加密使用bcrypt的hashSync(明文字符串, 随机盐长度)方法，该方法返回一个加密后的字符串const bcrypt = require("bcrypt");const encodedStr
2021-11-26 11:11:39
3745
原创 模块化和node.js
模块化和node.js1.模块化在使用模块化的时候需要先在控制台生成一个package.json文件,然后添加添加type：module属性就可以使用模块化的文件内容{ "name": "code", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" },
2021-11-24 09:55:20
668
原创 ES6(一学就会)
ES61.ES6的由来Javascript是 netscape(网景)公司提供了ECMA(欧洲计算机厂商联盟组织)ECMAScript和 JavaScript的关系是,前者是后者的规格,后者是前者的一种实现为什么有ES6的let定义变量因为ES5的时候我们使用var的时候会出现变量提升,所以出现了let,let没有变量提升var 不是块级作用域; let是块级作用域ES6声明变量的使用建议使用let声明变量定义常量 const2.数组和对象的解构
2021-11-23 09:12:11
511
原创 连库操作(一学就会)
nodejs && mysql1.下载mysql模块我下载了淘宝定制的npm安装器,所以安装的命令如下:cnpm install mysql2.使用小皮连接数据库3.node实现数据库数据的增删改查3.1 增加数据功能// 2.增加数据var mysql = require('mysql'); //进行数据的连接var connection = mysql.createConnection({ host : 'localhost',
2021-11-23 08:22:22
418
原创 精灵图,字体图标
0908 精灵图，字体图标等1.精灵图精灵图的使用使用 标签使用“url”引入所使用的精灵图使用-background-position 来更改图片所在的位置（一般使用的是负值）： x轴右边走是正值，左边走是负值， y轴同理精灵图的主要结构* { margin: 0; padding: 0; }i { display: inline-block; background-image: url(abcd.jpg); }.one { width: 109px;
2021-09-18 07:56:37
146
原创 0901 总结
0901 总结前言：1.前端学到现在为止我们接触了html（最基本的标签）css（美化网页，顺带实现一些小功能）js（牛逼的js，实现页面的交互）。一.html标签1.HTML基本的结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body>·&l
2021-09-16 09:01:16
257
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人