Echarts图表中字体设置问题(引入外部字体文件)

UI给出的界面字体确实很漂亮,找了半天找了个1M多的字体文件,页面字体都改好了,Echarts图表的字体只能在js里面设置,之前都用Chrome调,显示正常,现在马上全部调完了突然发现Echarts图表的字体在FF没有显示引入外部字体文件的字体,而是默认的宋体,这什么情况?

1个回答

http://www.stepday.com/topic/?949

不要用额外的字体,除非先下载字体到客户端的电脑。

DaveLeeCN
DaveLeeCN 客户拿着UI设计的界面要效果,我也没办法……
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
请问在前端如何获得echarts图表的svg码?需要传到后台
请问在前端如何获得echarts图表的svg码?需要传到后台
settimeout 循环刷新echarts图表,内存溢出
echarts插件问题,settimeout 循环刷新echarts图表,内存不断增长,时间久了导致浏览器崩溃
Echarts图表在移动端会影响页面的滚动,请问该怎么解决?
在移动端使用Echarts图表,当指头移到图表上,页面就无法滚动了。 如果页面Echarts图表就一个,面积又不大,则带来的问题还不是很明显。如果页面Echarts图表又多又大,那就相当悲剧了,页面跟卡住了似的。请问有没有解决的办法?非常感谢!
echarts中tab切换问题
在网页设计时,做tab切换功能,只显示第一个tab项对应的div中的echarts图表,而其余div中的echarts图表无法显示是怎么回事,还请做过的大神指点一二
asp.net web页面上的echarts图表怎么导出到excel中
1.现在asp.net web页面上有一个echarts图表,我点击导出Excel按钮时,怎么把这个echarts图表单独导入到excel中,在导入到excel中只能出现这个echarts图表及图表上显示的数据,不要echarts图片导入到excel中的那种情况,求各位大神..................... ![图片说明](https://img-ask.csdn.net/upload/201901/16/1547629028_657757.png)
Echarts图表响应式问题
最近刚开始接触Echarts可视化图标,使用的是bootstrap框架。bootstrap框架做出来的是响应式页面,但是发现Echarts的图表并不随之变化。最后在网上找到了几个方法。但是发现无论怎调整页面大小,图标依然是宽400px,高300px,故来求援,到底怎么才能让图表响应式变化 ``` <body> <div id="main" style="width: 400px; height: 300px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); //window.onresize = myChart.resize;(行不通) window.addEventListener('resize',function(){ myChart.resize(); });(还是行不通) </script> </body> ``` 发现无论怎调整页面大小,图标依然是宽400px,高300px
echarts柱间距无法设置,barGap设置无效
echarts柱间距无法设置,barGap设置无效,柱间距总是平均分配,急待大神解救,在线等
echarts图表怎么设置响应式,自适应大小
![图片说明](https://img-ask.csdn.net/upload/201909/16/1568619661_917454.png) 如上图,用vue-cli的方式写的两个折线图。一个父组件,这两个折线图是两个分别的子组件。 要怎么写才能实现折线图随屏幕大小伸缩
ASP.NET中,获取数据库数表展示在ECharts图表中
在ASP.NET中使用ECharts,如何加载数据库中的数据填充到ECharts中?谢谢!
如何用echarts图表获取后台json数据变成动态数据,
网站首页是用echarts图表布局的数据,但是是静态的,需要送后台获取json数据生成动态数据,新手不知道怎么搞?
echarts图表我在一个页面上做了两个柱状图,第一个有数据显示,第二个却不显示
echarts图表我在一个页面上做了两个柱状图,第一个有数据显示,第二个却不显示,数据都是在后台定义的一个字符串。
一个html页面加载多个echarts图表,每次刷新的时候都很慢,怎么能优化一下呢???
一个html页面加载多个echarts图表,每次刷新的时候都很慢,怎么能优化一下,让页面反应快一点???
echarts.js怎么设置时间的显示格式?
![图片说明](https://img-ask.csdn.net/upload/201912/22/1576982445_957470.png)<br> 如图,提示想让提示框里显示的时间的格式和下面一样只显示时分秒该怎么弄呢?<br> 下面是代码: ``` let myChart = echarts.init(document.getElementById('timeShaft')); var data = [['2009/6/12 16:09:00', '2009/6/12 16:09:40', 1, 'A','字幕'], ['2009/6/12 16:10:00', '2009/6/12 16:10:10', 1, 'B','字幕'], ['2009/6/12 16:12:00', '2009/6/12 16:12:40', 1, 'C','字幕'], ['2009/6/12 16:18:00', '2009/6/12 16:18:10', 1, 'D','字幕']]; var colorList = ['#4f81bd', '#9bbb59', '#604a7b']; // , '#e46c0b' '#3a3d44', data = echarts.util.map(data, function (item, index) { return { value: item, itemStyle: { normal: { color: colorList[index % 3] } } }; }); function renderItem(params, api) { var yValue = api.value(2); var start = api.coord([api.value(0), yValue]); var size = api.size([api.value(1) - api.value(0), yValue]); var style = api.style(); return { type: 'rect', shape: { x: start[0], y: start[1], width: size[0], height: size[1] }, style: style }; } let option = { title: { // text: 'Profit', left: 'center' }, tooltip: { }, xAxis: { scale: true, type:'time' // splitLine:{show:false}, // 网格线 }, yAxis: { splitLine:{show:false}, // 网格线 axisLabel:[1,2] }, dataZoom: [ { type: 'slider', start: 0, end: 100 }, { type: 'inside', start: 0, end: 100 } ], series: [{ type: 'custom', renderItem: renderItem, label: { normal: { show: true, position: 'top' } }, dimensions: ['from', 'to'], encode: { x: [0, 1], y: 2, tooltip: [0, 1], itemName: 4 }, data: data }], grid: { left: '20px', right: '20px', top: '4px', bottom: '20px' } }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); ```
vue中echarts图无法渲染
我在父组件中定义了一个容器,然后定义了echarts图的基本配置项,在created中调用一个方法,获取后台数据,然后将数据传递到子组件中渲染echarts图,现在数据都能成功传递,但是一直无法成功渲染echarts图 以下为父组件代码 ``` // 父组件代码 <template> <div> <div class="leftChart"> <linegraph :id="'leftChart'" :data="option1" style="height:330px;width:100%"></linegraph> </div> </div> </template> <script> // 引入子组件 import linegraph from "./EchartsShow.vue"; // 引入网络请求方法 import { getSumData } from "@/api/crd/orgLimitView/orgView" export default { data () { return { // echarts图基本配置项,未定义具体数据 option1: { title: { text: '授信额度结构', subtext: '行业维度', x: 'center', top: '3%' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: '2%', top: '2%' }, series: [ { name: '行业', type: 'pie', radius: '55%', center: ['50%', '55%'], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }, } }, created () { this.getSum() }, methods: { getSum () { // 调用get请求方法,获取后台数据,由于进度问题,目前只能传递固定的参数,才能获取到测试数据 getSumData('1', '01000').then(res => { if (res.status != 200) { return this.$message.error('获取数据失败,请重试') } const datas = res.data.data // 由于拿到的数据非常复杂繁多,需要进行一些处理,才能拿到需要的数据 this.option1.legend.data = this.tableDatas.map(item => { // 由于后台拿到的数据,都是数字类的码值,this.dicInd[item.industry] 用来翻译后台数据 return this.dicInd[item.industry] }) this.option1.series[0].data = this.tableDatas.map(item => { return { value: item.approveExpAmount, name: this.dicInd[item.industry] } }) console.log(this.option1.legend.data, '行业'); console.log(this.option1.series[0].data, '行业带数据'); }) } }, components: { linegraph } } </script> ``` 以下为子组件代码 ``` // 子组件代码 <template> <div v-bind:id="id" v-bind:data="data"></div> </template> <script> import echarts from "echarts"; export default { name: "echartsShow", data () { return { ChartLineGraph: null }; }, // 深度监听 父组件刚开始没有值,只有图标的配置项 // 父组件ajax请求后改变数据的值,传递过来,图标已生成,监听传过来的值的改变 watch: { data: { deep: true, handler: function (newVal, oldVal) { if (newvalue) { this.drawLineGraph(this.id, newVal) } else { this.drawLineGraph(this.id, oldVal) } } } }, props: ["id", "data"], created() { console.log(this.data, '打印传递过来的图表数据') }, mounted () { this.drawLineGraph(this.id, this.data); console.log(this.id, '打印id值') console.log(this.data, '打印data值') }, methods: { drawLineGraph (id, data) { let _this = this; let myChart = document.getElementById(id); this.ChartLineGraph = echarts.init(myChart); this.ChartLineGraph.setOption(data); window.addEventListener("resize", function () { _this.ChartLineGraph.resize(); }); } }, beforeDestroy () { if (this.ChartLineGraph) { this.ChartLineGraph.clear(); } } }; </script> ``` 从后台获取数据后,成功传递给子组件,但是echarts无法成功渲染 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384445_959195.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384684_683561.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384616_880352.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384792_786796.png) 经过多次尝试,我遇到了一个奇怪的问题 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385072_241075.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385147_470918.png) 求各位大佬指点,我的代码哪个地方写错了,如何才能成功渲染echarts
java后台生成echarts图表并保存图片
我现在有这么个需求:例如每个月1号定时给用户发送邮件,邮件的内容是echarts的图片,这些全部都是 servlet定时器触发的,跟前台没关系,也不是js触发的,是后台servlet定时器触发的事件.请问如何在后台生成echarts图片并保存到服务器,然后在发送邮件?
ECharts获取当前图表数据问题
echarts请教一个问题,API中有这个方法myChart.getOption()是返回内部持有的。我用事件绑定的区域缩放,进行缩放时怎样获取当前图表所显示的数据呢(是当前所显示的)?
JAVA:ECharts图表导出成excel文档
在JAVA程序中,用ECharts做的报表用什么方法导出成excel文档表格???急急急急
echarts图表报错,触发事件重新加载图表时报错
var kpiDataList; var supplier; var index; var analysisQuery = function(){ return { fillCharInfo:function(xData,seriesData){ var IndexDataChart = echarts.init(document.getElementById('IndexDataChart')); var option = { tooltip : { trigger: 'axis' }, calculable : true, xAxis : [ { type : 'category', boundaryGap : false, data : xData } ], yAxis : [ { type : 'value', axisLabel : { formatter: '{value}' } } ], grid: { width: 300, height: 150, y: 30, x: 30, borderColor: '#fff' }, series : [ { name:'指标结果值', type:'line', data:seriesData, markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } } ] }; IndexDataChart.setOption(option); }, /** * 查询考核记录排名 */ querySupplierScore : function(){ var timeRange = $("#timeRange").val(); var params = []; params.push({name : 'timeRange', value : timeRange}); $.ajax({ type : "POST", url : "srm/owner/facade/assessment/getSupplierRank.shtml", data : params, dataType : "json", async:false, success : function(data) { if (data[0].length > 0) { var dataList = data[0]; drawRankChart(dataList); analysisQuery.querySupplierIndex(dataList[0].companyName); } } }); }, /** * 查询供应商的指标信息分析 */ querySupplierIndex : function(supplierName){ var timeRange = $("#timeRange").val(); var params = []; params.push({name : 'timeRange', value : timeRange}); params.push({name : 'supplierName', value : supplierName }); $.ajax({ type : "POST", url : "srm/owner/facade/assessment/getSupplierIndex.shtml", data : params, dataType : "json", async:false, success : function(data) { if (null != data) { $('#IndexAnalysisChart').empty(); var indexNameList = data[0]; var indexMaxValueList = data[1]; var indexValueList = data[2]; kpiDataList = data[3]; drawPieChart(indexNameList,indexMaxValueList,indexValueList); if(indexNameList.length > 0){ drawLineChart(indexNameList[0]); } } } }); }, /** * 查询供应商的考核明细 */ querySupplierKpiDetail : function(supplierName,indexName){ var timeRange = $("#detailTimeRange").val(); var params = []; params.push({name : 'timeRange', value : timeRange}); params.push({name : 'supplierName', value : supplierName }); params.push({name : 'indexName', value : indexName }); $.ajax({ type : "POST", url : "srm/owner/facade/assessment/getSupplierKpiDetail.shtml", data : params, dataType : "json", async:false, success : function(data) { if (null != data) { var list = juicer(tplKpiDetail,data); var totalCount = 0; var totalExceCount = 0; var indexValue = 0; var totalAward = 0; var totalCost = 0; var totalMoney = 0; $("#kpiDetail","#addModal").empty().append(list); var kpiDetailList = data.kpiDetailList; for(var i = 0; i<kpiDetailList.length ;i++){ totalCount += parseInt(kpiDetailList[i].lskdTotalCount); totalExceCount += parseInt(kpiDetailList[i].lskdExceptionCount); indexValue += parseInt(kpiDetailList[i].lskdOldValue); totalAward += parseInt(kpiDetailList[i].lskdAwardMoney); totalCost += parseInt(kpiDetailList[i].lskdAmerceMoney); } totalMoney = totalAward-totalMoney; indexValue = indexValue/(kpiDetailList.length); } } }); } }; }(); require.config({ paths: { echarts: 'srm/manage/js/echarts/dist' } }); function drawRankChart(data){ require( [ 'echarts', 'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载 ], function(){ // 基于准备好的dom,初始化echarts图表 var seriesData = []; var xData = []; if ('' === data || null === data){ seriesData = [0]; xData = [""]; }else{ if(data.length < 10){ for (var i = 0;i < data.length ; i++){ var supplier = data[i].companyName; var score = data[i].score; seriesData.push(score); xData.push(supplier); } }else{ for (var i = 0;i < 10 ; i++){ var supplier = data[i].companyName; var score = data[i].score; seriesData.push(score); xData.push(supplier); } } } var rankChart = echarts.init(document.getElementById('rankChart')); var ecConfig = echarts.config; rankChart.on(ecConfig.EVENT.CLICK, clickBarChart); rankChart.on(ecConfig.EVENT.DBLCLICK, showKpiDetail); var colorList = [ '#ff7d93', '#52cdd5', '#7ecef4', '#979ec9' ]; var itemStyle = { normal : { color : function(params) { if (params.dataIndex >= 0 && params.dataIndex < 3) { // for legend return colorList[params.dataIndex]; } else { return colorList[colorList.length - 1]; } } } }; var option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter : '{b}<br/>{a0}:{c0}' }, calculable : false, xAxis : [ { type : 'category', splitLine: {show: false}, axisLabel: { textStyle : { align : 'center' }}, data : xData } ], yAxis : [ { type : 'value', splitLine: {show: false}, axisLabel: {show: false}, axisLine: {show:false} } ], grid: { width: 700, height: 170, y: 5, x: 5, borderColor: '#fff' }, series : [ { name:'分数', clickable : true, type:'bar', stack: '总量', barWidth:40, itemStyle: itemStyle, data:seriesData } ] }; // 为echarts对象加载数据 rankChart.setOption(option); } ); } function drawPieChart(indexName,indexMaxValue,indexValue){ require( [ 'echarts', 'echarts/chart/pie' ], function() { var indicatorData = []; for(var i =0 ; i < indexName.length ; i ++){ indicatorData.push({text: indexName[i],max: indexMaxValue[i]}); } var IndexAnalysisChart = echarts.init(document.getElementById('IndexAnalysisChart')); var ecConfig = echarts.config; IndexAnalysisChart.on(ecConfig.EVENT.CLICK, clickPieChart); IndexAnalysisChart.on(ecConfig.EVENT.DBLCLICK, showKpiIndexDetail); var option = { tooltip : { trigger: 'axis' }, polar : [ { indicator : indicatorData } ], grid: { width: 300, height: 190, y: 10, x: 0, borderColor: '#fff' }, series : [ { "symbol":"emptyCircle",//空心节点, type: 'radar', data : [ { value : indexValue, name : '指标得分' } ] } ] }; // 为echarts对象加载数据 IndexAnalysisChart.setOption(option); } ); } function clickBarChart(param) { if (typeof param.seriesIndex === 'undefined') { return; } supplier = param.name; if (param.type === 'click') { analysisQuery.querySupplierIndex(param.name); } } function clickPieChart(param) { if (typeof param.seriesIndex === 'undefined') { return; } if (param.type === 'click') { index = param.name; var seriesData = []; var xData = []; if ('' === kpiDataList || null === kpiDataList){ seriesData = [0]; xData = [""]; return analysisQuery.fillCharInfo(xData,seriesData); } for (var i = 0; i < kpiDataList.length; i++) { if (kpiDataList[i].lskdLepiName === index) { var time = analysisQuery .MonthDayFormatHandler(kpiDataList[i].createTime); var score = kpiDataList[i].lskdOldValue; seriesData.push(score); xData.push(time); } } analysisQuery.fillCharInfo(xData,seriesData); } } 触发事件重新加载图表时报错: “_axisList”的值: 对象为 null 或未定义
echarts折线图设置title背景色无效?
使用echarts折线图,给title设置样式的时候,发现backgroundColor不起作用,不知道是哪里出了问题,希望熟悉echarts的大牛能指点下,不胜感激! 我的代码效果图如下: ![图片说明](https://img-ask.csdn.net/upload/201912/18/1576638105_803105.png) 想要实现的是箭头所指部分给加一个背景色,参考文档: https://www.echartsjs.com/zh/option.html#title.backgroundColor 我的配置项如下: ``` areaOption: { title: { text:'今天活动签到0人;昨天活动签到 100人', backgroundColor:'#649FFF', show:true, left: 'right',//这个太神奇了,设置标题居中的. padding:20, textStyle: { fontSize: 12, align: 'center', }, }, legend: { // 图例 data: ['正在举办的活动场数', '当天线上签到人数',] show:true, padding:20, left:20, data: [ { name:'正在举办的活动场数', icon:'circle', textStyle:{ color:'#666666', fontSize: 12, } }, { name: '当天线上签到人数', icon:'circle', textStyle:{ color:'#666666', fontSize: 12, } }, ] }, grid: { top: 60, right: 40, bottom: 20, left: 50, containLabel: true }, tooltip: { trigger: 'axis',//坐标轴触发 snap: true, //坐标轴指示器是否自动吸附到点上 confine: true,//是否将 tooltip 框限制在图表的区域内 axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985', shadowColor: '#42515d', formatter: '{value}' //显示x轴的值 }, }, //formatter: "{value}<br/> {a0} <br/>{b} : {c}次" }, xAxis: [ { type: 'category', boundaryGap: false, // data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] data: [], axisLabel: {//刻度相关 interval: 0, rotate: 45, } } ], yAxis: [ { type: 'value', name: "正\n在\n举\n办\n的\n活\n动\n场\n数", nameLocation: "center", nameGap: 35, nameRotate: 0, nameTextStyle: { fontSize: 16, }, splitLine: { show: true, lineStyle:{ type:'dotted', opacity:0.2 }, }, minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。 axisLabel: { formatter: function (v) { return parseInt(v); //0表示小数为0位,1表示1位小数,2表示2位小数 } }, axisPointer: { show: true, label: { show: true, precision: 0 //这个用来控制y轴小数点精度 } }, }, { type: 'value', name: "当\n天\n线\n上\n签\n到\n人\n数", nameLocation: "center", nameGap: 35, nameRotate: 0, nameTextStyle: { fontSize: 16, }, splitLine: { show: true, lineStyle:{ type:'dotted', opacity:0.2 }, }, minInterval: 1, axisLabel: { formatter: function (v) { return v.toFixed(0); //0表示小数为0位,1表示1位小数,2表示2位小数 } }, axisPointer: { show: true, label: { show: true, precision: 0 //这个用来控制y轴小数点精度 } }, } ], series: [ { name: '正在举办的活动场数', type: 'line', // smooth: true, yAxisIndex: 1, areaStyle: {normal: {opacity: 0.2}},//设置透明度 data: [], // data:[16,16,6,5,4,4,3,0,0,0,0,0], itemStyle: {normal: {label: {show: true}}}, //color: ['#E04445'], color: [ { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: '#649FFF' // 0% 处的颜色 }, { offset: 1, color: '#649fff' // 100% 处的颜色 }], globalCoord: true // 缺省为 false } ], connectNulls: true, // clip:false }, { name: '当天线上签到人数', type: 'line', // smooth: true, yAxisIndex: 0, areaStyle: {normal: {opacity: 0.2}},//设置透明度 data: [], // data:[35,15,8,12,11,6,3,0,0,0,0,0], itemStyle: {normal: {label: {show: true}}}, // color: ['#649FFF'], color: [ { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: '#E04445' // 0% 处的颜色 }, { offset: 1, color: '#ff494a' // 100% 处的颜色 }], globalCoord: true // 缺省为 false } ], connectNulls: true, } ] }, ```
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
JDK12 Collectors.teeing 你真的需要了解一下
前言 在 Java 12 里面有个非常好用但在官方 JEP 没有公布的功能,因为它只是 Collector 中的一个小改动,它的作用是 merge 两个 collector 的结果,这句话显得很抽象,老规矩,我们先来看个图(这真是一个不和谐的图????): 管道改造经常会用这个小东西,通常我们叫它「三通」,它的主要作用就是将 downstream1 和 downstre...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
GitHub标星近1万:只需5秒音源,这个网络就能实时“克隆”你的声音
作者 | Google团队 译者 | 凯隐 编辑 | Jane 出品 | AI科技大本营(ID:rgznai100) 本文中,Google 团队提出了一种文本语音合成(text to speech)神经系统,能通过少量样本学习到多个不同说话者(speaker)的语音特征,并合成他们的讲话音频。此外,对于训练时网络没有接触过的说话者,也能在不重新训练的情况下,仅通过未知...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
【管理系统课程设计】美少女手把手教你后台管理
【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,现如今各大云服务平台横空出世,市面上有许多如学生信息系统、图书阅读系统、停车场管理系统等的管理系统,而本人家里就有人在用烟草销售系统,直接在网上完成挑选、购买与提交收货点,方便又快捷。 试想,若没有烟草销售系统,本人家人想要购买烟草,还要独自前往药...
4G EPS 第四代移动通信系统
目录 文章目录目录4G 与 LTE/EPCLTE/EPC 的架构E-UTRANE-UTRAN 协议栈eNodeBEPCMMES-GWP-GWHSSLTE/EPC 协议栈概览 4G 与 LTE/EPC 4G,即第四代移动通信系统,提供了 3G 不能满足的无线网络宽带化,主要提供数据(上网)业务。而 LTE(Long Term Evolution,长期演进技术)是电信领域用于手机及数据终端的高速无线通...
相关热词 c# 输入ip c# 乱码 报表 c#选择结构应用基本算法 c# 收到udp包后回包 c#oracle 头文件 c# 序列化对象 自定义 c# tcp 心跳 c# ice连接服务端 c# md5 解密 c# 文字导航控件
立即提问