chengyou_的博客

原创 .vue文件快捷生成模板不成功

当小编在学习vue的时候，插件也下好了，但是敲击’vb’字母以后不提示vbase，不自动生成模板，小编以为是插件没下好，后来兜兜转转、抓耳挠腮，终于发现原来是下方的html没有变化。原本我的VSCode下方为html，我将这个改成Vue，就万事大吉了...

原创 vue中html标签和css不自动提示

问题：我在构建一个vue项目完成时，想要在template中和scss中敲上一系列代码，发现不自动提示了，这大大降低了我敲代码的速度，小编掀桌子了 o(≧口≦)o 然后找了一圈的解决方法，将我成功的做法附到下方供大家参考。VS Code左下方设置打开打开的界面按照下方图片操作就可以打开settings.json将下面代码放到下面图片对应的代码位置，重启VS Code即可！...

原创 js数组api的一些整理，包含es6

原创 HTML和CSS简单整理

前言：hello 家人们，本文章用于自己整理笔记使用，逻辑会有点混乱，不建议小白入手从上往下查看，有什么指导欢迎评论区畅聊 (｡･∀･)ﾉﾞ基本结构结构 – html表现 – css行为 – jsCSS层叠样式表 英文全名：cascading style sheets WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。引入CSS两种方式：第一种：<link rel="stylesheet" type=".

原创 初识vue实现购物车小小的案例

初识vue实现购物车小小的案例 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">html:<div id="app"> 商品名称：<input type="text" v-mode...

原创 vue完成一个简单的todo-list

基本展示：没有任何发布时：点击“Go！”发布计划：点击“待完成”，代码展示：html:这里我用的绘制页面样式框架为Bootstrap ，直接使用BootstrapCDN 提供的链接。<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><div id="app"> <div class="

原创 js完成放大镜

效果展示： js写放大镜案例 html:<div class="wrap"> <div class="left"> <div class="mask"></div> <img src="./img/s.jpg" alt=""> </div&g

原创 Java设置公告三十天过期

数据库的公告表添加两个字段starttim（发布时间） endtim（过期时间）注意类型是date发布公告： Date date = new Date(); SimpleDateFormat dateFormat= new SimpleDateFormat("yyyy-MM-dd :hh:mm:ss"); System.out.println("当前的时间："); System.out.println(dateFormat.format(date

原创 v-for循环写tab组件小案例

展示： v-for循环写tab组件小案例 简单的一个小案例，css文件这么easy就不贴了吧，也没啥样式。 <div id="app"> // 循环两次，一次是button，一次是内容框div。 // @click="changeTab(index)" 点击按钮触发changeTab事件，将当前被点击按钮的index（下标）传过去 // :class="

原创 vue笔记日渐整理（每天更新）

vue什么是vue是前端的一个框架是一个渐进式框架基于mvvm的框架渐进式：不强求一次性使用和接受他的所有功能。如果你想用其中的一个或者多个再引用相对应的功能就好了。mvvm：m：数据对象。v：前端展示页面。vm：双向绑定数据。vue的实例。数据改变视图，自动刷新。vue开发特点开发模式：声明式开发：程序告诉机器我要干什么，怎么我不管。 组件化开发 自定义开发 将标签成为组件 虚拟dom命令式开发：应用程序 业务逻辑 开发将每一步实现步骤都需要代码实现。vm啥呀？答：

原创 thymeleaf中onclick事件动态传递参数问题

问题当我在帮我姐妹修改JSP代码时，我遇到一个看起来很简单但是对于我这个新手来说很困难的问题：传入中文的时候会传不上去。我就很纳闷，后来经过测试发现字符串的时候直接在函数括号内传参是不行的。<button th:onclick="|out(${session.userBasic.nickName})|">测试</button>解决：th:data<button th:data="${session.userBasic.nickName}" th:onclick="|o

原创 $(...).modal is not a function

问题控制台报错：modal is not a function原因springboot和jQuery的js文件引用顺序出错<script type="text/javascript" src="js/bootstrap.js"></script><script src="//code.jquery.com/jquery-1.11.0.min.js"></script>解决jquery的js文件引用在前因为bootstrap引用了jquery中

原创 使用multer写一个上传图片

multer（node中间件）下载：链接（https://www.npmjs.com/package/multer）npm i multer创建一个upload.js文件，内容为下：const multer = require('multer')// 自定义上传目录 文件名const storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, './public/uploads')

原创 什么是formData

什么是formData可以用作：序列化表使用：var formData=new FormData()定义一个表单，定义上name属性<form id="myForm" action="" method="post"> <input type="text" name="name">名字 <input type="password" name="psw">密码 <input type="submit" value="提交">&

原创 git查看连接的远程仓库

有时候，如果记不得远程仓库的链接，可以在项目下的终端输入`git remote -v`查看

原创 JS 文本中点击事件传参时报错 Uncaught SyntaxError: missing ) after argument list

问题描述遇到的问题：<button class="btn-warning" style="border:none;border-radius:2px;" onclick='collection("${curGood}")'>收藏</button>控制台出现下面问题：Uncaught SyntaxError: missing ) after argument list解决方案：提示：这里填写该问题的具体解决方案：<button class="btn-w

原创 node.js小笔记---通过请求发送数据

服务器端：var http=require('http')var querystring=require('querystring')http.createServer(function(req,res){ var body='' req.on('data',function(chunk){ body+=chunk }) req.on('end',function(){ res.writeHead(200,{'Content-Type':

原创 了不起的nodejs--小例子-简单的用户输入选项查看文件内容

nodejs小实例，简单的用户输入选项查看文件内容var fs=require('fs')//同步还是异步 异步// require(‘fs’).readdir(’.’,async)// function async (err,files)// {// console.log(files)// }// fs.readdir(__dirname,function(err,files){ //readdir 获取文件列表// console