自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 前端工具字典,为你开发路上披荆斩棘

路漫漫其修远兮,吾将上下而求索~此文为转载文章,原文地址:https://juejin.im/post/5d3ace766fb9a07f0a2e2739主要是为了帮助大家搜集一下前端开发中要用到的一些东西,打造一个前端开发工具字典,方便大家查阅。篇幅比较长,先给大家放一张脑图,看看自己的兴趣在哪,或者说自己需要补充哪方面的,可以从右边的导航栏查看,也可以直接打开我做的工具网站查看,分级明...

2019-08-16 09:33:24 1035

原创 【Angular 基础入门】——知识点整合

本文为 Angular 知识点整体性整理,内容较多,可点击目录跳转相应内容了解。同时也会随着认识的加深,不定期进行修改和完善。

2020-11-26 10:05:19 2727

原创 初使用ECharts绘制地图

快速认识Echarts,没有比官方教程更好的了。请戳:https://echarts.apache.org/zh/tutorial.html准备工作:安装和引入echarts你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --save通过 npm 安装的 echarts 会出现在 node_modules 目录下,从而可以直接在项目代码中得到 echarts,例如:import * as echarts from 'echarts';这样得到的是

2020-05-26 14:12:19 1506

转载 前端早读课——02提升你的CSS选择器技巧

提升你的CSS选择器技巧https://mp.weixin.qq.com/s/aK31FJ6QeMZ6nhjnJihqAg 笔记组合选择器后代选择器 A B子元素选择器 A>B相邻兄弟选择器 A+B通用兄弟选择器 A~B属性选择器语法:标签[属性=属性值] 或者 标签[属性]如果要匹配属性值部分,则可以使用以下方法:A[attr^=val] 属性值以val开头。A[...

2019-10-17 15:35:24 226

转载 前端早读课——01类型检测:"instanceof"

现代 JavaScript 教程 - 类型检测:"instanceof"https://mp.weixin.qq.com/s/nmj9dQWRyaEURpearFHULAhttps://zh.javascript.info/instanceof 笔记衍生类?继承父类(Parent class)或“基础类”(Base class)的类就称之为“子类” (Child class)或“衍...

2019-10-17 15:35:11 139

原创 指定针对元素的宽度与高度的计算方法—— box-sizing

在CSS 3中,使用box-sizing属性来指定针对元素的宽度与高度的计算方法。本文将针对这个属性做详细介绍。1. box-sizing属性在CSS中, 使用width属性与height属性来指定元素的宽度与高度。但使用box-sizing属性,可以指定width属性值与height属性值是否包含元素内部的补白区域,以及边框的宽度与高度。属性值有:content-box表示元素的宽...

2019-09-26 15:24:52 618

原创 帮你搞定Flex布局!!!

突然接到H5适配移动端的任务,用flex布局吧。flex布局。。。嗯?听说过,好像也看过,还是好想问:它到底是啥??? 。。。在大致了解后,开始做项目,项目是做完了,对flex的属性、参数啊还是云里雾里。。。这不,马上来了个了断 ^ 0 ^-------------------------------------------------- 咳咳咳 正题分界线 ----------------...

2019-09-20 18:05:27 155

原创 前端宝藏网站集

路漫漫其修远兮,吾将上下而求索。本文将用来汇总本人遇到过的很实用的前端学习资源网站。不定时更新…https://www.jqhtml.com/前端库 - 前端开发,JQUERY特效,全栈开发,vue开发...

2019-09-19 14:29:57 562

原创 RxJS - Observable剖析

在剖析Observable之前,简单说说RxJS。全面深入学习请移步RxJS中文文档概览:https://cn.rx.js.org/本文蓝色文字均可点击了解详细RxJS 是一个库,它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable,附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#ex...

2019-09-03 11:54:08 224

原创 这道JS高频面试题你掌握了吗?

['1', '2', '3'].map(parseInt) 输出结果是什么 ?这是在 Daily-Interview-Question 项目看到一个比较有意思的题目。主要是讲 JS 的映射与解析。早在 2013 年, 加里·伯恩哈德就在微博上发布了以下代码段:['10','10','10','10','10'].map(parseInt);// [10, NaN, 2, 3, 4]...

2019-08-29 16:33:35 111

原创 《ES6标准入门》(第三版)阅读笔记

本文内容为阅读阮一峰著《ES6标准入门》(第三版)时所作笔记,有兴趣的可以找原书籍~哈哈哈简介1. ECMAScript 和 JavaScript 的关系1996 年 11 月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给国际标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(ECMA-262)的第一...

2019-08-07 15:41:30 447

原创 includes()和indxOf()的使用与比较

indexOf和includes都能用来检测数组或字符串中是否包含某一个元素includes()1.使用场景:检查某个元素在数组中是否存在。也可以对字符串使用2.返回类型:布尔类型let arr = [1,2,3,4]console.log(arr.includes(5)) // falseconsole.log(arr.includes(4)) // true3.语法:arr....

2019-07-29 14:35:55 1133

原创 NG-ZORRO中Upload上传控件的实际运用

想要了解Upload更多请看这里 - > https://ng.ant.design/components/upload/zh本文注重实现,并补充说明所用知识点~背景:获取图片并在列表中显示缩略图且可预览图片,可向列表中添加新的图片或删除图片。先上代码:test.component.tsimport { Component, OnInit } from '@angular/core...

2019-07-25 16:58:44 8777 3

原创 Angular基础实战练习

基础实战练习包括:动态组件、路由 、 组件之间的交互、 DI实战、HttpClient 、 使用已发布的库、 反向代理、CLI命令

2019-07-24 11:33:20 1439

原创 Angular之知识疑惑与解答汇总

1、constructor和ngOnInit差异及适用场景2、package.json中的dependencies 和 devDependencies 区别

2019-07-16 16:45:28 151

原创 angular6 使用 UMeditor

https://github.com/cipchk/ngx-umeditor

2019-05-15 11:29:53 1465

转载 RxJS之常见操作符

Rxjs 中文网 https://cn.rx.js.org/关键:把任何的变化现象成事件流。常见创建类操作符1、from:从一个数组、类数组对象、Promise、迭代器对象或者类 Observable 对象创建一个 Observable。2、fromEvent:创建一个 Observable,该 Observable 发出来自给定事件对象的指定类型事件。3、of:创建一个 Obser...

2019-04-25 23:41:05 1097

原创 在Angular中使用json server

1、安装在项目目录中执行:npm i -g json-server如果报错请执行npm cache clean --force,再执行命令1即可。2、启动执行json-server ./mock/data.json (json文件所在目录)会得到有关数据要访问和修改资源,您可以使用任何HTTP方法:GET | POST | PUT PATCH | DELETE | OPTIONS...

2019-04-21 10:22:15 722

转载 如何从GitHub上克隆项目?

https://blog.csdn.net/eva_lu/article/details/80521300

2019-04-19 09:13:53 783

原创 在Angular项目中完成 Material组件库的初始化配置

官方中文网站在此:https://material.angular.cn/执行以下命令,在Angular项目中完成 Material 的初始化配置。(步骤与官方的 “快速上手” 大同小异,可以直接看https://material.angular.cn/guide/getting-started ,本文的目的只是节约时间,按照以下步骤很快就可以初始化配置完成~)第一步:安装 Angular ...

2019-04-16 18:19:56 1025

原创 在Angular中使用Swiper滑动插件

首先附上Swiper官方中文网站:https://www.swiper.com.cn/在Angular6下使用Swiper滑动插件1、安装Swipernpm install swiper --save2、在angular.json文件添加swiper.min.js和swiper.min.css"./node_modules/swiper/dist/css/swiper.min.css...

2019-04-16 14:30:28 4454

原创 在Angular6下ng add ng-zorro-antd 时报错

ng add ng-zorro-antd自动安装配置的ng-zorro-antd由于版本太高,会报错T1005!!!解决方案:1、在package.json中修改ng-zorro-antd为:"ng-zorro-antd": "^1.2.0",2、在angular.json中添加:"styles": [ "./node_module...

2019-04-16 11:34:34 5432 1

转载 ng new 创建新项目及可能出现的问题

重新建立空项目:ng new 项目名称 --skip-install进入你的项目目录:cd 项目名称重新设置链接:npm set registry https://registry.npmjs.org/重置cache:npm cache clean --force安装模块包:npm install若 npm install 提示权限不足 Error: EPERM: operation...

2019-04-02 03:40:08 5265

原创 开启Angular的学习

准备开启我的Angular学习之路,以及提供一些Angular学习资源~官方社区: https://angular.cn/开发者: http://www.ngfans.net/ (大漠穷秋老师维护的站点,Angular中国布道者)NG-ZORRO: https://ng.ant.design/docs/introduce/zh#设计规范Angular(UI 组件库,阿里巴巴出品)使用An...

2019-03-31 23:29:55 131

转载 Visual Studio Code及快捷操作

基本上是前端开发者的必备编辑器,强大的插件扩展,灵活打造自己喜欢的风格。官网下载:https://code.visualstudio.com/扩展推荐:https:/github.com/varHarrie/varharrie.github.io/issues/10顶级扩展加快开发JS:https://www.html.cn/archives/9507插件推荐:https://segmen...

2019-03-29 18:16:46 352

转载 Vue2.0—dev-server失踪问题解答

最新版本的vue-cli已经放弃dev-server.js,只需在webpack.dev.conf.js配置就行,以下是本人入坑时搜索到的有效解决文章:vue-cli的build的文件夹下没有dev-server.js文件,如何配置本地数据https://blog.csdn.net/qq_25479327/article/details/80025847Vue2.0史上最全入坑教程(续)—d...

2019-03-19 17:19:57 198

原创 解决npm被墙问题

直入主题!!!第一种方法:1.安装淘宝的 cnpmnpm install --global cnpm2.安装包的时候把之前的 npm 替换成 cnpmcnpm install jquery第二种方法:如果不想安装 cnpm, 又想使用淘宝的服务器来下载:npm install jquery --registry=https://registry.npm.taobao.org...

2019-03-13 14:52:37 612

原创 Nodejs-普通文本中文乱码问题

res.setHeader('Content-Type','text/plain; charset=utf-8')举例:var http=require('http')var server=http.createServer()server.on('request',function (req,res) { res.setHeader('Content-Type','tex...

2019-03-11 16:35:35 764

原创 WebStorm自动补全和常用快捷键

自动补全(1)纯标签补全例:输入h1,按Tab键,<h1></h1>(2)纯标签+地址“id”例:输入h1#ccg,按Tab键,<h1 id="ccg"></h1>(3)纯标签+类“class”例:输入h1.ccg,按Tab键,<h1 class="ccg"></h1>(4)标

2019-03-08 16:20:20 3020

原创 快速打造微信小程序(超详细)

本文通过一个小案例主要讲解小程序的基础使用以及相关概念知识。1开发环境的准备1.1 注册账号https://mp.weixin.qq.com/wxopen/waregister?action=step11.2获取APPID用注册的账号登录https://mp.weixin.qq.com/,可以在菜单 “设置”-“开发设置” 看到小程序的 AppID。小程序的 AppID 相当于小程序平...

2019-03-08 15:33:41 1751

原创 Vue.js学习资源网站

vuejs中文官网 http://cn.vuejs.org/vuejs源码 https://github.com/vuejs/vuevuejs官方工具 https://github.com/vuejsvuejs官方论坛 http://forum.vuejs.org/

2019-02-28 17:49:07 473

原创 正则表达式符号

符号 描述 /…/ 代表一个模式的开始和结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 \s 任何空白字符 \S 任何非空白字符 \d 匹配一个数字字符,等价于[0-9] \D 除了数字之外的任何字符,等价于[^0-9] \w 匹配一个数字、下划线...

2019-02-26 20:44:15 180

原创 jQuery入门

复习jQuery之际,对jQuery的知识点做个整理。jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装。它的设计思想是write less,do more官网:http://jquery.comjQuery的优势体积小,压缩后只有100KB左右 强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性 使用隐式...

2019-02-26 20:31:32 116

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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