- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vite学习笔记----多页面配置
vite多页面配置可以看到这个页面被我注释了，因为对于最后的打包来说是没意义的，只作为本地开发调试的一个指向工作，如下：启动，浏览器输入http://localhost:3000，访问成功
2022-06-29 21:00:00
2853
原创 Vite学习笔记----插件配置（不定时更新）
目录一. 打包代码分析二. 引入外部cdn小tips：同类型插件很多不知道怎么选择可以参考npm下载量对比网站一. 打包代码分析使用rollup-plugin-visualizer插件，不同与webpack的分析插件，不配置参数的情况下，这个插件默认生成的state.html会在根目录，而不是dist文件夹import visualizer from 'rollup-plugin-visualizer'……plugins: [visualizer()]……二. 引入外部cdn
2022-06-29 20:30:00
494
原创 webpack学习笔记1（配置相关）
目录前言一. browserlitrc配置1. browserslist2. 配置平台兼容要求前言记录下webpack常用的一些知识点一. browserlitrc配置1. browserslistwebpack安装默认会装browserslist，主要就是提供符合当前项目平台兼容性的参考进入node_modules\browserslist\index.js文件可以看到这一条：var agents = require('caniuse-lite/dist/unpacker/agen
2022-05-25 20:00:00
304
原创 ES6知识点读书笔记1
let和const仅在其代码块内有效（参考for循环计数器）let不存在变量提升，不会污染全局变量console.log(foo); // 输出undefinedvar foo;console.log(bar);let bar; // 报错ReferenceError暂时性死区（TZD）即区块中存在let或const，则一开始对这些命令声明的变量形成封闭作用于，提前使用就报错if (true) { foo = 'a'; // ReferenceError let f
2022-05-25 10:48:04
83
原创 Taro（vue2）小程序虚拟列表实操
目录前言一、先通俗易懂的理解虚拟列表二、使用步骤1.引入库2.读入数据总结前言项目突降需求，开发微信小程序，经过几轮对比，选择了Taro + Vue2开发，其中遇到了一个虚拟列表的坑点，特此记录下踩坑和跳坑的过程一、先通俗易懂的理解虚拟列表其实这个已经被用烂了的前端优化手段，没啥可讲的，但我不一样，我就是要再复习一遍。（不想看的可以跳过到第二个标题）一般需要虚拟列表介入的情况就是：当前页面已经 或 可预见会加载很大量级的数据。就像世道无情但人间有情一样，列表无限但可视有限，虚拟列表揉圆搓
2022-05-18 16:46:00
1866
原创 git remote相关命令操作git库
1、查看远程库git remote -v2、修改/添加远程库第一种方法git remote rm origin
2022-05-05 20:30:00
260
原创 Taro-react-ts小程序报红提示找不到types
处理类似`wx`，要安装不同types文件，官网没找到，是去GitHub找民间小能手写的链接总结到下面，自行安装
2021-10-11 16:46:24
1881
原创 TS学习笔记1
typescript安装npm install -g typescriptts基础类型注意：均为小写boolean、number、string、void、undefined、null、symbolconst a: string = 'a'const a: number = 1const a: boolean = false// array两种const a: number[] = [1, 2, 3]const a: Array<number> = [1, 2, 3]/
2021-07-03 12:19:17
160
原创 初次使用hammer.js做卡片滑动效果
项目新需求做卡片滑动的效果，因为大多数的一些js插件库是分开监听X和Y方向的，但是hammer.js是监听全方位，比较满足项目需求，所以初次尝试使用了下。大致如下：具体的文档可以参考hammer.js官方文档：http://hammerjs.github.io我们主要使用了两个监听事件：panmove主要为了监听手指移动距离来移动上层图片以及下层图片放大的比例pan...
2019-07-02 17:30:44
1697
原创 react-native安卓splash适配刘海屏
安卓全面屏要18:9的splash图以后要换splash的时候记得要设计妹纸给一个1080x2160尺寸的splash图，然后：{项目}\android\app\src\main\res\下建一个drawable-xxhdpi-2034x1080文件夹再把图片放进去（ps：必须是 高度x宽度 这种命名,一定要按照上面这个命名奥）网上查是可用分辨率的原因，不能把文件夹命名成...
2019-05-06 00:00:52
1393
原创 第三方app唤醒react-native项目
一、 安卓配置在{项目}/android/app/src/main/AndroidManifest.xml文件下添加：<intent-filter><action android:name="android.intent.action.VIEW" /><category android:name="android.intent.categor...
2019-05-05 23:51:46
1369
1
原创 关于display：none；的图片加载
1、如果元素有{display: none;}的样式的话，标签上的图片会被请求加载，但是不会被渲染例子：.img-container {background-image: url(../imgs/icon1.png);}其中icon1.png和icon2.png会请求后端进行加载，但是因为样式属性不会计算该元素的布局2、如果父元素有{d
2018-02-01 14:24:15
7132
原创 git命令汇总（持续更新）
1、拉代码库git clone [代码库名]2、自己建分支git checkout -b [name]3、从[name]推代码git push origin [name]4、拉别人建的分支git checkout -b [name] origin/[name] 举例：git checkout -b dev origin/dev5、从[name]拉代码代码git pull origin [name]
2018-01-18 16:24:03
1518
原创 对话框扇形跳动demo
用纯CSS3做动画效果：html,body,div,h1,a,ul,li,label,span,p{ margin: 0; padding: 0;}body{ font:12px/1.4 Arial,'Microsoft YaHei','Helvetica Neue','Myriad Pro', 'Hiragino Sans GB', 'W
2018-01-12 17:38:56
350
原创 总结css常用的样式
会持续更新：1、强制文本换行div {word-break: break-all;word-wrap:break-word;white-space: normal;}2、input更改placeholder颜色/* WebKit browsers */input::-webkit-input-placeholder { color: #c7c7c7c;}/* Mozilla...
2018-01-12 16:03:41
293
原创 react-native-splash-screen插件安装apk发生crash
react native 使用 react-native-splash-screen插件，具体文档：https://github.com/crazycodeboy/react-native-splash-screen按照文档走过以后，发现打包出来的apk在7.0的手机上一直crash，后来通过adb抓取报错如下：AndroidRuntime: java.lang
2018-01-08 18:05:07
516
原创 汇总前端会用到的技术文档地址（持续更新）
1、各类文档翻译版汇总https://www.docschina.org/2、jQuery文档地址http://api.jquery.com/3、Typescript中文地址https://www.tslang.cn/docs/home.html4、Nodejshttp://nodejs.cn/doc/node/5、w...
2017-12-01 16:31:35
534
原创 解决ionic在手机上拍照图片旋转的问题
ionic项目使用手机拍照后图片在安卓手机上显示是旋转了90度的，这个时候需要借助外部js-----exif.js1、先下载 exif.js 到项目中，用 npm 命令行:npm install exif-js --save2、然后在index.html引入：3、将exif.js文件复制到项目根目录下www文件夹中：{项目
2017-08-24 12:13:36
839
原创 ionic问题总结
跟着ionic走了几个项目，也碰到了不少问题，准备慢慢开始整理出来，这篇文章不出意外的话，应该会不定时更新：1、如何不让splash页面自动消失config.xml页面配置：component的ready之后// spalsh关闭 setTimeout(function () { Splashscreen.hide(); }, 10
2017-07-03 17:32:08
2154
2
原创 ionic安卓打包流程（以Windows为基础配置的流程）
1、打包安卓包首先要安卓Java的JDK，以及配置好环境变量 下载JDK的链接见下：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html根据自己电脑的配置下载对应的JDK版本，下载好以后点开跟着步骤一步步往下安装就好。接下来配置环境变量：1-1 右键
2017-07-03 17:15:14
500
原创 ionic3对安卓硬件返回的处理
产品需求：1、安卓手机在app根目录页面点一次返回提示“再点一次退出应用”，点按第二次直接退出应用2、在其余层级页面（非根目录页面），点按安卓硬件返回上一级问题：查询了很多资料，发现一般处理硬件都是在app.component.ts文件里面调用如下方法：this.platform.registerBackButtonActio()导致
2017-07-03 16:09:14
4392
原创 notepad++安装emmet和python script的方法
事情是这样的，某天我师父对于我还在手打+复制黏贴code呈现了一种惊悚的表情，大概是这样的╮(0▽0)╭，咳咳，因此度娘之后，查找了notepad++安装插件的方法，果然安装了以后，code起来都感觉像早上第一泡翔一样，爽的飞起来。。。。为了以后能时常温故而知新，就开了这么第一篇的处女博。。。转回正题，首先环境：Win7 x64 notepad++其次，安装em
2016-02-03 14:43:52
2220
Harris角点检测拼接包含ransac（灰度图像）基于matlab
2014-05-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人