- 博客(16)
- 收藏
- 关注
RSS订阅原创 微信canvas绘图坑
微信canvas为原生组件，不能被普通的dom覆盖，可以使用cover-view微信canvas转化成图片，如果使用image组件直接显示转化之后的图片，可能会和canvas本身的表现不一致。微信canvas在绘制网络图片时，需要先调用wx.getImageInfo,然后在回调中用tempPath画图片在蒙层中使用canvas时，canvas会跟随底下的页面滑动，可以将蒙层设为不可滑动...
2019-07-25 16:52:29
221
原创 1px边框过粗解决方案
将容器宽高设为原宽度的两倍，然后缩小50%；边框宽度变为0.5px。.wsyyt_info .main-account-label { position: relative; display: inline-flex; height: 3.2rem; width: 3.2rem; border: 1px solid #3381E3; border-...
2019-05-15 15:30:52
1005
原创 弹出框防止里层滑动
这样做会导致页面直接返回顶部，可以计算出弹框时body的scrollY，在弹框时将top值设置为scrollY的值即可防止页面返回顶部。
2019-05-14 15:18:46
177
原创 hover防止抖动
hover会加上一个border-bottom样式，但是会产生抖动，解决办法是：在非hover的样式上加上一个和背景色相同的border-bottom样式。
2019-04-25 10:09:16
2051
原创 移动端rem适配，使用sass自动转化rem
根据屏幕宽度设置font-size: window.onresize = setFontSize; setFontSize(); function setFontSize() { var designWidth = 750; var windowWidth = document.documentElement.clientWidth; ...
2019-04-10 15:30:12
548
原创 react native 学习-环境篇
主要遇到两个问题：一：没配置Android_Home环境变量ANDROID_HOME:C:\Users\Administrator\AppData\Local\Android\Sdk二：License for package Android SDK Build-Tools 28.0.2 not accepted.】进入到C:\Users\Administrator\AppData\Loca...
2019-02-28 21:07:43
100
原创 css布局方式
表格布局 根据display的表格属性来进行布局。table，table-row，table-cell flex布局 flex布局 grid布局 grid布局 浮动布局 绝对定位布局
2019-01-03 22:35:53
82
原创 css中的BFC
在讨论BFC的特点之前，先得了解一下边距重叠问题。父子元素边距重叠：当父元素为非BFC时，第一个子元素的margin-top会重叠到父元素的margin-top。<body><section> <style> #bfc3{
2019-01-03 22:20:49
1021
原创 css选择器及优先级
后代选择器div p ：选择div元素里面的所有p元素子选择器div > p : 选择父元素为div的所有p元素同胞选择器div + p : 选择所有紧跟在div之后的p元素组选择器div,p : 选择所有的div和p元素共同选择器div.name : 选择所有类名为name的div元素。即同时满足此外还有id选择器#id，伪类选择器div:hover...
2019-01-01 16:26:27
230
原创 es6的promiss
promise是什么？promise表示一个异步操作结果的占位符，表示未来的一个结果。promise的生命周期pending 进行中，此时操作尚未完成，完成后会进入Fulfilled（成功完成）或者Rejected（程序错误）。成功完成之后，会进入settled状态。promise的then方法可以对完成的结果进行处理。 let promise = new Promise((res...
2019-01-01 16:03:16
247
原创 es6函数
默认参数function add(num1,num2 = 0,callback = function(){}){ // es6 默认参数 num1 = (typeof num1 === 'number') ? num1 : 0; // es5默认参数 num2 = (typeof num2 === 'number') ? num2 : 0; // es5默认参数 callback(); ...
2018-12-31 15:49:01
107
原创 前端概念的一些理解
static，无定位的元素，块级元素从上到下，内联元素从左到右排列。相对定位置元素，在没有设置top等定位属性时，按照文档流进行排列。设置top等属性之后，会相对自身原来的位置进行定位。绝对定位元素，会脱离文档流，不会影响到文档流中的元素。会覆盖掉无定位的元素（正常文档流的元素）。浮动元素，也会脱离文档流，不会影响文档流其他元素的位置。浮动元素会在z轴推进一层，可覆盖掉文档流中的元素，但是...
2018-12-30 22:06:33
169
原创 css中margin为负值的情况。
margin为负值会导致元素产生偏移。文档流中的元素设置margin-bottom为负值之后，会让后面的元素向上流动填充margin的空间。三个例子说明：1. <div style="height: 400px;margin-top: 50px;position: relative;border-bottom: 1px solid rgba(0,0,0,0);overflow...
2018-12-30 21:51:35
1844
原创 Angular中的ng-template
Angular中的ng-templateng-template 是用来定义模板的，当使用ng-template定义好一个模板之后，可以用ng-container和templateOutlet指令来进行使用。<ng-template #loading> <button (click)="login()">login</button> <bu...
2018-08-08 16:00:56
1507
原创 Angular @ViewChild @ViewChildren @ContentChild @ContentChildren 之间的区别
Angular @ViewChild @ViewChildren @ContentChild @ContentChildren 之间的区别1.何时使用ViewChild和ViewChildren 当在写一个组件时，如果明确template中把其他组件放置上去，这个时候就可以使用@ViewChild(XXXComponent) componet:Componet 或者 @ViewChildr...
2018-08-08 15:57:25
856
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人