crperx_社区达人页

2022年05月

• 05.09 12:41:31
  发表了文章 2022-05-09 12:41:31

  Vue 2.x折腾记 - (5) 写一个不大靠谱的selectSearch组件

  这个功能在网站中也很常见，下拉选择带搜索，基于之前的typeahead组件的基础上完善

  
• 05.09 12:40:16
  发表了文章 2022-05-09 12:40:16

  Vue 2.x折腾记 - (4) 写一个不大靠谱的 loading 组件

  有需求,就要动手丰衣足食...公司考虑兼容IE9,那么css3 animation写的loading就无缘了。 因为keyframes IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下svg大佬了;

  
• 05.09 12:38:39
  发表了文章 2022-05-09 12:38:39

  Vue 2.x折腾记 - (3)写一个不大靠谱的typeahead组件

  typeahead在网站中的应用很多..今天跟着我来写一个不大靠谱的typeahead; 你能学到什么?

  
• 05.09 12:37:20
  发表了文章 2022-05-09 12:37:20

  Vue 2.x折腾记 - (2)写一个不大靠谱的面包屑组件

  这个组件比侧边栏的简单许多,你能学到什么,见仁见智哈。

  
• 05.09 00:04:52
  发表了文章 2022-05-09 00:04:52

  一篇不大靠谱的常用正则表达式汇总(前端)

  正则这东西吧,感觉是开发的都会接触到一些.. 那些所谓的基础语法就不说了哈,一搜一大把,来点实际的. 我这里就分享下我工作中汇总和遇到的,希望对一些小伙伴有些许帮助哈!!
• 05.09 00:02:28
  发表了文章 2022-05-09 00:02:28

  Vue 2.x折腾记 - (1)写一个不大靠谱的二级侧边栏

  本来想写个新手系列教程，发现这种东西一搜索一大把。 那就写点实战类的吧，这篇文章你能学点什么? 当然是一些常见内置指令的用法,组件过渡,遍历的思路等等

  
• 05.09 00:00:23
  发表了文章 2022-05-09 00:00:23

  VS Code 折腾记 - (8) 新一波实用插件推荐（前端）|NG2+|TS2|Vue|React|Node|版本控制|主题

  VSCode大法好啊，平均一个月更新一个小版本，每次都可以直观的看到优化的地方和特性。 距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐；

  
• 05.08 00:43:52
  发表了文章 2022-05-08 00:43:52

  编码如作文：写出高可读 JS 的 7 条原则

  共 5914 字，读完需 8 分钟。编译自 Eric Elliott 的文章，好的程序员写出来的代码就如同优美的诗赋，给阅读的人带来非常愉悦的享受。我们怎么能达到那样的水平？要搞清楚这个问题，先看看好的文章是怎么写出来的。

  
• 05.08 00:39:16
  发表了文章 2022-05-08 00:39:16

  JS数组去重!!!一篇不怎么靠谱的"深度"水文

  数组去重,这是一个老梗了...今天我又拿出来说了... 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多，不信跟着走一波; 这里不考虑浏览器兼容性这些破问题，因为涉及ES5&6

  
• 05.08 00:31:23
  发表了文章 2022-05-08 00:31:23

  Node.js 连接 12 种数据库例子集合

  Module: cassandra-driver Installation

  
• 05.08 00:28:14
  发表了文章 2022-05-08 00:28:14

  Vue.js 2.3.0 Release 正式发布. sync 特性回归

  We have created a brand-new standalone guide for server-side rendering in Vue, it's a recommended read for all users. Also, the HackerNews demo has been updated to reflect the latest best practices.

  
• 05.08 00:24:35
  发表了文章 2022-05-08 00:24:35

  Angular 2.x折腾记 ：(10) 初步了解动画，以及一步一步写个动画效果

  过渡动画这东西，在现代开发中是必不可少的，死板和酷炫与之息息相关；

  
• 05.08 00:22:52
  发表了文章 2022-05-08 00:22:52

  Angular 2.x折腾记 ：(9) 初步了解指令，及动手一步一步写个自定义指令

  指令这种东西，可以加强用户体验，减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令

  
• 05.08 00:21:39
  发表了文章 2022-05-08 00:21:39

  Angular 2.x折腾记 ：(8) 动手写一个不怎么靠谱的上传组件

  上传功能在任何一个网站中的地位都是举足轻重的,这篇文章主要扯下如何实现一个上传组件

  
• 05.08 00:19:45
  发表了文章 2022-05-08 00:19:45

  Angular 2.x折腾记 ：(7) 初步了解表单：模板驱动及数据驱动及脱坑要点

  表单在整个系统中的作用相当重要，这里主要扯下响应表单的实现方式。 首先需要操作表单的模块引入这两个模块； import { FormsModule, ReactiveFormsModule } from '@angular/forms';

  
• 05.08 00:17:40
  发表了文章 2022-05-08 00:17:40

  Angular 2.x折腾记 ：(6) 动手实现只有年月的小组件

  这个组件实现并不是很复杂，我会尽量注释； 这货诞生的理由就是项目刚好有一个地方必须只能选择年月， 而github上ng2+日期组件都涉及到年月日或时分秒； 效果用gifcam录制的，色彩有些失真，将就吧。

  
• 05.08 00:15:24
  发表了文章 2022-05-08 00:15:24

  Angular 2.x折腾记 ：(5) 动手实现一个自定义管道

  管道这东西，可以让用户的体验变得好，也可以省去我们一些重复性的工作； 官方的内置管道就不解释了,自行看文档吧

  
• 05.08 00:13:28
  发表了文章 2022-05-08 00:13:28

  Angular 2.x折腾记 ：(4)初步了解路由及使用

  路由这块的水挺深，我这里扯扯我用过的一些特性及一丢丢的经验

  
• 05.08 00:11:46
  发表了文章 2022-05-08 00:11:46

  NG2.4.10升级NG4正式版[正式项目]：修正AOT打包报错的一些问题

  上周五，ng4正式发布了。。很多小伙伴迫不及待的把项目升级了。。。 然后到群里各种吼，无损升级，没有什么奇葩问题，大家放心升级。。 我信了。。。把公司的项目给升级了，然后就开始掉坑了。。。 普通的开发模式和打包模式皆正常，不正常的是AOT打包。。

  
• 05.08 00:09:42
  发表了文章 2022-05-08 00:09:42

  Angular 2.x折腾记 ：(3)初步了解服务及使用

  不探究高深理论，只探究实际使用，有更好的写法或者经验请指出; 有些暂时没涉及到的知识我可能会顺着例子解释；

  
• 05.08 00:08:25
  发表了文章 2022-05-08 00:08:25

  Angular 2.x折腾记 ：(2)初步认识angular2，不一样的开发模式

  想来想去，概念这些东西不怎么想讲，更多的是想讲点实战性的内容。 所以有些东西跳过去了，小伙伴们请去看官方文档哈；跳跃性的前进，写的不好多包涵。

  
• 05.07 21:39:12
  发表了文章 2022-05-07 21:39:12

  Angular 2.x折腾记 ：(1)初识Angular-cli[官方脚手架]及脱坑要点

  这个系列的进度有些跳跃性，我尽量直白点解释，但是我不是官方文档，直入主题！！！！

  
• 05.07 21:32:59
  发表了文章 2022-05-07 21:32:59

  Typescript 2+迷你书 ：从入门到不放弃

  • 文中会穿插部分ES6&7的代码(此处不在解释什么作用域什么的,作用什么的)，能言简意赅的绝不废话哈; • 文中的ts或者ts2皆指typescript; 这不是一个合格的手册,要想深入和更全应该看官方的手册文档加以练习和尝试

  
• 05.07 21:30:31
  发表了文章 2022-05-07 21:30:31

  VS Code 折腾记 - (7) 内置Debug功能深入(调教angular-cli )

  很多小伙伴说用了打包工具(Webpack)之后，断点调试有点麻烦（需要借助sourcemap）； 常规的方式无非是debugger,console.log()大法； 但是，VS Code这货天生支持Debug功能，不用白不用，今天我就说说怎么调教angular-cli;

  
• 05.07 21:28:18
  发表了文章 2022-05-07 21:28:18

  VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入

  本来分成三篇来写的，但是想了想没必要，大家都是聪明人,简单的东西点一下就晓得了。

  
• 05.07 21:26:30
  发表了文章 2022-05-07 21:26:30

  TypeScript 2 : 获取当前日期及前后范围日期

  今天有个接口字段需求，要写一个今天及前几天的日期传过去； 在网上找了下都木有什么比较好的方案；就自己写了一个。 因为技术栈就是NG2+TS2+WEBPACK，这里的代码需要一定的TS2及ES6的基础

  
• 05.07 21:25:18
  发表了文章 2022-05-07 21:25:18

  VS Code折腾记 - (3) 多图解VSCode基础功能

  想了想，对于一个刚接触VSCODE的人来说，有什么比图片更通俗易懂的呢？

  
• 05.07 21:24:12
  发表了文章 2022-05-07 21:24:12

  VS Code折腾记 - (2) 快捷键大全，没有更全

  VSCode的快捷键继承了一些IDE风格，有VS Studio的身影，也有Emacs的身影, 简言之，内置快捷键玩熟了，效率提高不是一点两点。
• 05.07 21:21:53
  发表了文章 2022-05-07 21:21:53

  CSS3 模拟 IOS 滑动开关

  H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了...挺简单的..请看注释

  
• 05.07 21:20:06
  发表了文章 2022-05-07 21:20:06

  CSS3 - 说说 CSS 上的第一个变量 currentColor, 及扯扯 inherit

  • currentColor– 这货说是CSS3的一个特性，但是用变量来说会更好理解； • 兼容性[IE9+ 及主流的FF,chrome ]。 • 但是IE10及edge有一些BUG（用于渐变的时候会不生效） • Safari and iOS Safari 8 之前，作用于部分伪元素也不生效 ，比如:before 和:after • currentColor拿的是文本的color的值，也就是可以理解为 currentColor = color • currentColor可以作用于常见到的色彩作用域（border,box-shadow,outline-color,background-colo

  
• 05.07 21:17:54
  发表了文章 2022-05-07 21:17:54

  SCSS 迷你书 (下) - SCSS 中 @指令

  SCSS的@import是css的加强版本,共有以下几种方式可以互相导入引用; 注意点 - 可以使用相对路径 - 导入的文件可以.scss后缀名 - 可以引入线上的scss文件 - 支持括入引入的写法 - 在同一个目录不能同时存在带下划线和不带下划线的同名文件。 例如，_navbar.scss 不能与 navbar.scss 并存。 - 支持引入带下划线和不带下划线的文件;比如(navbar和_navbar) - 若是文件命名**带下划线**则不编译该文件,但却可以正常把样式导入其他文件用(如index.scss引入_navbar,只产生index.css) - 若是文件命名*不带下划线**,

  
• 05.07 21:16:53
  发表了文章 2022-05-07 21:16:53

  SCSS 迷你书 (上)

  支持常规的两种注释方法; 1. //双斜杠的单行注释, eg : //这是一个圆角按钮 2. /**/范围注释, eg:

  
• 05.07 21:06:25
  发表了文章 2022-05-07 21:06:25

  Firebug 折腾记_(4) 响应时间监测

  这篇作为firebug系列的结束贴; 四篇博文应该让一些小伙伴对firebug有了基本的认识和操作

  
• 05.07 21:04:35
  发表了文章 2022-05-07 21:04:35

  Firebug 折腾记_(3)JS 调试小技巧

  console.log(“我是日志信息,毫无色彩可言–我支持多个参数打印”); console.info(“我是带有信息图标的日志”); console.warn(“我是带有警告图标的日志”); console.error(“我是带有报错图标的日志”); console.dir(test); –可以遍历一个对象的全部属性”,console console.trace();–输出 Javascript 执行时的堆栈追踪。 console.group(“这是测试组”) console.log(“%d年%d月”,2015,08); console.log(“%f时”,5); console.log(

  
• 05.07 21:02:51
  发表了文章 2022-05-07 21:02:51

  Firebug 折腾记_(2)HTML&CSS 定位及调试小技巧

  传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;

  
• 05.07 21:00:40
  发表了文章 2022-05-07 21:00:40

  Firebug 折腾记_(1) 安装及简介

  Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果; 目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多; 但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的….

  
• 05.07 18:01:34
  发表了文章 2022-05-07 18:01:34

  移动端爬坑记 --- （1）布局与样式上的奇葩偶遇

  Flex想要兼容众多花样式手机，要注意以下这么些 • 前缀要考虑2009~2012年的语法[webkit-box,flex,flex-box] • 少用复合属性，比如flex:1，考虑兼容理应拆成[flex-grow,flex-shrink,flex-basis]；flex-flow拆开成[flex-direction,flex-wra

  
• 05.07 17:58:15
  发表了文章 2022-05-07 17:58:15

  ES6 折腾记 - 箭头函数【Arrow function】要点及脱坑点

  ES6的箭头函数的特点：永远是匿名函数，This指向obj内部； 什么是箭头函数？：箭头函数是匿名函数，ES5匿名函数的语法糖；但又增加了ES5所没有的一些优点

  
• 05.07 17:57:02
  发表了文章 2022-05-07 17:57:02

  ES6 折腾记 - let/const 块级变量及块作用域

  ES5及之前是木有块级变量这个说法的，常规性是用闭包来防止变量泄露; 我来列出下ES5 var声明的一些特点 1. 函数内的变量若是带var声明，则会覆盖外部的全局变量优先使用；若是函数内部声明变量不带var，则直接覆盖同名的全局变量 2. 函数内存在变量提升的情况，可以先使用后声明 3. for循环中的var会污染全局【不局限于循环内】

  
• 05.07 17:55:13
  发表了文章 2022-05-07 17:55:13

  ES6 数组去重的最佳实践：Set 结合 Array.from() | 拓展运算符结合 Set

  一直想写个ES6特性的系列文章，整理了一段时间，不想写概而全的纯理论，只想写一些贴近工作的， 最常用到的，比如块级作用域，箭头函数，字符串模板等等---敬请期待 上面那两个方法并不是万能的，只能作为常规的数组去重，因为涉及到对象或者多维数组的去重， 还是需要其他一些方法来辅助，该遍历遍历，该比较还是得比较。。。。

  
• 05.07 17:53:40
  发表了文章 2022-05-07 17:53:40

  javascript 跳跃式前进 (5) - 深入浅出 this[六种模式]

  this是面向对象编程中的一个概念，一般指向当前方法调用所在的对象，但在JS中灵活很多，为什么这么说呢？那是因为： • this是运行时绑定而非编写时绑定 • this的绑定和函数声明的位置木有任何关系，执行上下文取决于函数调用时方式 • this既不指向函数自身也不指向词法作用域。 So… 谁调用这个函数或方法,this关键字就指向谁这话是并不是完全准确的

  
• 05.07 17:51:34
  发表了文章 2022-05-07 17:51:34

  javascript 跳跃式前进 (4) - 对象基础理论

  ECMAScript中我觉得非常重要的一块就是对于对象的理解了,就我个人而言,我的理解还是不够透彻的; 所以这篇文章不扯多深,只扯扯比较表层的知识;

  
• 05.07 17:49:21
  发表了文章 2022-05-07 17:49:21

  javascript 跳跃式前进 (3) - 跳入 JSON

  早期的解析只有用eval() ,但是这货太容易给注入恶意代码…之后就有人写了个JSON2.js来让低级浏览器支持JSON ES5开始,就出现了相应的规范来和函数处理JSON对象[stringify()和parse()];

  
• 05.07 17:46:47
  发表了文章 2022-05-07 17:46:47

  javascript 跳跃式前进 (2) - 作用域及引用类型

  上一节我们说了那些JS的基本概念相关的..今天我们接着来扯扯作用域对象这些基础知识;

  
• 05.07 17:43:39
  发表了文章 2022-05-07 17:43:39

  javascript 跳跃式前进 (1) - 基本概念

  javascript 是弱类型语言,比较接近python和perl这类,不如java和c那样严格.所以写惯了强类型语言的小伙伴看到有些另类的写法也相当正常; 有些东东不精讲..以后单独脱离出来细讲;

  
• 05.07 17:34:42
  发表了文章 2022-05-07 17:34:42

  yarn - 一个可能取代 npm 的新型包管理器 [Facebook 出品，附带中文使用教程]

  仅仅一夜，却也是无数个日夜，FaceBook 开源了 yarn 这个新的 JavaScript 包管理工具， 这个和 Exponent, Google, 以及 Tilde 合作完成的项目。 官网 | Github Repo yarn出现的缘由 — 解决npm历史遗留的痛点