andypinet / blog Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 1 KB

blog's People

Contributors

Watchers

blog's Issues

【原创】android 学习手记

应用在pad打开如何使用横屏模式

http://2960629.blog.51cto.com/2950629/701227

android 自定义view基础

http://blog.csdn.net/guolin_blog/article/details/17357967

Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形)

http://blog.csdn.net/rhljiayou/article/details/7212620

Android的界面单位问题

分辨率1920x1200 那么就是1920dp

经验

浏览器默认字体大小和行高及字体最小限制
点评 : 最好设计在设计的时候不要低于12px

android billibilli 开发日记

在webview使用中有以下几点需要注意：

1、关于访问网络的问题

由于webview需要通过数据通信来访问网络，所以在manifest.xml配置文件中需要进行权限的设置（声明）

<uses-permission android:name="android.permission.INTERNET"/>

基础android框架
http://hukai.me/android-training-course-in-chinese/

全家桶学习使用
https://github.com/OCNYang/QBox/wiki

这个也是目标

filedownloader
https://github.com/lingochamp/FileDownloader/blob/master/README-zh.md
player
https://github.com/CarGuo/GSYVideoPlayer
animation
https://github.com/daimajia/AndroidViewAnimations
webview
https://github.com/Justson/AgentWeb

css grid超级研究

<div class="grid">
    <div class="grid-item is xs-2-of-12"></div>
    <div class="grid-item is xs-5-of-12"></div>
    <div class="grid-item is xs-5-of-12"></div>
</div>
<div class="grid">
    <div class="grid-item is xs-2-of-12"></div>
    <div class="grid-item is xs-offset-5-of-12 xs-5-of-12"></div>
</div>
<div class="grid">
    <div class="grid-item is xs-2-of-12"></div>
    <div class="grid-item is xs-3-of-12"></div>
</div>
<div class="grid">
    <div class="grid-item is xs-2-of-12"></div>
    <div class="grid-item is xs-offset-3-of-12 xs-5-of-12"></div>
</div>
<div class="grid">
    <div class="grid-item is xs-3-of-12"></div>
    <div class="grid-item is xs-3-of-12"></div>
    <div class="grid-item is xs-3-of-12"></div>
    <div class="grid-item is xs-3-of-12"></div>
</div>
<div class="grid">
   <div class="grid-item is xs-4-of-12"></div>
   <div class="grid-item is xs-4-of-12"></div>
   <div class="grid-item is xs-4-of-12"></div>
   <div class="grid-item is xs-6-of-12"></div>
   <div class="grid-item is xs-6-of-12"></div>
   <div class="grid-item is xs-4-of-12"></div>
</div>

body {
  margin: 0;
}

$media: "xs";
$rownum: 12;
$gutter: 10px;

.grid {
  width: calc(100% + #{$gutter});
  margin-left: -$gutter;
  font-size: 0;
}

.grid-item {
  display: inline-block;
  height: 30px;
  background-color: #231231;
  margin-left: $gutter;
  font-size: 14px;
  
  @for $i from 1 through $rownum {
    &.is.#{$media}-#{$i}-of-#{$rownum} {
      width: calc(#{1/$rownum*100%*$i} - #{$gutter});
    }   
    &.is.#{$media}-offset-#{$i}-of-#{$rownum} {
      margin-left: calc(#{1/$rownum*100%*$i} + #{$gutter});
    }  
  }
}

【原创】如何将windows打造成mac般开发

安装bash到windows10
https://msdn.microsoft.com/en-us/commandline/wsl/install_guide
安装zsh

sudo apt-get install zsh

防止网站被人恶意解析

apache

在vhost文件加入重定向

<VirtualHost *:80>
	<IfModule mod_rewrite.c>
		RewriteEngine On
		rewriterule ^/(.*) http://www.xx.com/$1 [L,R=301] # www.xx.com是你要跳转的域名网址
	</IfModule>
</VirtualHost

cdn

阿里云文档
https://help.aliyun.com/document_detail/27112.html?spm=5176.doc34992.2.1.y1ZeBU

效果

工具

转换任何图片到css

失败浏览器不支持 @apply

color

/* bootstrap3 color */
--bs3-color-gray-base:              #000;
--bs3-color-gray-darker:           #222;
--bs3-color-gray-dark:              #333; 
--bs3-color-gray:                       #555; 
--bs3-color-gray-light:              #777; 
--bs3-color-gray-lighter:           #eee;

--bs3-color-brand-primary:         #337ab7; 
--bs3-color-brand-success:         #5cb85c;
--bs3-color-brand-info:            #5bc0de;
--bs3-color-brand-warning:         #f0ad4e;
--bs3-color-brand-danger:          #d9534f;

/* bootstrap3 scaffold */
--bs3-scaffold-body-bg:               #fff;
--bs3-scaffold-text-color:            var(--bs3-color-gray-dark); 
--bs3-scaffold-link-color:            var(--bs3-color-brand-primary);
/*--bs3-scaffold-link-hover-color:     color(red blackness(15%));*/
 --bs3-scaffold-link-hover-decoration: underline;

本篇抄袭 lmk123/blog#28 略有改进

安装 node-sass 的时候总是会各种不成功，今天我琢磨了一会儿总算知道要怎么解决了。

首先要知道的是，安装 node-sass 时在 node scripts/install 阶段会从 github.com 上下载一个 .node 文件，大部分安装不成功的原因都源自这里，因为 GitHub Releases 里的文件都托管在 s3.amazonaws.com 上面，而这个网址在国内总是网络不稳定，所以我们需要通过第三方服务器下载这个文件。（顺带一提，你可以看看这个好玩的 commit

在全局.npmrc文件中写入以下文件

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
registry=https://registry.npm.taobao.org

这样使用 npm install 安装 node-sass、electron 和 phantomjs 时都能自动从淘宝源上下载，但是在使用 npm publish 的时候要把 registry 这一行给注释掉，否则就会发布到淘宝源上去了

这是第一篇博文

测试用

【原创】高德地图 android 学习笔记

设置默认定位当地

    private void initMapLocation() {
        MyLocationStyle myLocationStyle;
        myLocationStyle = new MyLocationStyle();
        myLocationStyle.interval(2000);
        indexaMap.setMyLocationStyle(myLocationStyle);
        indexaMap.setMyLocationEnabled(true);
        indexaMap.setOnMyLocationChangeListener(new AMap.OnMyLocationChangeListener() {
            @Override
            public void onMyLocationChange(Location location) {
                if (needUpdateZoom) {
                    needUpdateZoom = false;
                    CameraUpdate myCameraUpdate = CameraUpdateFactory.zoomTo(17);
                    indexaMap.moveCamera(myCameraUpdate);
                }
            }
        });
    }

解决mylocationstyle 无法定位到指定大小问题

        new android.os.Handler().postDelayed(
            new Runnable() {
                public void run() {
                    CameraUpdate myCameraUpdate = CameraUpdateFactory.zoomTo(17);
                    indexaMap.moveCamera(myCameraUpdate);
                }
            },
        1000);

andypinet / blog Goto Github PK

blog's People

Contributors

Watchers

blog's Issues

经验

防止网站被人恶意解析

apache

cdn

效果

工具

失败 浏览器不支持 @apply

本篇抄袭 lmk123/blog#28 略有改进

Recommend Projects

Recommend Topics

Recommend Org

Jobs

失败浏览器不支持 @apply