自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 KnockOut.js实战(1)

大家应该使用vue,angular,react比较多,但是再某种特定情况下需兼容ie(尽管ie已经废除,但不排除用户必须要求使用ie),下面记录本人项目实战使用ko。Knockout是微软出品,是MVVM模型领域内的先驱,使用函数偷龙转凤,最短编辑长度算法实现DOM的同步,兼容IE6。Knockout是一个JS的MVVM模式的实现,Knockout是建立在3个核心功能之上: 1.属性监控与依赖追踪 2.声明式绑定 3.模板机制其他优点: 1.纯JavaScript库-兼容任何服务器和客户端技

2021-11-05 15:43:30 633

原创 Element-ui返回顶部(踩坑指南,绝对有效)!!!

之前一直用的是自己封装监听滚动距离来实现返回顶部,想用一次element来实现,下面记录详细踩坑过程。下面图为官方文档:target这个属性及其重要,它代表你要监听滚动的对象!!!如果不对是不会触发的上详细代码<div class="backtop" style="height: 800px;overflow-y: auto"> <div v-for="item in 500">{{item}}</div> //target属性的值指向的就是外层你滚

2021-01-28 14:34:23 6550 5

原创 CSS3动态省略号

效果:完整代码如下:<html><head> <meta charset="utf-8" /> <title>动态省略号</title></head><style type="text/css">.a-inspector-loader { background-color: #ed3160; position: fixed; left: 3px; top: 3px; padding: 6px

2020-11-11 11:16:35 533

原创 CSS滑动(滚动条,回到顶部等)

jQuery, 如实现平滑回到顶部:$('.js_go_to_top').click(function () { $(".js_scroll_area").animate({scrollTop: 0}, 600);});CSS:只需一个样式即可scroll-behavior:smooth兼容情况可以点击我

2020-11-10 16:26:00 1186

原创 Nodejs基础使用Elasticsearch(三)

下面记录本人用到的方法/*链接到elasticsearch数据库*/var elasticsearch = require('elasticsearch');var client = new elasticsearch.Client({ host: '192.168.1.107:9200', log: 'error'});1.过滤某个字段为空。client.search({ index:['txxx_message*','tgxxx_message*'], body:

2020-10-14 15:16:11 292

原创 Vue使用axios请求处理图片流

that.axios.get('http://192.168.99.99:8000/msg?app=TG&t=numid&v=xxxxxxxx&gte=0&dtype=day&stamp=xxxxxxxxx&format=png', { responseType: "arraybuffer",//这里是声明期望返回的数据类型}).then(function (response) { //将从后台获取的图片流进行转换 return 'd

2020-10-10 09:22:10 2665 3

原创 Nodejs基础使用Elasticsearch(二)

/*链接到elasticsearch数据库*/var elasticsearch = require('elasticsearch');var client = new elasticsearch.Client({ host: '192.168.1.107:9200', log: 'error'});1.统计索引数据:client.count({ index: ['telegram_message','telegram_user'],}).then(function (resp){

2020-07-30 10:15:23 637

原创 Nodejs基础使用Elasticsearch(一)

这里写一点本人在项目上的基本操作CURD,稍复杂一点的语句在下章记录;/*链接到elasticsearch数据库*/let elasticsearch = require('elasticsearch');let client = new elasticsearch.Client({ host: '192.168.1.107:9200',//库的地址 log: 'error'//这里是只输出报错信息});1.插入数据:client.index({ index: 'myindex',

2020-07-30 09:40:26 1365

原创 phpstudy双向认证https证书Nginx

phpStudy是一个PHP调试环境的程序集成包该程序包集成最新的Apache+PHP+MySQL+NIGINX+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境.该程序不仅包括PHP调试环境,还包括了数据库、开发工具、开发手册等.。同时phpStudy还自带有openssl工具(我们证书生成所要用到的);下载地址:http://phpstudy.php.cn/本人用过8版本,没有旧版本本地认证证书方便,所以这篇主要记录旧版本phpstu

2020-07-23 09:20:32 1659

原创 Echarts折线科技图

【前言】Echarts----折线图 demo【效果图】效果图如下:【CODE】code如下://数据var XName= ["周一","周二","周三","周四","周五","周六","周日"]var data1 = [ [123,154, 234, 321,120,390, 634], [63,194, 234, 321,27...

2019-12-11 10:04:20 2218

原创 Echarts大数据云平台柱状图

【前言】Echarts----世界流向图 demo【效果图】效果图如下:【CODE】code如下:option = { backgroundColor: '#034380', tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } ...

2019-12-10 10:02:12 674

原创 Echarts玫瑰图

【前言】Echarts----世界流向图 demo【效果图】效果图如下:【CODE】code如下:var colorArr=["#218de0", "#01cbb3", "#85e647", "#5d5cda", "#05c5b0", "#c29927"];var colorAlpha=['rgba(60,170,211,0.05)','rgba(1,203,179,0.05)',...

2019-12-10 09:56:19 2073 2

原创 Echarts世界流向图

【前言】Echarts----世界流向图 demo【效果图】效果图如下:【CODE】code如下: /* 图中相关城市经纬度,根据需求添加数据 关于国家的经纬度,可以用首都的经纬度或者其他城市的经纬度*/var geoCoordMap = { '南宁': [108.479, 23.1152], '广州': [113.5107, 23.2196], ...

2019-12-09 15:43:25 3313 4

原创 node环境搭建vue

各位大牛好,小弟第一次写博客,不足的地方请多多见谅,欢迎提出建议一.安装node.js(https://nodejs.org/en/)下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。二、设置nodejs prefix(全局)和cache(缓存)路径1、在nodejs安装路径下,新建node_global和node_cache两个文件夹2、设置缓存文件夹 npm con...

2019-02-13 17:11:40 314

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除