Crying_cat-CSDN博客

原创 ng8框架的摸索

使用angular-cli脚手架生成ng8项目对各种基本需求的实现1.国际化2.src中的基本结构搭建3.路由配置4.index文件的优雅实践5.less的使用6.http交互（跨域解决方案）7.自定义的webpack配置项生成ng8项目对于angular-cli生成项目的实践非本文重点，请移步这里官网先贴一份配置这里是我生成项目的package.json的配置。对各种基本需求的实现...

2020-04-04 13:36:27 1447

原创 RN之react-navigation集成redux的艰辛之路（1）

有很多人曾经都写过类似的博文，但是我觉得没有一个完整的集成之路，在我学习的时候走了好多弯路，看别人很多类似的博文还是概不出来，经过两天的艰辛探索，终于初步掌握了redux的基本原理。关于redux的基本构成以及基本写法建议去看阮一峰老师的博文，写的非常好，但是唯一的缺憾就是缺少demo的支撑，看完之后没法上手去构建自己的redux，我写这篇博文就是希望大家能够看到我的文章之后，快速掌握re...

2018-04-20 16:25:42 1272

原创使用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 757

高效开发必备js库ps：用过的文件处理streamSaver.js 客户端生成大文件的js库数据为大数据量二进制流的场景，能生成多大文件取决于客户端内存多大。 fileSaver.js 客户端生成小文件的js库js-xlsx 强大的解析和编写excel文件的js库图像处理html2canvas 浏览器网页截图工具dom-to-image 将任意dom节点转换为png/svgcropperjs 图片裁剪库merge-images 多图合并为一张图echarts 图像展示

2020-12-06 10:29:45 322

原创手写vue-router，理解原理，写啥都不是事

关于vue-router我们简单的实现他的hash模式和history模式。这两种模式可以做到单页面应用路由跳转页面不刷新，实现之前我们来分析一下实现原理。hash的原理比如 http://localhost:8080/#/about 这样的路由我们通过location.hash 可以取到 /#/about 这样的部分。不管hash如何变化我们只需要/about这部分就好了所以我们只...

2019-12-23 10:19:00 240

原创大厂vue代码很优雅

全局注册conponent全局注册component的优雅之处在于，对于一些高频率使用的组件，不需要在使用的组件里面单个引入，造成引入过多感官不优美。基于个人编码习惯，会将component组件作为全局的组件使用。// 在component组件中新建global.js// global.jsimport Vue from 'vue'// 首字母变大写function ChangeS...

2019-10-08 22:00:53 626

原创金9银10大厂19道面试题

1.new 的实现原理是什么？new 的实现原理:创建一个空对象，构造函数中的 this 指向这个空对象。这个新对象被执行 [[原型]] 连接。执行构造函数方法，属性和方法被添加到 this 引用的对象中。如果构造函数中没有返回其它对象，那么返回 this，即创建的这个的新对象，否则，返回构造函数中返回的对象。function _new() {let target = {}; // ...

2019-08-04 16:44:16 330

原创 js面向对象重构fly-bird

飞翔的小鸟这个游戏想必15年风靡一时的时候大家都玩过，游戏很有意思，但是在程序员眼中可是重要的可就不是这些了，而是游戏的代码咋写的呢，之前看到好多人分享的都是某机构培训的面向过程的一些写法，实现很简单的基本功能，闲来无事，使用面向对象的方法重构了一下这个游戏。地址：仓库地址，体验地址，觉得对理解面向对象的学习有帮助的同学，点点star哈。有不理解的地方可以直接留言哦！...

2019-07-21 09:33:33 273

原创 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 9492 6

原创点击单选，shift多选

// vue版本// 效果：任意点击高亮，再次点击取消高亮如果在点击前按住了shift按键，会将你当前点击的到他前面离他最近的高亮的之间的都高亮![在这里插入图片描述](https://img-blog.csdnimg.cn/20190324200728706.png)<!DOCTYPE html><html lang="en"><h...

2019-03-24 20:07:54 1254

原创 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 3133

原创 vue多页应用基于vue-cli2.0

实际是多个项目，多个入口在webpack打包时打包到一起目录结构* project * user * App.vue * user.index.html * user.main.js // router直接在这里配置 * goods * App.vue * goods.index.html ...

2018-10-25 11:23:19 698

原创 JS正则表达式的分组

JS正则表达式的分组匹配什么是分组通俗来说，我理解的分组就是在正则表达式中用（）包起来的内容代表了一个分组，像这样的：var reg = /(\d{2})/reg.test('12'); //true这里reg中的(/d{2})就表示一个分组，匹配两位数字分组内容的的形式一个分组中可以像上面这样有一个具体的表达式，这样可以优雅地表达一个重复的字...

2018-10-11 15:23:45 1370

原创 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 498

转载浏览器检测.js（有着一份就够了）

var client = function(){ //rendering engines var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //complete version ...

2018-09-03 20:00:32 934

原创 javascript不常用的系列三(OO继承)

1.javascript推荐的组合式继承 eg：function SuperType(name) { this.name = name, this.colors = ['red','green','black']}SuperType.prototype.sayName =function() { alert(this.name)}function SubTyp...

2018-09-01 19:01:12 169

原创 javascript不常用的系列二(OO设计模式)

1.Object.defineProperty(对象，属性，{writable：true，等}) 兼容性ie8+ 但ie8支持的不好，不建议在ie8中用。可以定义对象的新属性，修改已有属性。但当enumerable或者configurable为false时是不能修改的，严格模式会报错在用它创建新属性时，不指定enumerable，configurable，writable 默认都是f...

2018-09-01 10:51:03 198

原创 javascript不常用的系列一(引用类型)

引用类型（一）Object类型： 1.使用[]的方法来访问对象属性，其中属性放在[]中必须时字符串的形式。 2.这样一来相比较与使用 . 的方式访问属性有个好处，就是当属性不规则时只能使用[],如： [‘is-default’]。也可以是变量。（二）Array类型： 1.字面量创建数组,不建议在[]中结尾多些逗号。如：[1,2,1,3,].原因是他可能创建2项或者3项的一个数组。在I...

2018-09-01 09:35:50 147

翻译 ubuntu 安装nodebb

介绍NodeBB是Design Create Play开发的一款使用Node.js构建的论坛系统，使用redis或mongoDB数据库，采用web socket技术实现。支持响应式布局，兼容IE8，将论坛的体验带向一个新的高度。（国外的论坛系统都相当纯粹，并不会像Discuz、phpwind那样提供各种建站所需模块）原文链接：nodebb官网 https://docs.nodebb.or...

2018-08-31 15:10:41 1040

原创 webpack之externals操作三部曲--正确的姿势

排除误区：看到有人误解externals的作用，所以必须先正确认识externals的作用 1.作用首先webpack提供这个==externals==选项作用是==从打包的bundle文件中排除依赖==。换句话说就是让在项目中通过import引入的依赖在打包的时候不会打包到bundle包中去，而是通过script的方式去访问这些依赖。 2.怎么用？以jque...

2018-08-31 14:12:11 16828 1

原创遇到的状态码及解决办法

遇到的状态码：5xx：这种一般都是后端服务器的锅，直接去找后端工程师 504 ：Gateway Timeout 网关超时，作为代理或网关的服务器不能及时的应答。 502 ： Bad Gateway 服务器作为网管或者代理时收到了无效的响应。500 ： Internal Server Error 服务器遇到了意料之外的情况，不能完成客户端的请求 4xx：这种一般都是前...

2018-06-23 09:29:08 1167

原创第一个react-native app

github： https://github.com/cryingbat/react-native-app https://github.com/cryingbat/react-redux-demo

2018-06-12 10:33:02 218

原创 laravel中缩小vue体积（vue优化）

https://cryingbat.github.io/2018/06/02/laravel/#more 博客原文

2018-06-04 17:15:13 690

翻译 react-native 打包android apk遇到的问题

1.升级到Android Sutido 3.x后，跑测之前的Model的main()方法方法时报错：Could not resolve all files for configuration ':app:lintClassPath'.Error:Gradle: A problem occurred configuring root project ‘MyApplication’....

2018-05-07 11:08:57 2711

转载 vue解决组件传值异步问题

转载自：http://www.jb51.net/article/117447.htm 案例一父组件parent.vue// asyncData为异步获取的数据，想传递给子组件使用<template> <div> 父组件 <child :child-data="asyncData"></child> </div>&..

2018-04-28 14:18:23 13015 4

原创 RN之react-navigation集成redux的艰辛之路（2）

接着继续写用法：在入口文件里面去导入store状态。以便将所有的state都注入到props的身上，便于我们去使用。 <Provider store={store}> <Navigator/> </Provider> Provider是react-redux的提供的功能之一。大家可以去看看react-red...

2018-04-20 16:38:51 565

原创 ivew table render button 修改单个的样式或者禁用

最近公司的需求，一直不知道怎么搞。。。最后终于试出来了 h('a', { props: { }, attrs: { ...

2018-04-12 17:34:06 2817 1

原创 iview的checkbox

之前用一直按照官网的文档写出来实现不了他的功能，，，后来才发先文档写的不对。。现在记录一下，以后避免入坑 <FormItem label="修改权限"> <Checkbox-group v-model='fruit' @on-change="change"> <Checkbox label="香蕉">&lt

2018-04-12 09:38:57 14693 6

原创 vue里面解决ueditor显示的问题

初次init ueditor渲染没有任何问题，但是用浏览器返回上一个路由。在回到init ueditor的页面富文本不见了。。。无法进行编辑问题就是别人提的这个https://segmentfault.com/q/1010000011413233解决办法就是在mounted（）{ this.editor = UE.getEditor('editor',{ ...

2018-03-28 12:48:57 12122 18

原创 vue-router beforeEach 拦截微信打开页面

在main.js中。去全局拦截。router.beforeEach((to, from, next) => { if(navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ //判断如果是微信浏览器 if(to.path==='/tip'){ //若是微信浏览器的...

2018-03-24 21:24:21 2085

转载精致的web UI框架

1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。gitHub地址：https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile f...

2018-02-28 10:19:42 296

原创 input在（ios）上点击填写时页面变白问题

重点内容 input{ -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);/*解决加入js后input框输入瞬间变白的现象*/...

2018-02-27 17:12:48 1684

原创 type=number时maxlength失效的问题(ios)

oninput=”if(value.length>18)value=value.slice(0,18)”

2018-02-27 17:11:50 1877 4

转载 Vue常用经典开源项目汇总参考-转载

Vue常用经典开源项目汇总参考　　Vue是什么？　　Vue.js（读音 /vju/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue&...

2018-02-27 16:23:43 949

翻译利用cheerio和request模块写的爬虫（写给自己，，这是别人写过的）

先去了解了解cheerio和rquest模块 cheerio： https://www.npmjs.com/package/cheeriorequest： https://www.npmjs.com/package/request我用vue的webpack模板习惯了。所以还是在这上去npm这两个包在src下新建splider.js文件用来写脚本代码新建data目录用来存放爬到的数据新...

2018-02-25 11:15:35 557

原创 vue-awesome-swiper分页不显示

刚开始安装的3.2.x版本。结果分页渲染的dom是空的节点。怀疑是版本问题。。最后换成2.5.4版本果然好使cnpm i vue-awesome-swiper@2.5.4 --save即可

2018-01-25 09:28:41 7542

原创 360一道关于this的题目

原题目是这样子的：window.val = 1；var obj = { val: 2, dbl: function () { this.val *= 2; val *= 2; console.log(val); console.log(this.val); } }; // 说

2018-01-20 10:43:28 314

原创写在前面的话

前端进阶之路：工作之余记录每一个值得记录的点。。好记性不如烂笔头嘛！前端的活是一个很细的活，需要的知识非常的杂乱，每种都有需要注意的点。故此借助csdn的平台来作为工作笔记也是一个不错的选择。闲暇写的项目呢部分通过github这个平台托管。。想学习的同学呢请移步https://github.com/cryingbat 因为那会初学，，所以项目部分是看视频学的。但都是自己手敲的，不存在直接cop

2018-01-19 11:13:57 141

转载在 CentOS7 上安装 MongoDB

在 CentOS7 上安装 MongoDB1 通过 SecureCRT 连接至 CentOS7 服务器；2 进入到 /usr/local/ 目录：cd /usr/local3 在当前目录下创建 tools 目录：mkdir -p tools4 进入到 tools 目录中：cd tools5 下载与 CentOS 系统匹配的 mongodb-lin

2018-01-04 17:23:45 288

转载 mongoVue 对mongodb的操作

原文链接：http://blog.csdn.net/tuzongxun一、连接mongodb服务端：1、双击mongoVUE，进入如下图所示界面：2、点击上图中的“+”，出现如下图，输入要连接的mongodb服务器的ip、端口、用户名、密码以及要连接的数据库等：3、信息填写完成后点击“test”，如果成功，则会弹出如下界面，之后点击“s

2018-01-04 15:52:25 531