杨梦飞

前端工程师

移动端ios8的flex兼容性问题

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

2018-12-10 17:32:18

阅读数 417

评论数 0

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

html <div class="box" style="width:125px;height:125px;">&amp...

2018-12-10 17:31:36

阅读数 196

评论数 0

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

安装启动 第一步 : (下载对应的zip文件,本人是window系统所以下载 rn-debugger-windows-ia32 .zip) 下载链接 : https://github.com/jhen0409/react-native-debugger/releases 下载成功之后,解压,双击打...

2018-12-07 18:02:33

阅读数 647

评论数 1

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(...

2018-10-27 16:29:12

阅读数 232

评论数 0

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

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

2018-09-03 11:12:58

阅读数 303

评论数 0

css实现高斯模糊样式

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

2018-04-16 11:30:24

阅读数 1895

评论数 0

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

optimize-css-assets-webpack-plugin这个插件的问题 注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSou...

2018-04-12 16:19:35

阅读数 1159

评论数 1

node操作mongodb数据库

安装 cnpm install mongodb 创建数据库 //创建对象 var MongoClient = require('mongodb').MongoClient; //配置url和端口 var url = "mongodb://localhos...

2018-03-07 21:54:03

阅读数 457

评论数 2

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

css3中-webkit-overflow-scrolling使用方法 -webkit-overflow-scrolling: touch; //有回弹效果 -webkit-overflow-scrolling: auto; //滑到哪停到哪 实现滚动回弹...

2018-03-07 21:53:08

阅读数 7832

评论数 1

更改伪元素的css样式

方法一 $('.box').append("<style>#wei::after{display:none}</style>"); 方法二 &am...

2018-03-07 21:52:02

阅读数 415

评论数 0

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

html <div class="textareaBox"> <textarea class="wishContent" placehol...

2018-03-07 21:51:24

阅读数 2402

评论数 0

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

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

2018-03-07 21:50:28

阅读数 358

评论数 0

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

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

2018-03-07 21:49:48

阅读数 995

评论数 0

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:-6...

2018-03-07 21:48:51

阅读数 9161

评论数 1

vuex安装与使用

install ‘cnpm install vuex –save’ store.js export let state = { count: 1 } export let mutations = { increment(state) { //...

2018-03-07 21:48:05

阅读数 1499

评论数 0

vue+Axios

Axios中文文档链接 install $ npm install axios api.js import axios from '../common/js/http'; let url = '/api'; export const reLabelKey = p...

2018-03-07 21:47:10

阅读数 129

评论数 0

vue+router

install ‘npm install vue-router’ router.js import Login from './components/login/Login.vue' import Home from './components/Home.vue' //系统管...

2018-03-07 21:46:33

阅读数 73

评论数 0

Vue-cli快速上手文档整理

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

2018-03-07 21:45:55

阅读数 418

评论数 0

常用不容易记住的css粘贴

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

2018-03-07 21:45:13

阅读数 84

评论数 0

vue中引入远程的js文件

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

2018-03-07 21:44:16

阅读数 379

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭