Aimee芊-CSDN博客

原创 vue.js搭建个人博客

为何选择vue.js搭建博客为什么会选择使用vue.js框架搭建博客呢？原因有多个。作为前后端分离的多数据绑定项目，首选的就是mvc 以及mvvm等框架，也就是主流的angular.js 和vue.js，之前有用angular.js 写过项目，但是数据的双向绑定并没有vue.js灵活；在使用vue.js框架快速完成美食网站后，更加离不开这个框架了，简单方便，易于管理和后期的维护。个人博客框...

2018-03-13 15:45:12 11426 16

原创微信小程序的登录允许拒绝

多次拒绝登录和允许登录微信小程序的登录获取用户信息，是通过微信弹出窗口，用户可点击允许和拒绝两个按钮，点击允许，则获取用户信息登录成功，若点击拒绝，则获取失败，可通过二次请求调用弹起获取用户信息窗口

2017-10-10 17:16:11 5665

原创项目中使用eslint+prettier规范前端代码规范

前言常规前端项目中，需要规范团队的代码规范，除了手动的修改代码之外，可以借助插件来实现保存修改。这里选用eslint和prettier来实现代码风格统一。关于prettierprettier是一个代码美化工具，关于prettier配合使用的插件，包括eslint-plugin-prettier,还有其他的插件和脚本，具体可以参考https://github.com/prettier。官方给...

2020-01-09 17:46:38 1670

原创 node-media-server+ffmpeg搭建直播推流服务

安装准备环境：mac笔记本，直接使用brew安装；brew install ffmpeg安装成功后创建一个项目文件夹：node-media-server使用npm安装node-media-servernpm install node-media-server安装完成后，会生成node_modules文件夹和package-lock.json文件入口文件：index.jscons...

2019-12-20 15:28:02 3978 2

原创 mpx脚手架mpx-template模板源码解析

前言mpx脚手架中使用的模板为mpx-template，里面做了一些配置化的东西，如果了解源码后，可以自定义模板和脚手架。git地址（2019年12月19日版本）：https://github.com/mpx-ecology/mpx-template目录结构如下：.├── LICENSE├── README.md├── __test__ // 测试用脚手架中用户预设答案渲染模板命令...

2019-12-19 16:02:52 650

原创 @mpx/cli 脚手架源码解析

前言源码地址：https://github.com/didi/mpx/tree/master/packages/cli目录结构：.├── README.md ├── bin│ ├── mpx-init.js // init命令开始执行的内容│ └── mpx.js // 命令入口文件├── lib│ ├── ask.js // 自定义工具-用于询问开发者│ ├─...

2019-12-19 11:52:37 772

原创 mac更新后git不可用

更新后报错错误提示如下：dyld: Library not loaded: @rpath/libswiftCore.dylib Referenced from: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild Reason: image not foundgit: error: unable to locat...

2019-12-10 16:22:09 400 1

原创 zsh: command not found:nodemon

nodemon 安装 mac提示 zsh: command not found: nodemon安装nodemonnpm install -g nodemon提示安装成功查看版本却提示zsh: command not found: nodemon主要是原因是环境变量没有设置对的原因根据安装的提示路径：/usr/local/Cellar/node/11.13.0/bin/nodemo...

2019-12-04 17:50:38 3852 1

原创 video 字幕texttrack属性的应用

定义和用法addTextTrack() 方法创建和返回新的文本轨道。新的 TextTrack 对象会被添加到视频/音频元素的文本轨道列表中。语法audio|video.addTextTrack(kind,label,language)参数展示效果文本形式添加以文本的形式添加： <video id="video1" controls src="./video/frida...

2019-07-26 17:16:09 1270

原创 RequireJS用法解析

概述requirejs 的相关说明：RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS可以提升前端代码质量。主要特点：异步加载模块按依赖顺序加载模块依赖前置define 和 require在整个require中，主要...

2019-04-29 15:17:04 1796

原创 vue event 源码浅析

编译DOM 事件### 自定义事件其他关于weex:介绍：Weex框架能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。...

2019-04-18 22:47:24 311

原创手动控制console.log开关

手机端查看console.log网上有很多插件，在页面中引用就可以小技巧：当页面url 有eruda=true参数时，开启(function () { var src = 'https://cdn.bootcss.com/eruda/1.5.4/eruda.min.js' if (!/eruda=true/.test(window.location) && l...

2019-04-04 16:45:32 1189

原创 iphone x/xr/xs/xs max 微信input输入框和吸底兼容问题

问题1、底部吸底兼容问题，iphone x/xs max/xr 会有黑条2、input 输入聚焦时候，input 框会下滑道下面，虚拟键盘会挡住input, 无法看到输入的内容3、input 输入框失去焦点时，输入框会停留到当前，需要手动去往下滑动，才能回到底部解决样式兼容head 设置shrink-to-fit=no viewport-fit=cover<meta cont...

2019-03-25 19:20:08 2589

原创 vue---子父、父子、非父子组件通信

子组件和父组件通信在父组件中使用子组件时自定义事件，设置该事件的回调函数在子组件中需要传数据给父组件时调用this.$emit触发上面自定义的事件，并且设置要发生给父组件的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam

2019-03-11 11:59:11 263

原创 vue 生命周期浅出

官网生命周期图Vue实例的生命周期：挂载阶段：new Vue()调用构造函数初始化生命周期钩子函数调用this.beforeCreate钩子函数监听数据、初始化方法、调用计算属性产生依赖数据调用this.created钩子函数判断有没有设置el属性（如果没有el等待vm.mount(′CSS选择器′)）如果设置过el属性或者调用mount(&#x27;CSS选择器&a...

2019-03-06 18:37:07 280

原创使用react 脚手架创建项目

一直都是学的vue ，项目开发也是用的vue，那么多大公司都用的react，想具体了解一下react的优势。初步查看了react的文档，简单的搭了个初始化的demo。安装全局的create-react-app 脚手架前提是已经安装好node，在node 环境中，使用npm 来安装在命令终端输入：npm install -g create-react-app创建react 项目找到对应...

2019-03-06 11:17:54 2812

原创搭建node 简易服务

node 简易服务安装node创建node 服务首先创建一个服务对创建的服务监听request请求node服务请求其他服务前端页面接口请求跨域安装node1、Node官网下载pkg安装包，点击安装即可，安装包包含nodejs和npm(node package manager)2、安装完成后，在命令终端输入curl http://npmjs.org/install.sh | sh3、这...

2019-02-28 17:57:25 325 1

原创 canvas 画圆角矩形头像合成图片

生成canvas获取屏幕比率有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大，一遍是一倍或者两倍var getPixelRatio = function(context) { var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || ...

2019-02-20 15:31:53 2137

原创 Vue 封装自定义toast 插件并随处调用

toast插件功能说明1、展示一条提示消息，显示3s 中或者其他时间后消失2、消息为自定义消息，展示多条消息，展示最新的消息3、可关闭当前展示的消息开发说明目录结构首先在vue 项目中src 目录下，创建plugins目录，存放插件内容── plugins│ │ └── ToastMessage│ │ ├── index.js│ │ └─...

2019-01-01 17:09:08 6305 2

原创 vue ie11 strict 模式下不允许一个属性有多个定义

报错提示编辑器的重要性之前用atom 开发，并没有安装对应的错误提示，找了半天找不到原因后来换了个编辑器用vscode 直接发现问题~~~~~~~~轮编辑器的重要性vscode 编辑器所安装的插件...

2018-11-08 18:16:14 8327 10

原创 vue 搭建后台系统模块化开发

效果目录结构├── README.md├── build│ ├── build.js│ ├── check-versions.js│ ├── logo.png│ ├── utils.js│ ├── vue-loader.conf.js│ ├── webpack.base.conf.js│ ├── webpack.dev.conf.js│ └─...

2018-11-08 17:32:34 1706 2

原创 vue项目运行 ENOTFOUND localhost 报错

Error: getaddrinfo ENOTFOUND localhost 报错提示本能获取本地localhost服务修改config/index.jslocalhost 改成 127.0.0.1

2018-10-31 16:13:17 3243

原创 mac使用命令终端连接linux服务器

打开Mac终端，切换到root权限下切换root权限： sudo -i 通过ssh命令连接linux服务器ssh [email protected]是账户名，@后面的是连接的ip地址然后根据提示输入密码即可成功...

2018-10-31 15:37:14 10104 3

原创 js获取浏览器类别

完整版获取浏览器类别：特别注意的是ie 11的判断和ie11之前的都不一样function getBrowser() { var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; // 判断是否Opera浏览器 v...

2018-10-29 15:20:14 233

原创 vue history 路由模式打包发布到服务器设置

要求描述页面访问地址首页：https://hello.haha.com/world用户中心：https://hello.haha.com/world/user路由设置路由配置js 设置 mode 为history ，这样会去掉#号和正常的路由地址一样export default new Router({ mode: 'history', routes: [ { ...

2018-10-19 17:54:45 3927

原创 js 下载pdf文件，而不是打开预览方案

项目需求常规加上download 属性&amp;lt;a href=&quot;https://testmv.xesimg.com/ExpCourse/image/2018/10/09/1539071754579183075997.pdf&quot; download=&quot;filename&quot; &amp;gt;&amp;lt;/a&amp;gt;这样点击下

2018-10-19 17:30:04 27353 6

原创滚动条设置兼容chrome和ie

滚动条设置如图红框里的滚动条，设置长度和宽度，以及背景颜色和滚动条颜色chrome css 样式设置/* 滚动条样式 .wrap为滚动盒子的class*//* chrome */ .wrap::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.wrap::-...

2018-10-11 17:39:50 1608

原创 Howler 音频资源跨域提示html5

Howler 音频资源跨域提示html5使用howler 播放音频时，会遇到资源跨域报错，因为Howler默认使用Web Audio，但在IE上可以自动转为HTML 5 Audio，而web audio兼容性不是很好，可以使用HTML 5 Audiothis.sound = new Howl({ src: [this.src], preload: this.preload, html5:...

2018-10-11 17:30:26 2308

原创 iframe 后退浏览器history 问题

问题浏览器机制的原因，在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航只想让父页面后退，并不想让iframe 后退，但在改变了iframe 的src 后就达不到这样的效果解决不要修改iframe.src，而是删除旧iframe元素，新建一个iframe元素并替换它，这样不会产生history。直接createElement，替换原来的ifr...

2018-07-30 20:07:02 12009 1

原创微信小程序申请、搭建、开发、打包上传

小程序DEMO说明仅自己开发娱乐的项目，没有任何的商业成分体验二维码：首页用户中心上传作品页未完待续…

2018-07-30 19:57:47 5429 8

原创 mac chrome扩展程序源文件查找

默认的安装路径MAC中chrome插件默认安装目录位置：~/Library/Application Support/Google/Chrome/Default/Extensions快速进入指定目录shift+command+G 输入文件夹路径，进入指定文件夹进入到Extensions 文件夹后，扩展程序的文件夹为id 命名打开chrome扩展程序打开详情信息找到...

2018-07-18 10:36:57 2493

原创 mac 生成目录结构tree brew安装

目录示例.├── README.md├── build│ ├── build.js│ ├── check-versions.js│ ├── utils.js│ ├── vue-loader.conf.js│ ├── webpack.base.conf.js│ ├── webpack.dev.conf.js│ └── webpack.prod.con...

2018-07-17 19:16:13 837

原创 mpvue 同时开发和打包成H5和微信小程序（简易模板）

开始这个项目是一个mpvue 的demo, 没有具体的业务实现方法，只有简单的页面切换，还有常用的一些方法封装，总体提供分开打包开发的思路 github源码 =&gt; https://github.com/Aimee1608/mpvuedemo需要看详细版有项目内容的，可以看这篇文章，有详细说明 https://blog.csdn.net/aimee1608/article/d...

2018-07-17 17:02:41 7314 16

原创移动端自适应——vw

之前写H5移动端都是使用window.innerWidth 获取视口的宽度，计算rem来写样式；如：计算rem /******rem *******/(function(win){ var remCalc = {}; var docEl = win.document.documentElement, tid, hasRem = true...

2018-07-14 18:21:40 1407

原创 vue eslint开发关掉 tab错误提示

团队开发中经常遇到需要使用eslint 语法纠正的情况；但是 tab 和 space 提示真的很头疼，可以通过下面方式解决找到vue 项目中的 .eslintrc.js , 在rules 中添加 ‘no-tabs’: 0, ‘no-mixed-spaces-and-tabs’: 0, ‘indent’: [“off”, “tab”], ...

2018-07-14 16:59:29 6832 2

原创 vue.js 2.* 项目环境搭建、运行、打包发布（常规版）

Vue 安装vue-cli /webpack 全局安装如果在意安装速度，可以使用淘宝镜像来安装安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org安装完淘宝镜像后，就可以使用cnpm 来代替 npm 安装工具啦我个人比较喜欢直接使用npm 安装：全局webpack： npm ins...

2018-07-14 16:33:56 10893 2

原创 Git clone The requested URL returned error: 403 错误

错误提示：remote: Coding.net Tips : [You have no permission to access this repo.] fatal: unable to access ‘https://git.coding.net/xxxxxxxx/xxxx.git/‘: The requested URL returned error: 403错误原因：git...

2018-07-14 11:03:28 12327

原创 Mac 抓包工具Charles4破解版，安装使用

之前，有朋友需要Mac下一款实用的HTTP信息抓包工具——Charles，小子这里就分享出来给更多需要的朋友。这次带来的是最新4.0版本。Charles是一款运行在你自己计算机上的web代理工具。它可以有效地获取HTTP通信信息，主要用于网页的开发和调试等，Charles可以查看json和xml。你的web浏览器（或任何互联网软件）被Charles设置通过其访问互联网，然后Charles可...

2018-05-29 11:06:41 1729

原创 Cornerstone Mac (SVN客户端) V3.0.3 破解版

Cornerstone Mac 破解Cornerstone Mac (SVN客户端)是一款运行在Mac OS 平台上的SVN客户端工具,用Cornerstone Mac (SVN客户端)建立的版本控制比以往任何软件都更容易使用. 随着所有的Subversion的丰富功能全面支持,Cornerstone Mac (SVN客户端)令人难以置信的强大和超级好用网盘地址链接: https...

2018-05-03 17:09:10 1530

原创 Vue 应用中结合vux使用微信 jssdk

vux微信分享说明分享接口只有认证公众号才能使用，域名必须备案且在微信后台设置。先确认已经满足使用jssdk的要求再进行开发。引入在 main.js 中全局引入：import { WechatPlugin } from 'vux'Vue.use(WechatPlugin)console.log(Vue.wechat) // 可以直接访问 wx 对象。组件外使用考虑...

2018-04-16 19:01:14 7293

空空如也

空空如也