杨梦飞

原创 进程与线程 & 宏任务与微任务

原创 移动端ios8的flex兼容性问题

开启弹性布局display: -webkit-flex; /* 新版本语法: Chrome 21+ */display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browser...

原创 长方形图片居中设置成圆形

html<div class="box" style="width:125px;height:125px;"></div>css .box{ background-image: url(http://jtk8jh.natappfree.cc/mrjy_file/backup/maintain/diyVideoOrA

原创 React Native 调试工具 (推荐使用React Native Debugger)

安装启动第一步 : (下载对应的zip文件,本人是window系统所以下载 rn-debugger-windows-ia32 .zip)下载链接 : https://github.com/jhen0409/react-native-debugger/releases下载成功之后,解压,双击打开exe文件(这步操作之前必须关闭http://localhost:8081/debugger-ui/...

原创 react+node.js中body-parser插件发送post请求,拿不到req.body问题

只需要把body-parser放在user.js文件前面引入sever.js const express = require('express') const bodyParser = require('body-parser') const userRouter = require('./user') const app = express() app.use(bodyP...

原创 关于import, @, *, export, export default的用法和区别

import (导入)用于在一个模块中加载另一个含有export接口的模块用法 :import { name} from "/.a.js"import { name, age } from "/.a.js"import Vue from 'vue'import model from "@/common/model"

原创 css实现高斯模糊样式

/** 格式，filer: blur(模糊半径) * 模糊半径，取值范围0~Npx，0为无效果 */ -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: b...

原创 webpck不能编译这个多行文本溢出属性-webkit-box-orient: vertical,自动隐藏

optimize-css-assets-webpack-plugin这个插件的问题注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } }...

原创 node操作mongodb数据库

安装 cnpm install mongodb创建数据库//创建对象var MongoClient = require('mongodb').MongoClient;//配置url和端口var url = "mongodb://localhost:27017/runoob";//链接 MongoClient.connect(url, function(er...

原创 -webkit-overflow-scrolling解决移动端iOS滚动卡顿现象

css3中-webkit-overflow-scrolling使用方法 -webkit-overflow-scrolling: touch; //有回弹效果 -webkit-overflow-scrolling: auto; //滑到哪停到哪实现滚动回弹效果的页面布局 (实战)html<div class="containBox n...

原创 更改伪元素的css样式

方法一 $('.box').append("<style>#wei::after{display:none}</style>");方法二>为该元素添加新类，并通过设置新类的属性来达到改变伪元素属性的效果：.wei.change:before{ width: 100%;}...

原创 移动端textarea输入框监听和输入字数限制(兼容ios和Android)

html<div class="textareaBox"> <textarea class="wishContent" placeholder="请输入不超过15个字" maxlength="15"></textarea> <span class="wordsNum"&gt

原创 opacity和rgba透明度不继承的兼容写法

法一 : rgba法background: rgba(0,0,0,.2);法二 : 写在父盒子外面(兼容) opacity: .5; filter: alpha(opacity=50); /!*低版本的IE浏览器支持的*!/

原创 canvas中的点用贝斯曲线连接成光滑曲线（解决移动端画布模糊问题）

解决移动端画布模糊问题 第一步：将画布放大四倍，设置行内样式的宽高为原来的四倍即可 第二步：画布里面的内容也放大四倍 第三步：将画布宽高100%，压缩后变清晰移动端用rem，放大四倍有困难，这里用js可以改变canvas的宽高 //设置canvas大小 var canvasSize = document.g...

原创 css3实现一个上下浮动的动画效果

main .heart{animation: heart 1.3s ease-in-out 2.7s infinite alternate;}//margin-top会发生卡顿@keyframes heart{from{margin-top:0px;}to{margin-top:-6px;}}//用transform就流畅了@keyframes heart{from{tra...

原创 vuex安装与使用

install ‘cnpm install vuex –save’store.jsexport let state = { count: 1}export let mutations = { increment(state) { // 变更状态 state.count++ }, add(state, n...

原创 vue+Axios

Axios中文文档链接install $ npm install axios api.jsimport axios from '../common/js/http';let url = '/api';export const reLabelKey = params => { return axios.get(`${url}/mrjy/video/v...

原创 vue+router

install ‘npm install vue-router’router.jsimport Login from './components/login/Login.vue'import Home from './components/Home.vue'//系统管理import Manager from './components/systemManagemen...

原创 Vue-cli快速上手文档整理

快速构建项目链接 项目结构分析

原创 常用不容易记住的css粘贴

1.解决英文溢出word-break: break-all;2.换行显示文字white-space: normal;word-break: break-all;word-wrap: break-word;3.多行省略overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webk...

原创 vue中引入远程的js文件

vue js components: { //引入外链中的js 'remote-js': { render(createElement) { return createElement('script', { attrs: { type: 'text/javascript', ...

原创 jquery.qrcode插件实现二维码

jquery.qrcode插件下载链接1.首先导入<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.qrcode.min.js"></script>

原创 vscode开启服务器

1.运行cnpm install live-server -gf 2.在运行live-server 3.手机端运行要改Ip

原创 antimoderate.js图片加载优化插件

1.说明文档与下载链接2.如何压缩成小图片,在线压缩成很小的图片要收费,直接使用电脑自带的画图工具就可以了,缩小图片,然后转成base64就ok了,在html中设置的宽高把图片放大就模糊了压缩图片方法的链接3.如何把图片转成base64(线上就可以)图片转base64的链接4.遇到的坑转base64的图片一定要足够小,否则没效果...

原创 mongodb安装与连接

参考链接:http://www.runoob.com/mongodb/mongodb-window-install.html第一步下载下载地址:https://www.mongodb.com/download-center#community第二步安装第三步创建目录第四步连接...