- 博客(18)
- 收藏
- 关注
RSS订阅原创 修改html2canvas使其支持mask-image
有个需求需要实现剪切蒙版的效果，然后导出封面图，通过修改html2canvas源码使其支持mask-image属性
2024-02-28 18:35:11
773
原创 使用hard-source-webpack-plugin优化vue编译速度
现在公司的项目文件越来越多, 感觉每次打包的速度有点慢, 就尝试了一下优化项目编译速度通过DllPlugin打包dll.js文件, 然后引入.经过一番折腾的结果是打包时间反而增加了, 我纳闷得不行, 后来查询发现这个方案只对webpack2/3有效, 经查询自己项目用的webpack4, 踩坑+1官方介绍为了对比时间, 要查询了如何显示打包时间, 最多的是修改node_modules源码的方式, 也有speed-measure-webpack-plugin可以显示, 但是会与这个插件冲突, 最后还是选择修
2022-06-21 18:07:34
1133
2
原创 面试复盘1
Js基础1.js中布尔值为false的情况js比较规则1.a与b进行比较，如果a与b是Number,String,Boolean这三种类型中的一种，并且a与b的类型不同，那么就将a与b都转换成数字再进行比较。2.如果a是Number,String,Boolean这三种类型中的一种，而b是一个复合对象时（Object,Array等） 则对b执行ToPrimitive操作（这步是JS解释器执行的，ToPrimitive方法的实现，正是依次去调用对象的valueOf,toString方法，直到其中一个
2021-07-19 16:36:01
260
原创 react-natvie vscode真机调试[Android]
前言用vscode开发react-native第一次搭建遇到的问题和处理.1.环境变量因为Android Studio自带sdk的原因, 之前用Android Studio开发的时候并不会特地去配置sdk的环境变量, 但是react-native调试过程会用到, 所以需要配置环境变量.macOS Android SDK 默认位置/Users/用户名/Library/Android/sdk...
2018-12-06 11:28:18
5099
原创 clip-path解决overflow:hidden隐藏绝对定位子元素仍然可以点击的问题
项目中遇到的问题 我们需要一个圆形的点击区域<style> body { width: 100%; height: 100%; position: absolute; } .center { width: 200px; height: 200px; lef...
2018-09-04 17:02:27
3198
3
原创 angular2-6 修改ngx-weui 的infiniteloader实现吸顶效果
主要修改compontent组件,为其加入吸顶监听export class InfiniteloaderComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy { private didScroll = false; private scrollEvent: any = null; private scro...
2018-07-20 16:13:48
603
原创 Angular2-6 实现吸顶效果指令
做项目的时候需要用到吸顶效果,可是没有找到单独的插件,所以自己实现一个吸顶的指令.思路为检测需要吸顶的元素是否滚动到顶部,为其加上fixed属性auto-fixed.directive.ts@Directive({ selector: '[txAutoFixed]'})export class AutoFixedDirective { // 元素距离顶部的原始距离 to...
2018-07-20 15:51:50
1149
2
原创 Angular2-5 input-file 选择相同文件不触发change解决方法
页面<input #uploadImg class="d-none" type="file" (change)="imgCropper($event)">ts@ViewChild('uploadImg') uploadImg: anyimgCropper() { // 一系列操作 // 最后把input的value置空 this.upload...
2018-03-14 20:36:40
2020
原创 解决懒癌,批量启动开发软件
最近在构建自己的博客网站,经过一个星期后,发现每天打开电脑就是打开各种开发软件,今天突然觉得是不是可以一次性全部打开呢,肯定用的就是那几个软件.然后马上想到了批处理,查了一下资料,搞出了第一个版本:@echo offecho "启动中...""I:\develop\wamp\wampmanager.exe""I:\develop\Microsoft VS Code\Code.exe"
2018-01-30 11:17:34
310
原创 Eclipse创建基于Maven的Web项目
Mavenmaven是一个包管理器，能够通过配置文件，自动下载依赖包和源码，十分方便。项目创建点击“File”->“New”->”Other”->输入“Maven”，新建一个“Maven Project”，或者“New”菜单下有“Maven Project”直接选择，如下图所示： 下一步直接默认，因为我们使用模板，如图所示： 这里选择webapp模板，如图所示： 填入项目名称，继续，如图所示： 等
2017-11-21 10:54:07
452
原创 使用JDK9无法打开eclipse解决方案
org.eclipse.e4.core.di.InjectionException: java.lang.NoClassDefFoundError: javax/annotation/PostConstruct at org.eclipse.e4.core.internal.di.InjectorImpl.internalMake(InjectorImpl.java:386) at
2017-11-21 09:01:01
672
原创 函数节流（throttle）和函数去抖（debounce）
在前端开发中，经常会遇到一些频繁执行的事件，像resize事件，mousemove事件等，这些事件会频繁地执行Dom操作、资源价值等行为，可能会导致UI的停顿甚至浏览器的崩溃。对于这种频繁执行的事件，一般有 throttle（函数节流）和 debounce（函数去抖）两种解决方案。throttle函数节流会周期性地执行函数，当调用的函数的时候大于或者等于执行周期时才会执行该函数，然后进入下一个周期。
2017-09-18 14:44:34
677
原创 react+react-router+redux开发体育馆管理系统（3）--场地类型管理模块开发
接下来实现的是场地类型管理模块，先把主页的框架写出来，ui库使用的是antd 附官网地址:https://ant.design/index-cn
2017-07-19 11:07:37
1378
原创 react+react-router+redux开发体育馆管理系统（2）--需求分析，完善目录
体育馆管理系统主要分为四个模块：用户模块，器材模块，场地模块，赛事管理 由于本人负责的是场地模块，仅此仅对场地模块进行细化分析，其他的类似 场地模块的划分，又可以划分为场地类型管理，场地管理，场地租借管理 目录完善页面（containers） 页面一般会有三个页面，列表页，增加页，修改页。 路由（routers） 常量（constants） 每个小模块对应一个文件 placeLe
2017-07-17 20:38:24
819
原创 react+react-router+redux开发体育馆管理系统（1）--项目搭建
本人上个学期的课程设计是实现体育馆管理系统，和小组成员一起搞了出来（功能并不完善），前端主要使用的是angularjs1.x。最近在学习react，就想着用react来实现一遍前端。经过一段时间的折腾，终于做完了，分享一下过程。
2017-07-13 09:01:29
722
原创 Angular4 开发环境搭建
Angular4 开发环境搭建安装：NodejsAngular CLI自己喜欢的编译器angular-cli安装命令： npm install -g angular-cli 新版：npm install -g @angular/cli 设置淘宝镜像：npm config set registry “https://registry.npm.taobao.org/” 安装完成使用 ng
2017-06-09 11:21:11
3487
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人