前端
goose leaves a mark
这个作者很懒,什么都没留下…
展开
-
android webview
package com.lck.linegame;import android.os.Bundle;import com.google.android.material.floatingactionbutton.FloatingActionButton;import com.google.android.material.snackbar.Snackbar;import androidx.appcompat.app.AppCompatActivity;import androidx.app.原创 2021-07-28 09:55:54 · 84 阅读 · 0 评论 -
css 手机设备上的像素适配
原文链接:github文章地址 曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这...转载 2018-10-10 09:47:20 · 2470 阅读 · 0 评论 -
手机适配网页
原文地址:https://www.cnblogs.com/chris-oil/p/5367106.html初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。现象首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严...转载 2018-10-10 19:08:49 · 3860 阅读 · 0 评论 -
css Sticky footer的实现
有时候制作网页的时候当内容太少的时候,不足于填充一屏的窗口区域,按普通的布局,就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部,而留下了大量空白)。一:第一种方法:国外大神提供<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...转载 2018-10-24 18:27:19 · 292 阅读 · 0 评论 -
css 3d transform
原文:大神传送门一、写在前面的秋裤早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙都不是好惹的,2D我辈尚可以应付,3D的话,呵呵,估计我等早就在千里之外被其霸气震晕了~~看看下图女帝的动作以及神情,就可以知道名字带D的家伙的厉害!最近折腾iPad的一些东西,有一些3D效果的交互。有些事情,总以为是遥远的未来,谁知真正发生的时候说来就来...转载 2018-11-20 17:03:21 · 326 阅读 · 0 评论 -
微信小程序实现css 瀑布流布局方法
在微信小程序中经常使用瀑布流来进行页面的布局,今天就遇到了这样的情况,之前是一直用flex布局来着,但是flex布局带来的问题是图片高度不同那么进行布局的时候有些图片的下面就会留出很多富余的空间这样看着就不是很好了,所以在这里采用瀑布流的方法:Multi-column,废话少说上代码:index.wxml 片段(直接用到了瀑布流布局)<view class='type-easy'&...原创 2018-11-20 22:13:28 · 2402 阅读 · 0 评论 -
聊一聊node.js Path
在看到vue.js源码部分的时候看见了webpack配置项中出现了path.basename,一时疑惑不已,就查了查node.js的官网,看一看它是怎么解释的:node.js官网:node.js官网1:windows和类posix系统的差异: basename在windows系统上:let url = './src/view/index/index.html'basename(...原创 2019-01-11 20:29:28 · 135 阅读 · 0 评论 -
h5 meta标签的一些含义总结
H5各种头部meta标签功能大全<!DOCTYPE html> H5标准声明,使用 HTML5 doctype,不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<meta http-equiv=”X-UA-Compatible” conten...原创 2019-01-26 22:08:05 · 669 阅读 · 0 评论