Vue前端体系、前后端分离

Vue:前端体系、前后端分离 Vue是一套用于构建用户界面的渐进式框架,vue被设计为可以自底向上逐层应用。vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router:跳转、vue-resource:通信、vuex:管理)或既有项目整合。如:实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular(模块化)和React(虚拟DOM)的优点。 Axios:前端通信框架 / Amaze UI Web / JavaScript构建工具:WebPack:模块打包器,主要是打包

  • 0
  • 0
  • 阅读 ( 119 )

Java中com.jcraft.jsch.JSch讲解

JSch是Java Secure Channel的缩写。 JSch是一个SSH2的纯Java实现。它允许你连接到一个SSH服务器,并且可以使用端口转发,X11转发,文件传输等,当然你也可以集成它的功能到你自己的应用程序。 要使用JSch,需要下载它的jar包,请从官网下载它: http://www.jcraft.com/jsch/ 一个简单的jsch链接 Linux 并执行命令的utils。 import java.io.BufferedReader; import java.io.IOException

  • 0
  • 0
  • 阅读 ( 564 )

dhtmlxlayout隐藏、显示、设置标题

首先先看下效果图: 下面是源码: <!DOCTYPE html> <html> <head> <title>Cells header manipulations</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible"

  • 0
  • 0
  • 阅读 ( 256 )

JS监听浏览器窗口切换

以前看到过一些网页,在标签切换到其它地址时,网页上的标题上会发生变化,一直不知道这个是怎么做的,最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定,这里将介绍一下页面可见性(Page Visibility)API的简单应用。 visibilitychange事件介绍 简单的说,当用户最小化网页或移动到另一个标签时,API会发送 visibilitychange 有关该网页的可见性的事件。你可以检测到该事件并执行一些操作或行为。例如:标签页隐藏的时候停止播放音乐视频、停止一些不必

  • 0
  • 0
  • 阅读 ( 482 )

html自动实现f11效果,考试系统,开始考试自动全屏(F11的效果)怎么做

html>  页面名称  #butt { width: 150px; height: 58px; font-size: 30px; line-height: 58px; color: #440000; background: #dd8e4f; border: 1px solid #ff6600; text-align: center; cursor: default; } #box { overflow: hidden; width: 0; height: 0; } #test { width: 1

  • 0
  • 0
  • 阅读 ( 371 )

Web前端vueDemo—实现图片切换功能(二)

系列文章目录 Web前端vueDemo—实现简单计数器功能(一) Web前端vueDemo—实现图片切换功能(二) Web前端vueDemo—实现记事本功能(三) Web前端vueDemo—实现天气预报功能(四) 文章目录 系列文章目录 前言 一、项目分布 二、项目源码 三、运行结果 前言 vue的相关配置在系列文章的第一部分中进行了配置。 此处主要使用的标签为: v-bind: 对标签的属性进行绑定。主要对标签中的img的src中的图片地址进行了改变。 v-on: 添加的点击事件。使用到两个方法,pre

  • 0
  • 0
  • 阅读 ( 136 )

java后端+前端使用WebSocket实现消息推送

java后端+前端使用WebSocket实现消息推送(流程+详细代码) 创建WebSocket的简单实例操作流程 1.引入Websocket依赖 2.创建配置类WebSocketConfig 3.创建WebSocketServer 4.websocket调用 前端WebSocket连接 OK,下课!!! 在项目的开发时,遇到实现服务器主动发送数据到前端页面的功能的需求。实现该功能不外乎使用轮询和websocket技术,但在考虑到实时性和资源损耗后,最后决定使用websocket。现在就记录一下用Java实

  • 0
  • 0
  • 阅读 ( 341 )

服务器如何向前端页面推送消息,后端向前端推送消息

SpringBoot+WebSocket集成 什么是WebSocket? 为什么需要 WebSocket? 前言 maven依赖 WebSocketConfig WebSocketServer 消息推送 页面发起 运行效果 后续 Websocker注入Bean问题 netty-websocket-spring-boot-starter Springboot2+Netty+Websocket ServerEndpointExporter错误 正式项目的前端WebSocket框架 GoEasy `@Compo

  • 0
  • 0
  • 阅读 ( 63 )

html中css字体颜色代码大全,css字体颜色的设置方法

css字体颜色的设置方法:首先创建一个HTML示例文件;然后在body定义一些p标签并在p标签中输入文字内容;最后给p标签添加css样式为“p{color: blue}”即可修改字体颜色。 本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。 一、首先我们先给大家看个html字体的基础代码: PHP中文网 字体颜色设置 字体颜色设置 字体颜色设置 字体颜色设置 这里是p标签的四段话,我们应该都能看懂,这是最简单的代码样式。 二、接下来我们要设置html 字体颜

  • 0
  • 0
  • 阅读 ( 93 )

前端工程化——Node.js

上一节讲述了前端工程化的概念,最后提到  Node.js  因为前端工程化中大多数技术和工具都是基于 Node.js  的  运行环境 为什么说是运行环境而不是编程语言?         从官方网站(https://nodejs.org)中可以看到          Node.js® 是一个基于  Chrome V8引擎  的 JavaScript 运行时环境。 ​ Chrome V8引擎是什么?JavaScript的运行时环境又是什么?想知道这两个答案,需要了解 浏览器的组成 浏览器的组成,分为内核和外

  • 0
  • 0
  • 阅读 ( 60 )

小程序前端放在腾讯服务器,腾讯历史上首个专职前端开发:前端开发转到云上开发需要几步?...

来源:环球网 “20年前,前端有过一个最爽的时代,但那时前端是像BUG一样的存在”,11月29日,由腾讯云与微信联合主办的第二届“小程序·云开发”技术峰会现场,腾讯云TVP、前端开发黄希彤现场分享了如何前端开发转到云上开发的发展历程。 作为腾讯历史上首个专职前端开发,黄希彤回顾了20年前的前端工作场景,那时候前端用Dreamwaver编辑静态网页,不用自己写脚本,普通前端用拖拽生成页面,高级前端则利用HTML+CSS。后来有了动态网页的提法,即DHTML(HTML+CSS+JS),前端开始慢慢接触后端。

  • 0
  • 0
  • 阅读 ( 197 )

前端导入不进去图片_进阶能力 | 将图片制作为漫画电子书的方法

Kindle除了看书之外,还是看漫画的利器,在Kindler中,喜欢看漫画的绝不在少数,尤其是在漫画也繁荣的日本,所以日亚甚至专门为漫画迷们推出了专门看漫画的Kindle——32G的Paperwhite; 但是相比各大书城海量的普通电子书资源量,漫画的电子书资源相较要更难找,虽然亚马逊商城也有Kindle版漫画资源出售,但对于漫画爱好者来说,自己找资源显然也是一项十分重要的技能; 静读君曾为大家推荐过 vol 这个十分给力的漫画网站,可以直接下载推送Kindle版漫画,但是在网上能找到的更多是图片集合形式

  • 0
  • 0
  • 阅读 ( 72 )

html界面设计用什么软件,html网页开发常用软件有哪些

1、Initializr Initializr是制作HTML5网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr会为你生成代码简洁的可定制的网页模板。 2、HTML5 visual cheat sheet HTML5 visual cheat sheet是一个非常酷的速查手册,每个Web开发人员的必备神器,可以帮助大家快速超找一个标签或者属性。 3、Cross browser HTML5 forms HTML5中的日历,取色板,滑块部件等都是非常棒工具,但

  • 0
  • 0
  • 阅读 ( 266 )

安装 Node.js 与 MongoDB ,以Ubuntu为例。

安装Node.js 通过这个地址下载预编译二进制包 https://nodejs.org/en/download/    通过如下的指南进行安装。 https://github.com/nodejs/help/wiki/Installation       安装MongoDB 通过如下地址,添加到软件源。 https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/   转载于:https://www.cnblogs.com/fog

  • 0
  • 0
  • 阅读 ( 340 )

如何在百度中脱颖而出——前端与SEO

SEO :译为搜索引擎优化,搜索引擎优化技术现在随着百度,谷歌,搜狗等搜索引擎的兴起,越来越火爆,那今天,我们一起来看看,SEO和前端有着怎样千丝万缕的联系~ SEO的由来 :早在90年代国外便有了SEO的概念,曾经由于谷歌的SEO,导致很多媒体行业的不满。 后来大约03年,由于一款游戏(传奇私服),各种私服产业恶性竞争,慢慢的,SEO在中国逐渐商业化。 SEO分类 :SEO主要分为白帽SEO和黑帽SEO,就像白帽黑客和黑帽黑客一样。 白帽SEO :改良网站设计规范,使网站对搜索引擎和用户更加友好 黑帽S

  • 0
  • 0
  • 阅读 ( 204 )

Springboot 修改配置json解析

在Springboot中默认的JSON解析框架是jackson 定制或使用fastjson需要替换默认的json转换器的方法。 一、(1)实现WebMvcConfigurer (2)覆盖方法configureMessageConverters @Configuration public class WebMVCConfig implements WebMvcConfigurer { @Override public void configureMessageConverters(List<HttpM

  • 0
  • 0
  • 阅读 ( 174 )

Android开发实用小技巧五——调用网络接口API并处理返回结果(json)

文章目录 前言 代码 总结 前言 调用网络接口API并处理返回结果(json)。 代码 修改AndroidManifest.xml文件添加联网权限 : < manifest xmlns : android = "http://schemas.android.com/apk/res/android" package = "com.xxx.xxx" > < uses - permission android : name = "android.perm

  • 0
  • 0
  • 阅读 ( 103 )

vue项目在安装scss后,打包运行时时报错The “path“ argument must be of type string. Received undefined

vue项目在安装scss时报错The “path” argument must be of type string. Received undefined 在vue项目中感觉安装scss很简单,今天啪啪打脸,安装完scss后,准备一波骚操作,重启项目报错. 报错 后来才发现是是sass-loader 版本造成的,此时的版本是 “sass-loader”:"^10.1.0",修改版本为 “sass-loader”: “^7.3.1”,重新使用命令安装npm i sass-loader@7 -

  • 0
  • 0
  • 阅读 ( 352 )

Vue.js - VueRouter的Hash与History模式 / 手写VueRouter

一. Hash与History模式   Hash模式 History模式 url地址外观 http://localhost:8081/#/about http://localhost:8080/about 原理 基于锚点,监听锚点变化时触发的onhashchange事件 基于HTML5的 history.pushState()方法,该方法会向浏览器历史记录中加入一条数据,会改变当前地址栏的地址,但不去加载新地址 兼容性   对于IE,IE10及以上才支持histroy.pushState()方法;需要在w

  • 0
  • 0
  • 阅读 ( 221 )

打开swagger-ui.html报There was an unexpected error (type=Not Found, status=404)

启动springboot项目后,打开swagger页面打不开报如下错误: 查了一下资料,发现是代码中WebMvcConfig自定义继承WebMvcConfigurerAdapter导致配置文件中配置的相关内容会失效,需要重新指定静态资源 @Configuration public class WebMvcConfig extends WebMvcConfigurerAdapter { @Value ( "${file.front-end.path}" ) private String fe

  • 0
  • 0
  • 阅读 ( 359 )