前端
关注
分享
扫一扫
文章平均质量分 66
前端，如js，vue等等
次时代小羊
千里之行，始于足下！
展开
-
JavaScript实现贪吃蛇小游戏（网页单机版）
使用 JavaScript 实现了一个网页版的贪吃蛇小游戏原创 2023-05-13 12:39:49 · 2268 阅读 · 1 评论 -
JavaScript实现一个排序算法的演示动画
在学习排序算法的时候，单纯的文字或者代码无法直观地表示出算法的具体排序过程，而自己手动画出示意图也比较麻烦，所以作者使用 JavaScript 实现了一个简单的排序算法的演示动画页面。原创 2023-04-28 18:24:57 · 520 阅读 · 0 评论 -
推荐几种简洁美观的博客背景效果
由线条组成的动态效果，线条会随着鼠标的移动和停止而不断汇聚，形成类似蜂窝巢一样的结构。由线条和小球组成的动态效果，线条和小球相互连接，会随着鼠标的移动而改变方向。这种背景效果是一条颜色鲜艳的彩色丝带，随着鼠标点击可以自动变换舞动。由小球组成的动态波浪效果，波浪起伏方向会随着鼠标的移动而改变方向。在很多的博客网页中，都有一些非常简洁美观的博客动画背景，比如。由线条模拟光球的动态效果，光球会随着鼠标的移动而旋转改变方向。以上的内容是背景效果图和效果图对应需要的。文件的时候，需要将这些。原创 2023-03-14 23:31:36 · 1257 阅读 · 0 评论 -
WebStrom 开发 Vue 项目，安装 ESLint 代码风格检查工具
ESLint最初是由[Nicholas C. Zakas](http://nczonline.net) 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。原创 2021-08-30 09:02:20 · 1332 阅读 · 0 评论 -
JavaScript 导出 table 为 Excel 表格
JavaScript 是一种可以运行在浏览器中的语言，结合浏览器，JavaScript 可以实现非常多的功能。JavaScript 可以导出页面的 table 表格为 Excel。原创 2021-07-05 22:50:23 · 2011 阅读 · 1 评论 -
Electron-vue build 报错： Multispinner is not defined
Multispinner 类没有定义错误信息UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined错误原因我使用的是 electron -vue 的模板，在该模板中，没有引入 multispinner 相关的依赖，使用命令将 multispinner 依赖重新安装，并在 build.js 文件中加入引用。npm install multispinner -Dbuild.js 文件原创 2021-06-14 22:21:59 · 2598 阅读 · 3 评论 -
Vue-cli项目解决跨域问题
前后端分离开发是如今Web开发的一个趋势，不过前后端分离开发也给开发带来了一些区别于传统项目的问题。由于前后端分离开发中，前端项目和后端项目由于需要部署在不同的服务上，基于浏览器的同源策略限制，前端的JavaScript脚本所发出的异步请求，无法和后端的接口进行交互，这就是前后端分离开发中的跨域问题。如果在Vue项目中想要解决跨域问题，我们可以直接在vue.config.js配置文件中配置项目的代理路径，这样即可解决Vue项目的跨域代理问题。vue.config.jsmodule.expor.原创 2020-09-05 22:13:54 · 524 阅读 · 1 评论 -
vue+SpringBoot实现文件上传
今天我们来学习使用Vue+SpringBoot来实现文件上传，其实今天的重点在于前端使用Vue获取文件，并传输到后台，至于后台上传文件则是通用的代码。原创 2020-08-08 19:44:43 · 4024 阅读 · 0 评论 -
Vue学习系列（二十一）：Element-ui的初体验
Element-ui的初体验。原创 2020-06-28 12:18:00 · 300 阅读 · 0 评论 -
Vue学习系列（二十）：vue-cli脚手架快速搭建Vue项目
在使用vue-cli搭建Vue项目之前，我们需要通过npm或cnpm安装vue-cli，这样我们才可以使用vue-cli来搭建Vue项目。原创 2020-06-26 11:32:03 · 229 阅读 · 0 评论 -
Vue学习系列（十九）：Vue的路由
Vue的路由。原创 2020-06-12 06:34:44 · 177 阅读 · 0 评论 -
Vue学习系列（十八）：Vue自定义指令
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点。原创 2020-06-11 21:52:01 · 165 阅读 · 0 评论 -
Vue学习系列（十七）：Vue的组件之子组件向父组件通信
在Vue中，父组件向子组件通信，需要使用父组件是使用props 递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！原创 2020-06-11 21:20:49 · 189 阅读 · 0 评论 -
微信小程序日历组件
找到一个比较好用的微信小程序的日历组件，分享在这里：https://treadpit.github.io/wx_calendar/转载 2020-06-11 14:49:52 · 864 阅读 · 0 评论 -
Vue学习系列（十六）：Vue的组件
我们可以使用Vue.component(tagName, options)语法注册一个全局组件，在该页面内，全局组件可以被多个Vue实例共享使用。原创 2020-06-07 23:07:34 · 225 阅读 · 0 评论 -
Vue学习系列（十五）：Vue的表单
在Vue中，v-model可以轻松实现数据的双向绑定，不过除了文本框，文本域等基本的表单元素，其他的表单元素又该怎么实现数据的双向绑定呢？原创 2020-06-07 21:04:17 · 579 阅读 · 0 评论 -
Vue学习系列（十四）：Vue的事件处理器
在Vue中，触发事件是可以传递参数的，如果触发的事件没有参数，那么处理函数默认有一个event参数，可以处理event事件相关的逻辑，如果在有参数的情况下，还需要传入event参数，则需要使用$进行修饰。原创 2020-06-07 20:01:30 · 239 阅读 · 0 评论 -
Vue学习系列（十三）：Vue的监听属性
Vue的监听属性，可以实时监听Vue实例中的数据变化，从而响应数据的变化。原创 2020-06-07 17:13:49 · 197 阅读 · 0 评论 -
Vue学习系列（十二）：Vue的计算属性
Vue的计算属性computed可以为我们处理一些简单的数据逻辑，除了computed之外可以实现这种功能，其实methods属性也是可以实现的。不过computed和methods的区别在于，computed是基于缓存的，只有当它的缓存依赖发生改变的时候，才会改变计算后的值，而methods则会在重新渲染的时候，函数重新执行一次。原创 2020-06-07 16:54:55 · 247 阅读 · 0 评论 -
Vue学习系列（十一）：Vue的v-for循环指令
Vue的v-for循环指令。原创 2020-06-07 11:32:23 · 425 阅读 · 0 评论 -
Vue学习系列（十）：Vue的v-if和v-show指令
在Vue中，v-if可以进行boolean值判断，如果值为true，则渲染DOM结构，如果为false，则不会渲染DOM结构。原创 2020-06-07 10:46:32 · 807 阅读 · 0 评论 -
Vue学习系列（九）：Vue的filters过滤器
Vue中支持过滤器，常用语文本展示，即第一个插值作为第二个插值的参数输入，最终显示第二个插值计算之后的结果。原创 2020-06-07 09:53:42 · 427 阅读 · 0 评论 -
Vue学习系列（八）：Vue的v-model指令
Vue中的v-model指令，可以将data数据渲染到HTML文本中，但是和v-text不同的是，v-model可以双向绑定data数据，即在HTML中改变v-model的值，那么在vue中的数据也会一起改变，同样改变vue实例中的数据，v-model中的数据也会一起改变。原创 2020-06-07 09:40:31 · 325 阅读 · 0 评论 -
Vue学习系列（七）：Vue的v-on指令
在Vue中，v-开头的指定都是和Vue相关的，其中v-bind是用来绑定标签属性的，而v-on是用来绑定DOM事件的，比如点击，提交等等DOM事件。原创 2020-06-07 09:24:27 · 292 阅读 · 0 评论 -
Vue学习系列（六）：使用IDEA开发Vue是v-开头指令爆红解决方法
今天在使用IDEA进行Vue开发的时候，发现使用v-开头的指令出现爆红的现象，虽然从代码运行结果来看，这并不影响代码运行，但是在开发的时候爆红的代码没有观赏性，如果要解决这个问题，只需要取消IDEA的一个配置即可。原创 2020-06-07 08:50:12 · 1878 阅读 · 0 评论 -
Vue学习系列（五）：Vue的v-bind对于class和style的增强
v-bind还可以直接渲染class属性，除了通过字符串拼接的方式渲染多个class属性，还可以通过boolean类型的值来进行class属性的控制。原创 2020-06-07 08:03:53 · 357 阅读 · 0 评论 -
Vue学习系列（四）：Vue的v-bind
Vue的v-bind指令是用来绑定html属性的一个指令，同时v-bind还可以简写成为:指令，比如v-bind:src和:src的指令效果在Vue中是一样的。原创 2020-06-06 22:24:52 · 270 阅读 · 0 评论 -
Vue学习系列（三）：Vue的插值表达式v-text和v-html
Vue的插值表达式v-text和v-html。原创 2020-06-06 19:00:08 · 623 阅读 · 0 评论 -
Vue学习系列（二）：Vue的第一个实例
Vue的第一个实例。原创 2020-06-06 13:28:11 · 267 阅读 · 0 评论 -
Vue学习系列（一）： 无法加载文件，因为在此系统上禁止运行脚本。
无法加载文件，因为在此系统上禁止运行脚本。原创 2020-06-04 23:12:43 · 3784 阅读 · 2 评论 -
FreeMarker include指令实现文件复用
在正式开发中，我们可能需要将一些文件封装成独立的模板文件，然后在其他文件中引入即可，这样可以实现文件的复用，减少了大量重复代码的编写。FreeMarker中同样也支持这种方式，FreeMarker使用的是<#include>的指令实现的。我们先创建一个head.ftl文件。<!DOCTYPE html><html lang="en"><head&...原创 2020-05-01 16:30:14 · 1158 阅读 · 0 评论 -
SpringBoot+freemarker基础入门
FreeMarker是一款模板引擎：即一种基于模板和要改变的数据， 并用来生成输出文本（HTML网页、电子邮件、配置文件、源代码等）的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。原创 2020-05-01 15:47:28 · 902 阅读 · 1 评论 -
Thymeleaf静态化页面
在生产环境中，业务复杂多变，我们需要保证系统要求高可用，高并发。如果系统的某一个页面需要返回大量的数据，而且该页面经常被大量请求访问，那么该页面的数据渲染问题就会变成系统性能的短板，同时大量的请求会对数据库造成极大的压力。这个时候，我们通过后端获取数据，然后响应前端渲染数据的方法就很难解决这个问题。原创 2020-03-25 12:19:46 · 366 阅读 · 0 评论 -
Thymeleaf静态模板引擎
Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引擎。Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板- HTML。可以在直接浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。原创 2020-03-24 21:12:46 · 712 阅读 · 0 评论 -
Vue-template组件开发
使用vue进行开发的时候，可以将页面的一个个模块封装成一个个组件，便于模块的复用和管理，最为常见的就是将头部或者底部封装为一个页面，然后在其他页面中引入即可。原创 2020-02-21 10:08:20 · 1143 阅读 · 0 评论