11 2020 档案

css之grid布局使用
摘要：场景：项目开发中遇到如下问题，从后端请求活动数据，数组长度未知，每一个活动以卡片格式展示，展示格式如下： 刚看到需求，我选择使用flex布局进行布局。创建如下demo css: .wrapper{ display: flex; justify-content: space-between; flex 阅读全文
posted @ 2020-11-24 21:15 用脑袋行走的人 阅读(420) 评论(0) 推荐(0)
angularJS中ng-src与src区别
摘要：如果url是常量 src与ng-src 均可 (src="vm.url" 或 ng-src="{{vm.url}}") 如果url是变量 选择ng-src (ng-src="{{vm.url}}") 原因：浏览器第一次加载模块时会请求url的地址，当ng编辑模板后，会把{{vm.url}}替换成对应 阅读全文
posted @ 2020-11-24 20:38 用脑袋行走的人 阅读(394) 评论(0) 推荐(0)
git stash使用
摘要：stash命令可用于临时保存和恢复修改，可跨分支 注：在未add之前才能执行stash！！！！ 命令：git stash 保存当前工作进度，将工作区和暂存区恢复到修改之前。 命令：git stash save message 作用同上，message为此次进度保存的说明。 命令：git stash 阅读全文
posted @ 2020-11-19 16:34 用脑袋行走的人 阅读(190) 评论(1) 推荐(0)
自动上传webpack编译后的文件到阿里云OSS
摘要：插件：webpack-aliyun-oss-plugin npm地址：https://www.npmjs.com/package/webpack-aliyun-oss-plugin/v/2.1.0 webpack版本要求：>= 4.0 使用说明 第一步：安装依赖 npm install webpac 阅读全文
posted @ 2020-11-19 16:21 用脑袋行走的人 阅读(1347) 评论(0) 推荐(0)
前端使用nodeJS上传打包文件到阿里云oss
摘要：前端文件选择放到aliyun oss上，oss 提供了各种语言的SDK。这里使用nodejs来上传打包后的文件到aliyun oss。 官方文档：https://github.com/ali-sdk/ali-oss 官方提供的示列： 通过put接口将本地文件上传到 OSS： let OSS = re 阅读全文
posted @ 2020-11-19 16:03 用脑袋行走的人 阅读(3616) 评论(0) 推荐(1)
angularJS中ng-repeat遍历对象
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>angularjs中ng-repeat指令可以遍历对象</title> <script type="text/javascript" src="angular. 阅读全文
posted @ 2020-11-19 15:50 用脑袋行走的人 阅读(797) 评论(0) 推荐(0)
git回退某个commit ID
摘要：回退命令： $ git reset --hard HEAD^ 回退到上个版本 $ git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前 $ git reset --hard commit_id 退到/进到 指定commit的sha码 强推到远程： $ g 阅读全文
posted @ 2020-11-19 15:48 用脑袋行走的人 阅读(3538) 评论(0) 推荐(0)
使用bower进行依赖管理
摘要：什么是Bower？ 前端开发圈越来越热闹，第三方js库层出不穷，版本更迭日新月异；且许多库又对其他库有着依赖关系。而我们的页面需要的库也越来越多样化。以往需要引入第三方库，需要搜索寻找所需库的特定版本下载，还需要搜索寻找下载特定版本的依赖库，十分麻烦；库的更新也是件十分繁琐的事情。是否有一个工具：搜 阅读全文
posted @ 2020-11-17 19:49 用脑袋行走的人 阅读(495) 评论(0) 推荐(0)
git 忽略某个目录或者文件不上传
摘要：在项目创建一个.gitignore文件，按需配置，如下： 含义：忽略node_modules、dist、bower_components目录下所有文件、.tmp后缀文件、test/bower_components目录下所有文件 如此，在git会忽略配置的这些文件，不会进行管理及上传 阅读全文
posted @ 2020-11-16 18:54 用脑袋行走的人 阅读(1201) 评论(0) 推荐(0)
webpack 1.12.2分类打包
摘要：场景： 最近接手一个比较旧的项目，使用webpack1.*版本进行打包。打包之后的静态资源文件均放在了static文件夹中，现在想进行分类打包，将对应的静态资源放在对应的文件夹中，样式文件放在CSS文件夹、脚本放js文件夹、图片放image文件夹 分析： 原以为会需要修改配置文件，添加outputP 阅读全文
posted @ 2020-11-16 18:43 用脑袋行走的人 阅读(135) 评论(0) 推荐(0)
引用静态资源文件使用当前协议 - iOS协议使用问题
摘要：场景：http协议下使用https协议，安卓机下运行正常，iOS运行报错，打包配置如下 分析：iOS机对协议要求较严格，http下只能使用http协议，不可使用https协议 解决方法：修改publicPath，使其使用当前环境下的协议， 阅读全文
posted @ 2020-11-16 18:16 用脑袋行走的人 阅读(180) 评论(0) 推荐(0)
iOS系统 h5页面返回后不刷新问题
摘要：场景：最近接手公司维系h5支付项目，发现在安卓机上不存在返回键，在iOS系统机上存在返回键盘，点击返回页面不刷新 解决方案：监听页面展示事件，并执行刷新操作 var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; if (browserRule. 阅读全文
posted @ 2020-11-16 18:10 用脑袋行走的人 阅读(672) 评论(0) 推荐(0)
node遍历指定目录下所有文件
摘要：需求：执行node脚本遍历文件 解决：创建demo.js文件，如下 1 const path = require('path') 2 const fs = require('fs') 3 4 // ./dist 5 const basePath = './dist' 6 7 function map 阅读全文
posted @ 2020-11-16 17:39 用脑袋行走的人 阅读(920) 评论(0) 推荐(0)
npm安装为什么要安装gyp各种报错
摘要：总结：一般是node版本问题不匹配导致的（node版本过高) 解决：使用nvm管理node版本，切换node版本之后重新npm install安装依赖包 nvm ls: 查看安装的所有node版本 nvm use [version]：切换到version的node版本 阅读全文
posted @ 2020-11-16 17:31 用脑袋行走的人 阅读(4085) 评论(0) 推荐(0)