- 博客(118)
- 收藏
- 关注
RSS订阅转载 2022 年了，这些 ES7-ES12 的知识点你都掌握了嘛？
ES2016(ES7)Array.prototype.includes()includes()方法用来判断一个数组是否包含一个指定的值，如果包含则返回true，否则返回false。语法arr.includes(valueToFind[,fromIndex])valueToFind，需要查找的元素值。fromIndex可选 从fromIndex索引处开始查找valueToFind。如果为负值（即从末尾开始往前跳fromIndex的绝对值个索引，然后往后搜寻）。默认...
2022-03-31 15:59:32
445
原创 vue h5 页面调起原生APP指定页面
这次分享可能比较适合小白，大神们多多指教哈！为什么这么说呢，因为我之前都是做pc，或者小程序、rn 什么的，原生app内嵌h5这种还是第一次。最近提了个需求：app下载页 如果当前应用已经安装就直接打开scheme全路径对应的页面，没有安装就点击去下载页面，大致业务流程如下...
2022-03-18 13:43:18
2051
原创 angular懒加载创建模块
添加懒加载的方式有两种一种是自己手写，另一种是命令行，这里我都说一下一、命令行形式1、添加modouleng g m XXX --routing例如：ng g module layout/device/monitoring/terminal-log-analysis --routing2、创建模块ng g component XXX例如：ng g c layout/device/monitoring/terminal-log-analysis3、routing-moudule.
2020-06-08 11:24:30
436
原创 react 国际化 react-intl-universal
7月底开始，公的要把之前的一个项目增加国际化的需求。现在基本做完了，在转测阶段，就把之前的东西记录一下。效果图react-intl-universal包由于项目是react的，所以使用的是react-intl-universal。其实这个npm包的使用还是很简单方便的。具体实现看过我之前的文章的同学，估计知道我之前的页面结构和代码。在国际化之前我适当的修改了一下。但是展示的结构不变。实...
2019-11-17 00:56:00
1228
原创 输入一个正整数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) { arr.push([(num - 1) / 2, (num + 1) / 2...
2019-11-07 10:28:07
1329
原创 vue打包后dist页面空白且放到服务器显示问题
项目中自己的VUE项目通过npm run build打包生成的dist文件，打开本地dist文件夹的index.html页面一片空白空白且放到服务器显示问题。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。...
2019-11-05 15:31:32
1692
原创 vue打包后dist页面空白
项目中自己的VUE项目通过npm run build打包生成的dist文件，打开本地dist文件夹的index.html页面一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的...
2019-11-05 15:28:10
2969
原创 本地读取txt文件将特定字符串转为json数组三条一组
text文件内容"a":"w11""b":"w12""c":"w13""a":"9""b":"w22""c":"w23""a":"w31""b":"w32""c":"w33"逻辑代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2019-10-21 11:08:31
575
原创 vuepress 使用与主题自定义样式修改
1.VuePress是什么？（直接上效果图）vuepress中文网：http://caibaojian.com/vuepress/guide/2.安装vuepress# 初始化 npmnpm init -y# 安装yarn global add vuepress # 或者：npm install -g vuepress# 新建一个 docs 文件夹mkdi...
2019-07-16 16:18:45
21535
原创 elementUI的自定义主题色
背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色所以就用到了elementUI的自定义主题全局安装步骤步骤总览cd element-demonpm i element-theme -gnpm i element-theme-chalk -Det -i修改scss中的颜色值etmain.js修改引入步骤说明 进入...
2019-05-17 16:08:37
2887
原创 vue界面刷新vuex变量初始化问题
最近在用vue写pc端项目，用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。1. 产生原因因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决思路直接上代码//在app.vue中插入<template> <div id="ap...
2019-04-20 12:11:49
2503
原创 vue i18n 多语言配置
我现在工作的公司是一家做区块链的公司 ，最近要用vue做一个后台管理系统 ， 我这一个angular的忠实用户就要开始啃vue这块大骨头了！事先为开发做准备 因为是做区块链的嘛！那后台管理系统肯定是要多语言喽！搞了两三个小时还算是皇天不负有心人吧！那么直接晒图先看效果吧！默认语言：English切换语言：中文事先准备：1.element-ui（基于e...
2019-04-12 17:44:57
1492
原创 css div li等 里面放图片一行n个多余n个依次向下一行三个排列
效果图css代码片段display: flex;flex-direction:row;flex-wrap:wrap;align-content: space-between;
2018-12-21 15:40:58
3961
转载 Vue二次封装axios为插件使用
vuejs2.0 已经不再维护 vue-resource，vuejs2.0 已经使用了 axios,这也是为什么我会转到 axios 的主要原因，废话不多说：基本的封装要求：统一 url 配置统一 api 请求request (请求)拦截器，例如：带上token等，设置请求头response (响应)拦截器，例如：统一错误处理，页面重定向等根据需要，结合 Vuex 做全局的loadi...
2018-11-28 11:00:41
1102
转载 在vue中封装可复用的组件
本次封装的组件以toast组件为例以前使用移动端ui插件时，通过一句代码比如 $.toast( ‘ 需要显示的内容 ’ )，从而在页面上展示这段文字，并在一定时间后消失。现在我们也尝试自己封装toast组件。准备工作：vue-cli脚手架工程先看一下涉及到的文件目录截图：这次的封装主要涉及的文件是Toast.vue toast.js Hello.vue，主要思路如下：...
2018-10-22 21:26:11
2311
转载 **万能的“一键复制到剪贴板”，支持IE、火狐、谷歌及移动版浏览器**
万能的“一键复制到剪贴板”，支持IE、火狐、谷歌及移动版浏览器 万能的“一键复制到剪贴板”，支持IE、火狐、谷歌及移动版浏览器 说到点击按钮“复制到剪贴板",大家都可能用过，但是之前的实现方不是只支持某些浏览器，就是要在网页内嵌swf(Flash)文件。 这两种方法：第一种不能很好的兼容多数浏览器，...
2018-10-17 11:33:11
1062
原创 Angular-生成二维码
使用Angular2生成二维码是非常简单的，有两个库提供支持：angular2-qrcode(不支持中文)、ng2-qrcode 。安装在项目中打开“终端”，运行以下命令：安装angular2-qrcodenpm install angular2-qrcode --save 安装ng2-qrcodenpm install ng2-qrcode --save用法在使用...
2018-09-11 16:56:20
4885
转载 javascript实现生成并下载txt文件
下面的简单函数允许您直接在浏览器中生成文件，而无需接触任何服务器。它适用于所有HTML5就绪的浏览器，因为它使用了<a>的下载属性：function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text...
2018-09-11 14:45:14
24070
7
原创 echarts标题（title）配置
var myChart=echarts.init(document.getElementById('main')); //init初始化接口，返回ECharts实例，其中dom为图表所在节点 var option = { //标题 title : { show:true,//显示策略，默认值true,可选为：tru...
2018-06-20 14:38:59
163211
9
原创 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
8892
原创 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
8537
转载 vue项目中对axios的二次封装
近来在使用vue重构公司m站时，使用了axios来进行数据的请求，由于项目的需要，对axios进行了二次封装，点击进入axios//引入axiosimport axios from 'axios'let cancel ,promiseArr = {}const CancelToken = axios.CancelToken;//请求拦截器axios.interceptors.reque...
2018-06-07 15:33:45
1368
转载 Echarts地图颜色等相关解析
Echarts是一款开源、功能强大的数据可视化产品。之前做图表一直都是使用Highcharts来做的，Echarts与Highcharts大致用法差不多，最近用到了Echarts的地图功能，把官网上的两个例子整合了一下终于达到了要求。贴出来跟大家分享一下。另附上新疆各市县经纬度js文件一份(xjGeoCoord.js)先来晒一个效果图吧下面就来看一下代码如果实现一、引用的css与js[html...
2018-06-06 16:14:47
11333
原创 download.js 实现txt,js文件等浏览器下载 而不是打开
现在本人正在做聊天系统，最近支持收发文件，那下载当然是不可避免的1.第一步想的是open一个窗口下载文件但事实证明显然不合适，现在的浏览器都是会主动拦截弹窗2.a通过download属性通知浏览器下载，但是又有一个问题，针对rar结尾的压缩文件当然是没有问题的，但是例如js，txt的浏览器会自动解析，这然就会造成文件不是下载而是预览显然不符合要求3.后来找到了一个 “download.js” 地...
2018-05-31 10:25:31
18399
2
原创 js 请求后台路径文件下载
一直在做聊天系统，今天要加文件下载的功能，大体思路是这样：1.发送请求告诉后台我要下载这个文件2.后台下载当前文件上传服务器3.后台返回文件下载路径我的大致代码如下var remobeId = new FormData()remobeId.append('id', IsIdss)$http({ method: 'POST', url: $rootScope.link1 + "/chat...
2018-05-24 16:05:03
6995
翻译 flexbox 弹性盒布局和布局原理
最近开始做H5，发现flexbox用的超级广泛，找到了这么一篇文章，https://css-tricks.com/snippets/css/a-guide-to-flexbox/,认为讲的还不错，加上自己的一些测试和理解，就有了这一篇笔记。新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整套布局规范，包含了多个css属性，所以学习起来比`flo...
2018-05-17 14:42:14
483
1
原创 angular 数据加载完毕执行js方法
自定义了一条指令：//on-finish-render="ngRepeatFinished" load js after render datasUserManagerApp.directive('onFinishRender', function ($timeout) { return { restrict: 'A', link: function (...
2018-05-16 15:16:01
6783
转载 利用 CSS 变量实现令人震惊的悬浮效果
最近，我从 Grover网站上发现以一个好玩儿的悬停动画，也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像你想象的那么难！追踪位置我们要做的第一件事就是获取到鼠标的位置。document .querySelector (...
2018-05-11 17:39:21
427
翻译 html 中文占位符　
&#32; == 普通的英文半角空格&#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行）&#12288; == 中文全角空格 （一个中文宽度）&#8194; == &ensp; == en空格 （半个中文宽度）&#8195; == &emsp; == em空格...
2018-05-10 19:07:05
20369
原创 Angular4中[ngClass]、[ngStyle]的基本使用
1、ngStyle基本用法[html] view plain copy<div [ngStyle]="{'background-color':'green'}"></<div> 判断添加[html] view plain copy<div [ngStyle]="{'background-color':username === 'zxc' ? 'green' :...
2018-05-09 14:43:35
3270
原创 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
5072
2
翻译 angualr常见问题及其解决方案
1、Webstorm can't find '@angular/core';解决方案：In webstorm : File->settings->Languages & Frameworks -> TypeScript ->enable typescript compiler & Use tsconfig.json2、/localhost:3000/no...
2018-05-07 16:54:05
414
原创 Angular4开发环境及项目创建
一.安装Node.js官方网址：https://nodejs.org/en/download/12在命令行中输入：node -v 和 npm -v 验证版本二.全局安装Angular CLI 脚手架工具使用npm命令安装 npm install -g @angular/cli 1安装cnpm国内直接装经常会出问题，所以设置为淘宝镜像地址会更好。npm install -g cnpm --regi...
2018-04-23 15:12:42
436
1
原创 Angular4 Angular HttpClient
安装首先，我们需要更新所有的包到 4.3.0-rc.0 版本。然后，我们需要在 AppModule 中导入 HttpClientModule 模块。具体如下：import { HttpClientModule } from '@angular/common/http';@NgModule({ declarations: [ AppComponent ], imports: [ ...
2018-04-17 17:53:37
2739
原创 Generic type 'CanDeactivate<T>' requires 1 type argument(s) angular4
解决方案：
2018-04-17 15:28:41
3296
原创 移动端上拉刷新下拉加载框架
1.智能下拉刷新框架-SmartRefreshLayout 传送： https://github.com/scwang90/SmartRefreshLayout2.PullToRefreshAndLoad 传送：https://github.com/jingchenUSTC/PullToRefreshAndLoad...
2018-04-16 11:44:31
1216
1
转载 HTML5中的Web Notification桌面通知（微信提示框）
一、传统的通知实现通知可以说是web中比较常见且重要的功能，私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈，这个时候，就需要页面给予即使的通知。在以前，我们的通知实现主要是通过闪烁页面的标题内容来实现，实现原理其实很简单，就是定时器不断修改document.title的值。例如：setInterval(function() { var title = do...
2018-04-13 16:37:23
6608
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人