自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小不点的博客

实战问题及其解决方法持续更新中·······

原创 react 国际化 react-intl-universal

7月底开始,公的要把之前的一个项目增加国际化的需求。现在基本做完了,在转测阶段,就把之前的东西记录一下。 效果图 react-intl-universal包 由于项目是react的,所以使用的是react-intl-universal。其实这个npm包的使用还是很简单方便的。 具体实现 看过我之...

2019-11-17 00:56:00 179 0

原创 输入一个正整数n,输出所有和为n连续正数序列(例如:15输出 [ [1,2,3,4,5 ] , [ 4,5,6 ] , [ 7,8 ] ] )

连续正数序列:公差为1的等差数列 function get_value(value) { let num = value let arr = [] let newnum = 0 if (num % 2 == 1) { ...

2019-11-07 10:28:07 68 0

原创 vue打包后dist页面空白且放到服务器显示问题

项目中自己的VUE项目通过npm run build打包生成的dist文件,打开本地dist文件夹的index.html页面一片空白空白且放到服务器显示问题。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容...

2019-11-05 15:31:32 99 0

原创 vue打包后dist页面空白

项目中自己的VUE项目通过npm run build打包生成的dist文件,打开本地dist文件夹的index.html页面一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引...

2019-11-05 15:28:10 440 0

原创 本地读取txt文件将特定字符串转为json数组三条一组

text文件内容 "a":"w11" "b":"w12" "c":"w13" "a":"9" "b":"...

2019-10-21 11:08:31 48 0

转载 前端开发必备神级资源

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

2019-09-16 19:51:21 579 0

原创 vuepress 使用与主题自定义样式修改

1.VuePress是什么?(直接上效果图) vuepress中文网:http://caibaojian.com/vuepress/guide/ 2.安装vuepress # 初始化 npm npm init -y # 安装 yarn global add vuepress #...

2019-07-16 16:18:45 4829 0

原创 elementUI的自定义主题色

背景介绍:项目使用vue.js+elementUI+scss,但是项目的主题色要修改为紫色所以就用到了elementUI的自定义主题 全局安装步骤 步骤总览 cd element-demo npm i element-theme -g npm i element-theme-chalk ...

2019-05-17 16:08:37 989 0

原创 vue界面刷新vuex变量初始化问题

最近在用vue写pc端项目,用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。 1. 产生原因 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。 2. 解决思路直接上代码...

2019-04-20 12:11:49 676 0

原创 vue i18n 多语言配置

我现在工作的公司是一家做区块链的公司 ,最近要用vue做一个后台管理系统 , 我这一个angular的忠实用户就要开始啃vue这块大骨头了!事先为开发做准备 因为是做区块链的嘛!那后台管理系统肯定是要多语言喽!搞了两三个小时还算是皇天不负有心人吧! 那么直接晒图先看效果吧! 默认语言:En...

2019-04-12 17:44:57 288 0

原创 css div li等 里面放图片一行n个多余n个依次向下一行三个排列

效果图 css代码片段 display: flex; flex-direction:row; flex-wrap:wrap; align-content: space-between;

2018-12-21 15:40:58 1392 0

转载 Vue二次封装axios为插件使用

vuejs2.0 已经不再维护 vue-resource,vuejs2.0 已经使用了 axios,这也是为什么我会转到 axios 的主要原因,废话不多说: 基本的封装要求: 统一 url 配置 统一 api 请求 request (请求)拦截器,例如:带上token等,设置请求头 respo...

2018-11-28 11:00:41 644 0

转载 在vue中封装可复用的组件

本次封装的组件以toast组件为例 以前使用移动端ui插件时,通过一句代码比如 $.toast( ‘ 需要显示的内容 ’ ),从而在页面上展示这段文字,并在一定时间后消失。 现在我们也尝试自己封装toast组件。 准备工作:vue-cli脚手架工程 先看一下涉及到的文件目录截图: 这次的...

2018-10-22 21:26:11 976 0

转载 **万能的“一键复制到剪贴板”,支持IE、火狐、谷歌及移动版浏览器**

万能的“一键复制到剪贴板”,支持IE、火狐、谷歌及移动版浏览器 万能的“一键复制到剪贴板”,支持IE、火狐、谷歌及移动版浏览器 说到点击按钮“复制到剪贴板",大家都可能用过,但是之前的实...

2018-10-17 11:33:11 354 0

原创 Angular-生成二维码

使用Angular2生成二维码是非常简单的,有两个库提供支持:angular2-qrcode(不支持中文)、ng2-qrcode 。 安装 在项目中打开“终端”,运行以下命令: 安装angular2-qrcode npm install angular2-qrcode --save  安...

2018-09-11 16:56:20 2551 0

转载 javascript实现生成并下载txt文件

  下面的简单函数允许您直接在浏览器中生成文件,而无需接触任何服务器。它适用于所有HTML5就绪的浏览器,因为它使用了<a>的下载属性: function download(filename, text) { var element = document.cr...

2018-09-11 14:45:14 12971 5

原创 echarts标题(title)配置

    var myChart=echarts.init(document.getElementById('main'));    //init初始化接口,返回ECharts实例,其中dom为图表所在节点           var option = {        //标题...

2018-06-20 14:38:59 49185 2

原创 Inline JavaScript is not enabled. Is it set in your options?

使用angular4与ng-zorro是产生的错误经过查阅和尝试解决办法如下:npm install less@2.7.2安装less@2.7.2版本我的项目angular\cli 默认安装的是3.0.4资料显示不兼容安装后ng-zorro启动无任何问题...

2018-06-12 13:28:32 5540 0

原创 ERROR in ./node_modules/ng-zorro-antd/src/ng-zorro-antd.less (./node_modules/raw-loader!./node_modul

使用angular4与ng-zorro是产生的错误经过查阅和尝试解决办法如下:npm install less@2.7.2安装less@2.7.2版本我的项目angular\cli 默认安装的是3.0.4资料显示不兼容安装后ng-zorro启动无任何问题...

2018-06-12 13:27:17 4783 0

转载 vue项目中对axios的二次封装

近来在使用vue重构公司m站时,使用了axios来进行数据的请求,由于项目的需要,对axios进行了二次封装,点击进入axios//引入axios import axios from 'axios' let cancel ,promiseArr = {} const Canc...

2018-06-07 15:33:45 756 0

转载 Echarts地图颜色等相关解析

  Echarts是一款开源、功能强大的数据可视化产品。之前做图表一直都是使用Highcharts来做的,Echarts与Highcharts大致用法差不多,最近用到了Echarts的地图功能,把官网上的两个例子整合了一下终于达到了要求。贴出来跟大家分享一下。另附上新疆各市县经纬度js文件一份(x...

2018-06-06 16:14:47 6806 0

原创 download.js 实现txt,js文件等浏览器下载 而不是打开

现在本人正在做聊天系统,最近支持收发文件,那下载当然是不可避免的1.第一步想的是open一个窗口下载文件但事实证明显然不合适,现在的浏览器都是会主动拦截弹窗2.a通过download属性通知浏览器下载,但是又有一个问题,针对rar结尾的压缩文件当然是没有问题的,但是例如js,txt的浏览器会自动解...

2018-05-31 10:25:31 13568 2

原创 js 请求后台路径文件下载

一直在做聊天系统,今天要加文件下载的功能,大体思路是这样:1.发送请求告诉后台我要下载这个文件2.后台下载当前文件上传服务器3.后台返回文件下载路径我的大致代码如下var remobeId = new FormData()remobeId.append('id', IsIdss...

2018-05-24 16:05:03 5360 0

翻译 flexbox 弹性盒布局和布局原理

最近开始做H5,发现flexbox用的超级广泛,找到了这么一篇文章,https://css-tricks.com/snippets/css/a-guide-to-flexbox/,认为讲的还不错,加上自己的一些测试和理解,就有了这一篇笔记。新版的flexbox规范分两部分:一部分是containe...

2018-05-17 14:42:14 212 0

原创 angular 数据加载完毕执行js方法

自定义了一条指令://on-finish-render="ngRepeatFinished" load js after render datas UserManagerApp.directive('onFinishRender', function ($...

2018-05-16 15:16:01 4153 0

转载 利用 CSS 变量实现令人震惊的悬浮效果

最近,我从 Grover网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像你想象的那么...

2018-05-11 17:39:21 255 0

翻译 html 中文占位符 

  == 普通的英文半角空格  ==   ==   == no-break space (普通的英文半角空格但不换行)  == 中文全角空格 (一个中文宽度)&...

2018-05-10 19:07:05 11857 0

原创 Angular4中[ngClass]、[ngStyle]的基本使用

1、ngStyle基本用法[html] view plain copy<div [ngStyle]="{'background-color':'green'}"></<div&...

2018-05-09 14:43:35 1686 0

原创 Can't bind to 'formGroup' since it isn't a known property of 'form'

报错如下:报这个错的原因是你使用了angular的响应式表单,formGroup是指定命令的选择器,它是ReactiveFormsModule的一部分,很显然在app.module.ts没有引入。解决方案:1.   引入ReactiveFormsModule2.   在imports中引入之后就完...

2018-05-09 10:51:44 1771 1

翻译 angualr常见问题及其解决方案

1、Webstorm can't find '@angular/core';解决方案:In webstorm : File->settings->Languages & Frameworks -> TypeS...

2018-05-07 16:54:05 180 0

原创 Angular4开发环境及项目创建

一.安装Node.js官方网址:https://nodejs.org/en/download/ 12在命令行中输入:node -v 和 npm -v 验证版本二.全局安装Angular CLI 脚手架工具使用npm命令安装 npm install -g @angular/cli 1安装cnpm国内...

2018-04-23 15:12:42 312 1

原创 Angular4 Angular HttpClient

安装首先,我们需要更新所有的包到 4.3.0-rc.0 版本。然后,我们需要在 AppModule 中导入 HttpClientModule 模块。具体如下:import { HttpClientModule } from '@angular/common/http'; @Ng...

2018-04-17 17:53:37 2003 0

原创 Generic type 'CanDeactivate<T>' requires 1 type argument(s) angular4

解决方案:

2018-04-17 15:28:41 742 0

原创 移动端上拉刷新下拉加载框架

1.智能下拉刷新框架-SmartRefreshLayout 传送: https://github.com/scwang90/SmartRefreshLayout2.PullToRefreshAndLoad        传送:https://github.com/jingchenUSTC/Pull...

2018-04-16 11:44:31 1032 1

转载 HTML5中的Web Notification桌面通知(微信提示框)

一、传统的通知实现通知可以说是web中比较常见且重要的功能,私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈,这个时候,就需要页面给予即使的通知。在以前,我们的通知实现主要是通过闪烁页面的标题内容来实现,实现原理其实很简单,就是定时器不断修改document.tit...

2018-04-13 16:37:23 2999 0

原创 select 多次选择option 多个option selected解决方案

问题如图所示:动态渲染后对select 中的option 多次进行选择,option selected多个这会导致显示出错解决方案:每次动态渲染时清空  option selected属性$(".four-select option").removeAttr("sel...

2018-04-10 10:10:29 3849 2

原创 angualr 工程搭建

一、安装相关工具nodebatarang: angular调试工具bower安装bower cnpm install -g bower常用bower命令: bower init bower install bower uninstall配置文件: .bowerrc 修改安装目录 bower.jso...

2018-04-08 16:09:57 153 0

原创 angular gulp gulpfile.js

gulp-htmlmin:压缩html文件gulp-imagemin:压缩图片imagemin-pngquant:深度压缩png图片gulp-cache:只压缩修改的图片gulp-minify-css:压缩CSS文件gulp-make-css-url-version:给css文件引用文件加版本号(...

2018-04-08 16:08:19 243 0

原创 前端css简易拾色器

点击吸色 按住鼠标左键不松手将鼠标拖到吸色处即可  想要吸得色就会显示出来  复制粘贴即可下载地址:点击打开链接

2018-04-08 13:38:39 3004 39

原创 webstrom激活教程

1.使用前请将“0.0.0.0 account.jetbrains.com”添加到hosts文件中2.打开网址:点击打开链接3.点击页面4.打开webstrom选择 Activation code输入上面获得的激活码即可

2018-04-08 10:28:51 919 0

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