![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发
文章平均质量分 58
前端开发
asa-x
面对问题,重要的不是完美解决,而是解决,不完美也是可以接受的
展开
-
BootStrap学习日记之 tooltip 插件使用
软件环境环境: Spring-tool-suite(STL),可使用BootStrap 官方文档链接:http://v3.bootcss.com/javascript/#tooltips –>工具提示–>static tooltip表格一般代码<th class="info">应到天数</th>显示结果如下 插入tooltip 代码<th class="info"><span data-to原创 2016-05-06 08:33:28 · 717 阅读 · 0 评论 -
jquery动态增减行
效果图: 这是没有增加时的界面: 增加后的界面: 删除后的界面: 原因分析: 不擅长jquery和JavaScript场景: 代码如下: <table class="table table-bordered"> <thead> <tr> <th style="width: 10px原创 2016-12-05 03:49:38 · 3113 阅读 · 0 评论 -
Jquery 学习日记
身为一个JAVA 工程师入门新手,在工作中,我一直以为,前端或者某些简单java常识在工作中只要百度下或者写个小程序测试下就可以了,现学现用,重要的是思维。但是工作经验告诉我,好的基础可以事半功倍,虽然很多东西在用时可以百度,但是对于项目来说,这时间浪费的有点多了,在今天面试中,关于Jquery,虽然曾经接触,但是不是很熟悉,现在打算从小处开始学习,顺便做下笔记: 使用软件:Hbuiler(谢谢前原创 2016-07-29 02:00:30 · 371 阅读 · 0 评论 -
JQUERY 学习笔记(一)
DOM 基本了解一:概念 DOM(Document Object Model)文档对象模型,可以访问和更改文档的结构和构成元素,文档包括XML、HTML文档,尤其是对于HTML文档的处理的强大功能。 DOM的设计是以对象管理组织(OMG)的规约为基础的(?什么是OMG,对象管理组织),因此可以用于任何编程语言。 DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 X转载 2016-04-27 19:13:35 · 286 阅读 · 0 评论 -
vue-cli使用搭建前端项目
安装好了后,执行vue -V查看版本,如果有发现vue 不知内部命令的,那么参考安装vue-cli提示vue不是内部或外部命令时的解决方法2. 在父目录下执行假定名字为vue-cli-ui-app3. 进入项目根目录vue-cli-ui-app,执行进入项目编辑页面结束,方便有快捷...原创 2022-06-26 12:11:36 · 186 阅读 · 0 评论 -
6.vwe开发之引入vue
在前面我们已经成功的创建了一个基于webpack + express的开发环境,但是对于实际开发,这还是不够的,为了方便前端开发,我们引入了时下最流行的vue.jsvue.js官网什么是vue.jsVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手...原创 2019-05-29 16:37:36 · 236 阅读 · 0 评论 -
7.vwe开发之支持vue-router
支持vue页面跳转工具:vue-router什么是vue-loader官网Vue Router is the official router for Vue.js.It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features i...原创 2019-06-19 16:53:38 · 156 阅读 · 0 评论 -
8.vwe开发之axios向后台发送请求
场景前提条件:基于webpack+ vue+ express后台搭建一个完整的页面后请求已经完成。前端需要向后台请求数据从而填充前端页面。一直页面vue代码如下,详情请看blog-list.vue<template> <div> <table> <thead> <t...原创 2019-06-19 16:56:03 · 261 阅读 · 0 评论 -
9.vwe开发之支持markdown
目的网站需要支持markdown语法,博客的显示内容支持markdown语法。解决方案根据网络的调查,站点支持markdown的方式是将markdown语法转化为html来显示,那么我们改怎么做才能视线这个功能呢?根据网络查询我们有一下几个选择,这里我们参考了让你的站点也支持MarkDownshowdown.jsmarked.jspagedown.js在git上它们的star/...原创 2019-06-19 16:57:20 · 152 阅读 · 0 评论 -
10.vwe开发之mongo数据库开发
链接数据库和CRUD分析如果你经历过java开发的话,那么分析一下java和mysql之间的链接,也许我们可以借鉴下,当前我们有如下角色:mysql(MongoDB)后台语言Java(Js)在java中,实现这个链接的一般有两种方式Mybatis + MySQL Connector/JHibernate + MySQL Connector/Jxxxx + MySQL Conn...原创 2019-06-19 17:00:13 · 190 阅读 · 0 评论 -
5.vwe开发之测试
vwe开发之测试代码测试有如下选择JestMochaKarma处理Node,Express和React的时候,Jest一般来说更少问题,所以我们选择Jest安装Jestnpm install --save-dev jest在根目录下生成目录__mocks__在里面生成两个文件fileMock.js 和 styleMock.js。我们将利用他们进行大文件和styles测...原创 2019-05-29 14:33:47 · 319 阅读 · 0 评论 -
4.vwe开发之代码检测
vwe开发之代码检测开发过程中为了统一代码格式,需要在build的时候对代码检测,这个时候需要使用到ESLint Code Linting安装依赖:npm install --save-dev eslint babel-eslint eslint-loader在根目录下生成文件.eslintrc.js,代码如下:module.exports = { "plugins": [...原创 2019-05-29 14:33:08 · 323 阅读 · 0 评论 -
JS 中如何拼凑html
什么是拼凑html? 在循环显示数据例如list或者tbody中,要求动态显示,仅仅是html静态设计是无法满足要求的,因此在javascript中动态的拼接html就现在很试用了。需要使用到的知识点: 1)javascript中,单引号和双引号都可以是string,单引号中可以引用双引号是合法的,双引号中单引号同样合法 如:'<a href="link url" >'这是合法的"<a hre原创 2016-07-03 13:55:03 · 12019 阅读 · 0 评论 -
web端多个excel的生成和打包成zip文件
需求 服务器生成数据,但是数据超过一定行需要分成多个excel,并且打包成zip供web端下载。 分析已知: 可以生成excel文件无法生成zip文件包需要做的事情 实现多个文件的打包,生成zip文件。从一个excel文件直接生成到生成多个文件。未知问题需要解决流程 1. 解决2.1 打包问题,参考文档 https://blog.csdn.net/Reviveds...原创 2018-09-13 17:33:40 · 2316 阅读 · 0 评论 -
vwe项目之blog的开发总纲
目的熟悉前端express + webpack +vue的前端服务器框架,数据库使用MongoDB方式通过webpack + express +vue来搭建一个简易的博客系统来熟悉这些工具,在整个过程中熟悉和巩固web开发的这个流程。需求新建一个博客系统,支持简单的CRUD功能,同时支持markdown语法主技术栈expresswebpack 4vuemongodb附加...原创 2019-05-29 14:23:55 · 148 阅读 · 0 评论 -
1.vwe开发之创建express后台服务器
构建一个express服务器请参考Creating a Node Express-Webpack App with Dev and Prod Builds你可以理解为这是翻译版。创建一个项目叫 express-webpack手动新建项目 express-webpack在当前项目下执行下面代码mkdir express-webpackcd express-webpack...原创 2019-05-29 14:28:19 · 173 阅读 · 0 评论 -
2.vwe开发之用webpack打包前端
使用webpack打包这里使用的版本是webpack4,执行下面的命令,安装需要的js工具包npm install --save-dev webpack webpack-cli webpack-node-externals工具包的作用分别是:webpack --基本工具(webpack解析文件通过插件来解析)webpack-cli – 支持命令方式webpack-node-exte...原创 2019-05-29 14:29:19 · 463 阅读 · 0 评论 -
3.0vwe开发之webpack整合express
3.vwe中增加css和JavaScript我们建立了服务器,输入了地址可以显示网页,可是这远远不够,我们需要CSS和JavaScript等等。通常,我们要引入css或者JavaScript的时候,我们直接在html中通过路径来引入就好了,但是在webpack方式中,这是不行的(也许是我打开的方式不对)那么我们改怎么引入呢?通过js,这可能和webpack的实现原理有关,webpack通过...原创 2019-05-29 14:30:41 · 418 阅读 · 0 评论 -
3.1vwe开发之webpack整合express之开发环境和生产环境
vwe中配置开发环境和生产环境上面基本实现了一个Application前端了,但是通常来说,开发环境和生产环境来说是不同的,比如在开发环境中可以debug,查看源代码,但是在生产环境中是不被允许的图片啥的在开发环境中可看,但是在生产环境中我们想用Base64加密后放在css中由于开发环境中每次开发需要刷新,我们需要使用hot module reloading,但是在生产环境中,明显不...原创 2019-05-29 14:31:24 · 355 阅读 · 0 评论 -
3.2vwe开发之webpack整合express之辅助工具
vwe中webpack辅助工具在webpack开发中,为了提高我们的效率,常常需要一些辅助的工具Webpack Dev Middleware- webpack开发辅助工具Hot Module Reloading- webpack热加载工具添加Webpack Dev Middleware在开发过程中,我们不停的运行如下命令npm run buildDevnpm run start...原创 2019-05-29 14:32:28 · 227 阅读 · 0 评论 -
Thymeleaf如何兼容jsp
在时间过程中,发现在spring boot中,Thymeleaf并不支持jsp文件,只能找Html文件,一般表现为如下所示的错误:Whitelabel Error PageThis application has no explicit mapping for /error, so you are seeing this as a fallback.Mon Jul 25 12:51:41 CST 2原创 2016-07-25 12:54:14 · 3139 阅读 · 0 评论