前端
JuneHwa
这个作者很懒,什么都没留下…
展开
-
创建可输入可选择页面组件
可输入可选择页面组件原创 2022-09-19 14:35:35 · 406 阅读 · 1 评论 -
结合thymeleaf js取值
thymeleaf js取值转载 2017-12-20 14:26:46 · 2720 阅读 · 0 评论 -
js知识整理(杂)
...mapActionsstage-3 对象展开运算符,mapActions函数返回一个对象,然后对返回对象使用展开符解构:可以快速取得数组或者对象当中的元素或者属性,无需借由arr[x]或者obj[key]等方式进行赋值var [a, b, c] = arr;变量名与对象属性名不一致解构:var obj = { name: '张三李四',转载 2017-12-15 09:42:03 · 153 阅读 · 0 评论 -
Highcharts折线图折线不显示
在用Highcharts绘制折线图时,遇到一个很奇怪的问题:折线图中折线不显示后来,经过查看官方api文档说明,发现series.line.data要求为数值型数组,不能是字符串型数组,这个细节之前没有注意到,修改数据源格式之后,折线图能够正常显示出来原创 2017-12-07 15:00:43 · 3756 阅读 · 2 评论 -
百度地图api自定义覆盖物
// 定义构造函数并继承Overlayfunction CustomOverlay(center, img, name, text){ this._center = center; this._img = img; this._name = name; this._text = text;}// 继承API BMap.OverlayCustomOverla...原创 2018-02-09 15:19:26 · 4199 阅读 · 0 评论 -
使用Vue-cli最新版脚手架搭建项目(默认配置)
使用Vue-cli快速创建Vue项目,Github地址前提条件:安装好NodeJs建议安装Yarn快速启动npm install -g @vue/cli# 或者yarn global add @vue/clivue create my-project对应版本:3.0.0-beta.6对应命令行窗口:此处,可以通过键盘上的箭头方向键选择预先配置:默认选项为(babel, eslint)手动选...原创 2018-03-21 14:29:23 · 3149 阅读 · 0 评论 -
Socket.io使用介绍
如何使用安装npm install socket.io 与Node http server联合使用 Server(app.js)var app = require('http').createServer(handler)var io = require('socket.io')(app);var fs = require('fs');app.listen(80);fu...翻译 2018-03-22 09:17:24 · 3543 阅读 · 0 评论 -
CSS3动画效果
/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadeinT,.a-fadein...转载 2018-06-21 09:43:02 · 777 阅读 · 0 评论 -
Nodejs之Kafka篇
关键代码片段:var kafka = require('kafka-node');var Mock = require('mockjs');var Producer = kafka.Producer, client = new kafka.KafkaClient(), producer = new Producer(client);producer.on('ready'...原创 2018-06-07 09:44:32 · 15297 阅读 · 0 评论 -
svg绘图
矩形<rect x="60" y="10" rx="10" ry="10" width="30" height="30"/> 说明: x– 矩形左上角x位置 y– 矩形左上角y位置 width–矩形宽 height–矩形高 rx–圆角x方向半径 ry–圆角y方向半径 圆<circle cx="25"转载 2018-06-22 14:08:23 · 1846 阅读 · 0 评论 -
Bootstrap Tab面板
关键代码<ul id="myTab" class="nav nav-tabs"> <li class="active"> <a href="#home" data-toggle="tab">页面1</a> </li&转载 2018-07-09 13:28:30 · 1525 阅读 · 0 评论 -
Thymeleaf 布局
布局创建一个包含模板间共享布局的模板,通常这样的模板包含: 页面头部、导航栏、脚部、内容展示区域。Layout.html&lt;!DOCTYPE html&gt;&lt;html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"&gt;&lt;head&gt; &lt;tit翻译 2018-07-11 15:11:53 · 3899 阅读 · 3 评论 -
基于大华webplugin.exe开发网页版视频浏览
注意事项:以下内容适用于IE系浏览器,Edge不适用介绍之前,自己想要实现在浏览器中实时预览相应大华摄像头对应画面,并根据此需求,在网络上搜索了不少资料。总的来说,当前可获得的资料参差不齐,有些可参考价值并不是很大,而且缺少相应的文档说明,使用起来不是很顺手。主要说明经过自己实践摸索,已经成功获取视频,但是仍然遇到一些问题亟待解决,主要是:使用Bootstrap模态框后,一开始会显示...原创 2018-10-31 16:12:17 · 11820 阅读 · 2 评论 -
vue-cli相关知识整理
根组件App.vue 一个vue页面通常由三部分组成:模板template、脚本script、样式style模板 只能包含一个父节点,也即,顶层div只能有一个 是子路由视图,后面的路由页面显示在此处脚本 通常用es6写,用export default导出,下面可以包含数据data、生命周期mounted等、方法methods等样式转载 2017-11-22 15:30:57 · 253 阅读 · 0 评论 -
select2控件动态更新option
根据输入框中内容,动态更新select2组件中option内容监听输入框内容变化事件,先销毁原有select2组件,再重新初始化select2组件原创 2017-09-08 14:06:26 · 21052 阅读 · 2 评论 -
echarts3改动
echarts3版本将暂无数据展示功能去除,只显示空白的横纵坐标,而没有之前版本的冒泡效果与提示原创 2017-09-15 16:39:56 · 277 阅读 · 0 评论 -
jQuery dateRangePicker插件使用总结
插件试用总结版本说明当前使用版本:2.1.25特别说明:版本不同,部分api可能会发生变化,需要引起重点关注效果图关键代码片段$("#dateTimeRange span").html(moment().subtract(1, 'hours').format('YYYY-MM-DD HH:mm') + '~' + moment().for原创 2017-07-28 12:36:55 · 5049 阅读 · 0 评论 -
echarts3 柱状图
option = { title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend:转载 2017-03-14 22:07:29 · 1157 阅读 · 0 评论 -
js解析xml文件(针对非IE浏览器)
带命名空间的xml文件解析转载 2016-12-18 10:04:09 · 795 阅读 · 0 评论 -
Angular 2知识整理第一篇 Hello,world!
引入预定义类型import {Component} from "angular2/core";import {bootstrap} from "angular2/platform/browser";从模块库中引入Component类和bootstrap函数定义组件定义类并附加上注解@Component({ selector:"app", template:"Hel翻译 2016-04-08 22:22:05 · 300 阅读 · 0 评论 -
Angular2 进阶
基于Observables的数据架构参考资料:点击打开链接点击打开链接响应式编程是一种使用异步数据流来工作的方法,Observables是用来实现响应式编程的主要数据结构。转载 2016-03-11 19:42:34 · 512 阅读 · 0 评论 -
JavaScript学习笔记
1.JavaScript区分大小写2.标识符必须以字母、下划线_或美元符$开始,后续字符可以是字母、数字、下划线或美元符3.return、break与continue和随后的表达式之间不能换行4.数据类型:原始类型、对象类型,原始类型包括数字、字符串和布尔值,两个特殊原始值null空、undefined未定义;对象是属性的集合,每个属性都由“名/值对”构成5.对象和数组属于可变类型原创 2015-04-25 16:27:47 · 316 阅读 · 0 评论 -
Extjs布局
最终效果图:原创 2015-06-28 10:38:04 · 408 阅读 · 0 评论 -
js中获取中文相应gbk编码
工程中碰到一个需求,需要将中文字符转换成相应gbk编码格式,举例子说明:将汉字“组件”编码为16进制 0xD7 0xE9 0xBD 0xA8为找到相应解决方案,进行了不少搜索与试验,结果却不尽如人意,没有能得到想要的结果,最后皇天不负有心人,还是找到了可行的js库(gbk.js)原创 2017-08-18 08:31:15 · 6490 阅读 · 0 评论 -
网站页面布局
网站页面整体布局可以分为以下几个部分:header、sidebar、content、footer,sidebar展示菜单导航,点击某一菜单项,右侧content区域进行更新方案一:采用iframe形式方案二:利用$.load()方法加载,参数为url,可选参数,回调函数原创 2017-08-24 17:18:50 · 510 阅读 · 0 评论 -
ReactJS知识梳理
ReactDOM.render()用途:将模板转为 HTML 语言,并插入指定的 DOM 节点JSX语法允许html与javascript混写遇到html标签(以开头),就用html规则解析;遇到代码块(以{开头),就用JavaScript规则解析允许直接在模板插入js变量组件React.createClass 方法就用于生成一个组件类转载 2017-03-22 21:29:04 · 246 阅读 · 0 评论 -
可编辑表格实现
基本思路当点击表格中某个单元格后,立即向该单元格内插入一个文本框,将它的宽、高都设置成与单元格相同的数值(可选)。确认输入后,清空该单元格内的所有HTML代码,然后把内容设置为刚刚输入的文本。转载 2016-12-25 21:29:42 · 848 阅读 · 0 评论 -
文本框监听输入内容变化事件
Jquery监听文本框内容变化原创 2017-09-04 17:24:26 · 911 阅读 · 0 评论 -
jQuery程序化触发a标签点击事件
在写代码的时候,想在代码中控制a标签点击事件,一开始想当然的写下这样的代码:下载$("#downloadLink").trigger('click');但是,实际测试的时候,发现没有达到想要的效果,之后查阅其他资料,发现也有遇到过这样的情况,解决方法不外乎以下几种:方法一:直接使用原生javascript方法document.getElementById("downlo原创 2017-08-02 13:19:12 · 13297 阅读 · 0 评论