星辰的笔记

转载 vscode同步插件配置

更换开发设备后，新安装的vscode软件，是没有原先的配置的，诸如快捷键，快捷代码段生成、安装的各个插件，插件的配置等都木大了，开发起来会很别扭，网上最多的就是去安装一个叫做 Settings Sync的插件，关联你的配置文件到github上，但是，github用起来间歇性掉线，持续性无法访问，还是用国内的gitee（码云）比较安心 所以，接下来，针对插件：code settings sync，介绍如何将vscode插件、配置信息全部同步到gitee上，即使更...

转载 Fiddler+模拟器进行APP抓包

Fiddler+雷电模拟器进行APP抓包 </h1> <div class="clear"></div> <div class="postBody"> <div id="cnblogs_post_body" class="blogpost-body blogpost-body-html">1.下载最新版Fiddler,强烈建议在官网下...

原创 js函数图解

转载 拔取微信小程序

准备材料 Node.js环境 反编译脚本（https://github.com/qwerty472123/wxappUnpacker） 安卓模拟器（夜神） RE管理器（https://pan.baidu.com/s/1PPBx08rNutXxhlMMJbuTpQ），用于读取root权限下的文件目录，找出微信的.wxapkg文件   使用安卓模拟器获取到.wxapkg文件1夜神模拟器安装微信，设置中打开ROOT权限2登录微信，打开运行一次目标小程序..

原创 控制台如何输出展开对象详细信息,去掉省略号

我们使用浏览器输出对象的时候，有时候需要一个个点开对象里的属性像这样对象属性一多起来就显得很麻烦了，不能直观的看属性值解决方法：(…) 是 get/set 类的属性，点击后出现的是 当前的值，不一定和你输出 log 的时候是同一个值如果想要直接看输出时的值（快照）console.log(JSON.parse(JSON.stringify($var)));es6可以直接这样console.log( { ...$var })对象的属性值就会全部展开...

原创 前端学习壁纸图

原创 vue项目开发环境下连接多个后台

问题：开发中遇到多个后台需要连接前端进行开发的情况if(process.env.NODE_ENV == 'development' ){ // 后台人员可以在控制台用 localStorage.setItem('adminUrl', '后台接口地址'); 来设置链接后台的地址 setUrl = localStorage.getItem('adminUrl') || 'http://api.hehe.com/'; }使用localStorage进行缓存后台接口地址，前端获取缓存

转载 如何使你的网页视频自动播放嵌入的iframe视频

只需在视频链接后面接上?rel=0&amp;autoplay=1<iframe height=500 width=880 src='https://player.youku.com/embed/XMzg0MDkyNTQ5Mg==?rel=0&amp;autoplay=1' frameborder=0 'allowfullscreen'></iframe>

原创 vue数据改变影响其他数据的问题

1，改变一个下拉框，其他几个下拉框的数据会跟着改变（这些下拉框都是使用的同一个数组不同对象的数据，非相同数据）后面发现只有push添加的数据才会出现此问题写死的数据下拉操作是正常的，不会影响其他对象的数据解决：生成一个新的对象或数组，就可以解决此问题JSON.parse(JSON.stringify(“对象 || 数组”))猜测是vue底层数据绑定的问题...

原创 window申请ios证书步骤

下载Appuploader进入https://developer.apple.com/account/resources/identifiers/list域名反写打开Appuploader，申请开发证书和描述文件下载p12文件描述文件一样发布证书和发布证书描述文件一样

转载 Android之权限（permission）大全

    1.android.permission.WRITE_USER_DICTIONARY 允许应用程序向用户词典中写入新词 2.android.permission.WRITE_SYNC_SETTINGS 写入Google在线同步设置 3.android.permission.WRITE_SOCIAL_STREAM 读取用户的社交信息流 4.android.permission.WRITE_SMS 允许...

转载 《踩坑》Cannot read property ‘tapPromise‘ of undefined

webpack 插件报错.pngvue 使用webpack插件打包时候报错compression-webpack-plugin 目前最新版是 7.1.0解决方法：先卸载，再装个低一点的版本npm uninstall compression-webpack-pluginnpm i [email protected]...

原创 vue技巧总结

1，子组件改变父组件的data变量（子组件、父组件同步data变量）使用sync修饰符 <comp :foo.sync="bar"></comp>会被扩展为 <comp :foo="bar" @update:foo="val => bar = val"></comp>当子组件需要更新 foo 的值时，它需要显式地触发一个更新事件： this.$emit('update:foo', newValue)...

原创 图标文字不对齐问题解决方案

目前最简单的解决方法 <div class="icon_box"> <img src="图标.jpg" />文字描述 </div>.icon_box {display: flex;align-items: center;}给icon_box定义flex并且定义上下居中即可

转载 router-view的key属性解决路由更新问题

router-view 作用， 你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。 <template> <section class="app-main"> <transition name="fade-transform" mode="out-in"> <router-view :key="key" /> </transition&g..

转载 vue子组件修改父组件的值

1. $emit('event', val)  最常用的一种方法，父组件通过v-on绑定一个事件，在事件中修改自己的值，子组件通过$emit触发该事件 在子组件MobileMessage中： 这种方法有个好处就是可以在父组件的事件里面做一些额外的处理，但是如果单纯的赋值，这个有点繁琐了。 2. $emit('update:modelName', data) 父组件通过.sync标识符表明prop的双向绑定,.sync是一个简写，完整写法：v-on:update:title=.

原创 es6常用技巧

1，对象的拷贝 let obj = { name : 'book' , page : 20}; let copy = Object.assign({} , obj); //利用扩展运算符 ... 完成对象的拷贝 copy = { ...obj } //拷贝并新增属性 let copy = { ...obj , age : 10}2, 数组的拷贝 let arr = [1,2,3,4,5,6]; console.log('arr ' , arr) let cop

原创 PC端通过USB线与Android设备通信

背景 公司有这样一个需求，一个萤火虫的开发板子，不要图形化界面，并且将公司的算法集成到板子中，由PC端传递数据到板子中进行数据的操作将结果返回给PC端，要使用USB来进行连接。这里的使用USB连接不是指，将手机当成一个U盘一样的东西存个文件就可以了。查阅了一些资料，总结一下遇到的问题，以及实现的步骤。 简单了解 虽然是使用USB...

转载 vue使用的小技巧

vue使用的小技巧

转载 IOS 一个很好的录制屏幕实现IOS功能

转自 https://blog.csdn.net/sd19871122/article/details/78149068很不错 去看看前文提要：最近空闲的时候在玩手游《王者荣耀》，在沉迷如此的同时，身为一只程序猿一直在想一个问题，《王者荣耀》是怎么做到在不影响游戏流畅性的条件下录制游戏中视频，该文由此而来。图片发自简书AppReplayKit简介在使用应用或者游戏的过程中录制回放，一直是iOS开发者绞尽脑汁想要实现的功能。但由于移动设备性能的限制，这一功能往往较难实现.

原创 vue中keepAlive页面缓存，详情页返回列表页刷新问题

问题当我们从列表页面的第二页进入某一项的详情页后再从详情页返回列表页，此时列表页会刷新回第一页用户体验极差需要的效果返回时仍要回到之前保存的好的页数和筛选条件等解决需要缓存的页面则添加keepAlive，不需要缓存的页面则不加路由 <!-- 缓存的页面 --> <keep-alive> <router-view v-...

原创 安装vue-devtools调试工具

vue调试工具地址

原创 @vue/cli3项目搭建（二）

目录配置vue.config.js配置全局sass变量关掉烦人的eslint错误检测html中插入环境变量自定义生成的静态资源的路径代理配置vue.config.js更多配置配置vue.config.js配置全局sass变量module.exports = { // 全局配置css文件 css: { loaderOptions: { ...

原创 @vue/cli3项目搭建（一）

nvm下载选nvm-setup.zip1,使用nvm管理多个node版本nvm install 12.16.1 ：安装某版本nodenvm list ：查看node版本列表nvm use 12.16.1 ：使用某版本node2，安装cnpm install @vue/cli -gvue create demo...

原创 vue/cli3 项目大小优化

vue路由懒加载按需加载一定要规范好css！！！vue/cli3官网示例把组件按组分块把import school from '@/views/school.vue'换成const school= () => import('@/views/school.vue')这样就会每一个组件就会对应生成一个js文件，按需加载此外，还需要在vue.config.js中配置//...

原创 使用chrome模拟微信内置浏览器

打开chrome浏览器 F12->菜单栏->Settings->Devices->Add custom device->device name ：weixinUser agent sring :Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML,...

原创 vue、element-ui学习笔记1

问题1，动态改变src的字符串时出现路径错误的问题，原因是webpack不解析<img :src="'static/nav_left'+index+ 1 +'.png'" alt />

原创 配置常用webpack

loaderfile-loaderurl-loader ：把图片转成base64@babel/preset-env@babel/corebabel-loader ：es6转es5node-sasssass-loaderstyle-loadercss-loader ： sass转csspluginMiniCssExtractPlugin ：把css文件分离出来DefinePl...

原创 知识笔记1

asyncfetch

原创 gulp配置gulpfile

const gulp = require('gulp'); //引入gulp及其插件const uglify = require('gulp-uglify');const babel = require('gulp-babel');const sass = require('gulp-sass');const minicss = require('gulp-minify-css');...

原创 各种console方式

console.log的其他使用方式 let obj = { name:'黄土豆', age:2, } console.log('这是一个对象 %o',obj);常见的占位符 %o (这是字母o，不是0)，它接受对象，%s 接受字符串，%d 表示小数或整数。console.log('I am a %cbutton', 'color: whi...

原创 trnstion不生效

transition在flex布局下是不生效的

原创 gulp学习笔记

1，安装项目根目录下安装、npm install gulp -gnpm install gulp -D不同任务安装不同的gulp插件模块npm install --save-dev gulp-uglify2，配置项目根目录创建gulpfile.js，是Gulp的配置文件。var gulp = require('gulp'); //引入gulp及其插件var uglify =...

原创 webpack学习笔记

1，webpack如何构建多入口文件webpack构建单入口文件时webpack构建多入口文件时module.exports = { entry: { bundle1: './main1.js', bundle2: './main2.js' }, output: { filename: '[name].js' }};2，webpack.co...

原创 七牛上传视频获取视频封面和缩略图

1、获取视频封面视频地址https://yun.job268.com/yun_video_0.6519106342375556.mp4视频地址后面拼接?vframe/jpg/offset/1得到视频第一帧图的地址，作为封面https://yun.job268.com/yun_video_0.6519106342375556.mp4?vframe/jpg/offset/1或拼接...

原创 【gulp】配置es6转es5

先安装node，然后来到项目根目录安装gulpnpm install gulp 初始化一下npm init -y 安装babelnpm install --save-dev gulp-babel babel-core安装 ES6 转换成 ES5 插件npm install --save-dev babel-preset-es2015在项目根目录创建文件 .ba...

原创 【小程序】登录态维护的探索

单登录页（只有一个登陆页面）1，登录采用页面回退2，必要onshow页面（onload获取页面传参）–&gt;套公共方法检测是否登录–&gt;未登录则登陆–&gt;login返回onshow刷新3,不必要onshow页面（即用onload）–&gt;套公共方法检测是否登录–&gt;未登录则登录–&gt;login返回使用页面栈刷新多登录页（登录需要多个页面间跳转）1，登录采用多级页面回退...

原创 【js】获取图片原始尺寸、判断图片是否加载完成

获取图片原始尺寸var img = document.getElementById("#img");console.log(img.naturalWidth) //获取图片原始宽console.log(img.naturalHeight) //获取图片原始高//适用于现代浏览器判断图片是否加载完成1，load事件 var img = document.getElement...

原创 【兼容】安卓与ios兼容的问题

1，ios图片不显示问题说明：有些图片在安卓可以正常显示，而在ios则不显示，因为原图片格式为webp，人为修改后缀成png后则ios不显示。

原创 【小程序】小程序安卓，ios，ipad兼容问题

所有的东西都应该封装起来，避免全局污染