原创效果
Crying_cat
用博文来见证我的成长过程
展开
-
使用echarts 5.0绘制特殊样式的仪表盘
先看实现效果:option = { series: [ { type: 'gauge', radius:'85%', startAngle: 225, endAngle: -45, axisLine: { lineStyle: { width: 1, color: [ [1,原创 2021-02-21 09:40:11 · 739 阅读 · 0 评论 -
第一个react-native app
github: https://github.com/cryingbat/react-native-app https://github.com/cryingbat/react-redux-demo原创 2018-06-12 10:33:02 · 208 阅读 · 0 评论 -
遇到的状态码及解决办法
遇到的状态码:5xx: 这种一般都是后端服务器的锅,直接去找后端工程师 504 :Gateway Timeout 网关超时, 作为代理或网关的服务器不能及时的应答。 502 : Bad Gateway 服务器作为网管或者代理时收到了无效的响应。500 : Internal Server Error 服务器遇到了意料之外的情况,不能完成客户端的请求 4xx: 这种一般都是前...原创 2018-06-23 09:29:08 · 1153 阅读 · 0 评论 -
webpack之externals操作三部曲--正确的姿势
排除误区: 看到有人误解externals的作用,所以必须先正确认识externals的作用 1.作用首先webpack提供这个==externals==选项作用是==从打包的bundle文件中排除依赖==。换句话说就是让在项目中通过import引入的依赖在打包的时候不会打包到bundle包中去,而是通过script的方式去访问这些依赖。 2.怎么用?以jque...原创 2018-08-31 14:12:11 · 16802 阅读 · 1 评论 -
90行代码将xls-to-csv格式转换
项目中的一个小需求。需要将xls格式的文件转为csv格式的文件,用来存储到数据库中,90行代码 <input type="file" id="xls" value="上传xls文件" onchange="generate()"> <div id='down'></div> <script src=&quo原创 2018-10-08 17:52:56 · 491 阅读 · 0 评论 -
d3.js 力导向图
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title&am原创 2018-11-06 18:17:33 · 3084 阅读 · 0 评论 -
点击单选,shift多选
// vue版本// 效果: 任意点击高亮,再次点击取消高亮 如果在点击前按住了shift按键,会将你当前点击的 到他前面 离他最近的高亮的之间的都高亮![在这里插入图片描述](https://img-blog.csdnimg.cn/20190324200728706.png)<!DOCTYPE html><html lang="en"><h...原创 2019-03-24 20:07:54 · 1243 阅读 · 0 评论 -
streamsaver.js使用心得
项目中使用streamsaver.js对视频流数据进行前端保存并下载在lib库中引入streamsaver.js+sw.js+mitm.html+ping.js+ping.html在index.html中引入streamsaver.js如果需要更改下载路径为自己的host请配置streamsaver.mitm = yourhost:yourip/lib/mitm.html+version=...原创 2019-04-28 22:40:24 · 9394 阅读 · 5 评论 -
js面向对象重构fly-bird
飞翔的小鸟这个游戏想必15年风靡一时的时候 大家都玩过,游戏很有意思,但是在程序员眼中可是重要的可就不是这些了,而是游戏的代码咋写的呢,之前看到好多人分享的都是某机构培训的面向过程的一些写法,实现很简单的基本功能,闲来无事,使用面向对象的方法重构了一下这个游戏。地址:仓库地址,体验地址,觉得对理解面向对象的学习有帮助的同学,点点star哈 。有不理解的地方可以直接留言哦!...原创 2019-07-21 09:33:33 · 266 阅读 · 0 评论 -
laravel中缩小vue体积(vue优化)
https://cryingbat.github.io/2018/06/02/laravel/#more 博客原文原创 2018-06-04 17:15:13 · 677 阅读 · 0 评论 -
vue里面解决ueditor显示的问题
初次init ueditor渲染没有任何问题,但是用浏览器返回上一个路由。在回到init ueditor的页面 富文本不见了。。。无法进行编辑问题就是别人提的这个https://segmentfault.com/q/1010000011413233解决办法就是在mounted(){ this.editor = UE.getEditor('editor',{ ...原创 2018-03-28 12:48:57 · 12102 阅读 · 18 评论 -
文章标题
图片之间有间隙的无缝滚动效果,和之前写过的无缝滚动的原理相同$(“.box”).css({“marginLeft”:-1080+”px”});var num=-1080;var time=setInterval(function(){ num+=4; $(".box").stop().animate({"marginLeft":num+"px"},0); if(num==原创 2017-09-14 16:50:39 · 184 阅读 · 0 评论 -
一个已经废弃的小效果title
在title位置不断重复滚动的文字,相当于一个网站的名字来回滚动var str='我是一个大型的网站'.split('');//split是把文字分割为数组的形式,用,隔开function func(){ str.push(str[0]); str.shift();//这个方法把数组的第一个元素去掉 document.title=str.join('');//join是把原创 2017-09-14 21:50:26 · 190 阅读 · 0 评论 -
判断一个字符串中出现次数最多的字符,统计这个次数
var str ="caibaojian.com";var arr = str.split("");//先将字符串分割成数组var obj = {};//创建一个空的对象var objArr = [];//和一个空的数组for(var i=0,j; j=arr[i]; i++){if(!obj[j]) obj[j]=0;objArr[++obj[j]]=j;}document.w原创 2017-09-14 22:00:05 · 1832 阅读 · 0 评论 -
回调函数,一个神奇的东西
在我们编程的过程中,往往需要在一个方法执行完成之后,在执行另外的事件。在这个函数执行完之后,调用另外一个函数是一个不错的方法,并且此时可以把函数1里面的执行结果,或者某个参数,当作实参,传递给第二个函数。顺便还解决了闭包的问题。下面是用jquery写得一个demo,大家可以参考参考 ` 结构部分重点内容 <div id="banner"> <ul>原创 2017-09-15 10:44:32 · 286 阅读 · 0 评论 -
自定义滚动条
有时候我们需要去自己定义滚动条,而去掉浏览器的滚动条 去掉浏览器的滚动条就是overflow-x:none;overflow-y:none;想去那个去掉那个,那么剩下就是自己定义滚动条样式了css样式<style type="text/css"> body{background: #CCCCCC;-webkit-user-select: none;}原创 2017-09-15 20:15:53 · 454 阅读 · 0 评论 -
导航滑动特效
思路很简单:就是跟着滚动条走,判断滚动条在不同的位置,让导航对应位置显示高亮 2.点击对应的导航部分,跳转到对应的导航内容部分 结构部分<div id="box"> <ul> <li class="active">1</li> <li>2</li> <li>3</li>原创 2017-09-15 23:58:47 · 1500 阅读 · 0 评论 -
关于js中的this的指向问题(一)
本文参考 你不知道的javascript第二章 this全面解析首先明确一点。。。每个函数的this是在调用时被绑定的,完全取决于函数的调用位置接下来看怎么辨别调用位置,先来看几个例子function baz() {// 当前调用栈是:baz// 因此,当前调用位置是全局作用域console.log( "baz" );bar(); // <-- bar的调用位置}...原创 2017-10-03 21:34:04 · 412 阅读 · 0 评论 -
trigger事件在点击的时候多次绑定问题
(“#file1”).click(function(){ //在这里每次点击都会绑定一次change事件。所以我每次上传文件都会额外加出来一次。(“#file1”).click(function(){ //在这里每次点击都会绑定一次change事件。所以我每次上传文件都会额外加出来一次。 (“#file3”).trigger(‘click’);原创 2017-11-27 17:56:27 · 1522 阅读 · 0 评论 -
文章标题
一种简单的jquery无缝滚动效果 将无缝滚动的部分写两份,也可以使用jquery动态的复制一份,节省空间,将两个并排摆放,结构和css都非常简单,这里只叙述jquery部分 //右边的按钮点击 (‘#next’).click(function () { $(“#carousel”).animate({marginLeft:”-960px”},1500, function ()原创 2017-09-14 16:48:30 · 167 阅读 · 0 评论