想要逆袭的菜鸟-CSDN博客

原创 Angular项目配置本地https访问

Angular项目配置本地https访问首先，先创建一个项目d:\work\learnλ ng new angular-https然后cd到刚生成的项目的根目录，建立一个cert目录，用于存放我们的密钥证书等文件cd angular-https && mkdir cert && cd cert然后在angular.json文件中添加这行 “ssl”: true"serve": { "builder": "@angular-devkit/build-a

2021-02-26 10:39:54 3607 2

原创微信小程序-伸缩性最强的table组件

微信小程序-伸缩性最强的table组件微信小程序很大的一个诟病之一就是没有table组件，小程序中正常显示表格依然是令人头痛的问题。下面使用flex布局模拟现实一个小程序的table组件，支持内容过多滑动，设置单元格宽度等。1.效果图微信开发者工具查看效果2.使用在需要引用的json页面添加// index{ "navigationBarTitleText": "伸缩性最强的表格组件", "usingComponents": { "s-table": "../componen

2021-01-04 17:41:41 1900

原创 angular使用service+rxjs做状态管理实例

对于一般的中小angular项目，使用类似ngrx或者mobx等第三方库作为状态管理反而会更麻烦，那么我们就可以使用框架自带的rxjs+service来做一个简单的状态管理。下面讲解一下利用rxjs+service作状态管理实例，基本能够解决大部分问题，如果应用相对复杂，状态和数据量大，还是建议使用ngrx。首先初始化建立一个项目，建立一个module： state-manage来演示，引入antd库（网上很多教程，此处略过啦哈~）建立一个service，将其注入到root// src/app/sta

2020-11-19 11:40:48 1284

原创 angular将不同的系统时区转换为北京时间

angular将不同的系统时区转换为北京时间今天某个客户跟我们的产品经理反馈，咱们的管理后台同一条数据在不同电脑的时间显示竟然不同，差了八个小时。此时我便立即意识到是这位客户的电脑时区设置有问题。不禁为我这个月的奖金担忧起来，虽然是客户的电脑问题，但毕竟问题是出在我们的系统，我们也不能要求客户去修改电脑的时区。就像我们人生的哲学道路上应该遵从的一条道理：我们无法改变环境，那只有改变自身去融入这个环境。首先查看文档可以看出，管道提供了一个参数来设置显示某个时区的时间于是最简单的解决方式是：{{t

2020-11-17 16:38:50 1577

原创 anguar一个空间多个项目实战

一、前言有时候我们在一条产品线上，会有多套前端代码，运行在不同平台或者有多个业务端。这些代码可复用性非常高，以至于可以从某套代码直接copy出来用于开发另一个业务端。于是某个小组件需要改动时却要跑起多个项目来修改。angular-cli很好地帮我们解决了这个问题——建立多项目的工作空间。假设你已经装好了node和全局安装最新的angular-cli，然后，我们开始快活吧~二、建立项目首先...

2020-04-22 15:47:35 515

原创 angular 报错：ERROR Error: Uncaught (in promise): Error: Template parse errors:

angular 报错：ERROR Error: Uncaught (in promise): Error: Template parse errors:错误信息：More than one component matched on this element.Make sure that only one component’s selector can match a given elemen...

2019-11-24 21:44:33 3121

原创 gulp.src出现File not found报错问题

问题描述：使用gulp的时候gulp.src传递的目录不存在而导致进程终止报错Error: File not found with singular glob: d:/wamp/www/qc_h5/build (if this was purposeful, use `allowEmpty` option)其实上面也已经说得很清除了哈，只需要添加{allowEmpty: true}就可以...

2019-09-12 16:51:36 7581 1

原创 js根据后缀判断文件文件类型

function getFileType(name) { if(!name) return false; var imgType=["gif", "jpeg", "jpg", "bmp", "png"]; var videoType=["avi","wmv","mkv","mp4","mov","rm","3gp","flv","mpg","rmvb"]; if(RegEx...

2019-08-12 15:23:32 6178

原创原生微信小程序自定义弹框组件

微信小程序自定义弹框组件由于微信小程序自带的toast及model都有很大的限制，很多产品对弹框的要求是多样化的，于是自己动手封装实现一组弹框功能。该组件只是提供一种实现方式，对样式不满意可自行修改。实现效果图toastmodel-loading开发者工具查看效果如何使用1、在需要使用的页面引入wxss@import '../component/wx-layer/wx-...

2019-04-15 13:40:01 2058 1

原创微信小程序纯css实现刻度尺

微信小程序纯css实现刻度尺最近需要实现一个高度定制的刻度尺，但是网上现成的方案却是极少，最终找到了HaoTian的wx-scale。但是没有实现竖向的效果而且刻度范围大时，在安卓机上无法渲染完全（找了很久没有找到原因，猜测是canvas无法在一瞬间同时刻画多个刻度，知道问题的欢迎留言告知）。于是纯css自己实现一个。1.效果图微信开发者工具查看效果2.使用在需要引用的json页面添加...

2019-04-13 15:38:44 3279 2

原创微信小程序-圆形选择器

微信小程序-圆形选择器效果图微信开发者工具查看效果查看完整代码如果我的代码对你帮助，请给个start吧。-有不对或者什么问题，都可以留言

2019-04-13 15:36:54 1088

u014643351的博客