- 博客(33)
- 收藏
- 关注
RSS订阅
转载 前端工具字典，为你开发路上披荆斩棘
路漫漫其修远兮，吾将上下而求索~此文为转载文章，原文地址：https://juejin.im/post/5d3ace766fb9a07f0a2e2739主要是为了帮助大家搜集一下前端开发中要用到的一些东西，打造一个前端开发工具字典，方便大家查阅。篇幅比较长，先给大家放一张脑图，看看自己的兴趣在哪，或者说自己需要补充哪方面的，可以从右边的导航栏查看，也可以直接打开我做的工具网站查看，分级明...
2019-08-16 09:33:24
1038
原创 【Angular 基础入门】——知识点整合
本文为 Angular 知识点整体性整理，内容较多，可点击目录跳转相应内容了解。同时也会随着认识的加深，不定期进行修改和完善。
2020-11-26 10:05:19
2730
原创 初使用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
228
转载 前端早读课——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
141
原创 指定针对元素的宽度与高度的计算方法—— 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
228
原创 这道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
1136
原创 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
8797
3
原创 Angular基础实战练习
基础实战练习包括：动态组件、路由 、 组件之间的交互、 DI实战、HttpClient 、 使用已发布的库、 反向代理、CLI命令
2019-07-24 11:33:20
1441
原创 Angular之知识疑惑与解答汇总
1、constructor和ngOnInit差异及适用场景2、package.json中的dependencies 和 devDependencies 区别
2019-07-16 16:45:28
151
转载 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
1107
原创 在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
724
原创 在Angular项目中完成 Material组件库的初始化配置
官方中文网站在此：https://material.angular.cn/执行以下命令，在Angular项目中完成 Material 的初始化配置。（步骤与官方的 “快速上手” 大同小异，可以直接看https://material.angular.cn/guide/getting-started ，本文的目的只是节约时间，按照以下步骤很快就可以初始化配置完成~）第一步：安装 Angular ...
2019-04-16 18:19:56
1027
原创 在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
4464
原创 在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
5434
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
5267
原创 开启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
353
转载 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
615
原创 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
767
原创 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
3022
原创 快速打造微信小程序（超详细）
本文通过一个小案例主要讲解小程序的基础使用以及相关概念知识。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
1753
原创 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关注的人