標籤: 銷售文案

  • 台灣團隊以《海洋危機》出席全球最大桌遊展

    摘錄自2019年11月4日自由時報報導

    全球最大桌上遊戲大會「德國埃森桌遊展(SPIEL)」上月下旬開展時,台灣業者獨闖,靠實力獲邀參與官方論壇主講「環境友善」議題,直接正名Taiwan登上官網與活動介紹,不是以China(中國)或Chinese Taipei(中華台北)名稱參與,更透過桌遊,將台灣文化輸出全世界。

    獨立遊戲出版業者「綿羊犬百寶箱」公司負責人林啟維表示,SPIEL桌遊展是全球最大,展期是上月24至27日,今年便8月收到該展邀請,希望出席大會在上月26日舉辦的官方論壇活動,主講「環境友善」議題,便將今年開發的《海洋危機》獲台灣逾600間學校使用的經驗,到場分享。

    林啟維說,論壇中看見德國遊戲市場與亞洲新興市場的差異,永續話題也在當場彼此交鋒,但結束後卻有不少德國、荷蘭等地學校老師、環境工作者現身,指定購買台灣桌遊,另外過去也開發台灣內容的《史前歷險紀》,不少外國人玩完才發現是台灣史前文化,同樣把台灣文化輸出海外。

    林啟維認為,「用熱情、專業將自己手邊的事情做好,當機會來臨,我們就會被看見。」而桌遊設計領域,一直由自由派的創作者們領導著,而台灣在遊戲設計與市場成熟度,也大大領先中國,因此這次論壇無任何政治干預,讓自已不僅代表台灣,也更代表東亞桌遊開發與應用的精神,未來將繼續努力,持續在國際舞台綻放。

    本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • HTML&CSS面試高頻考點(二)

    HTML&CSS面試高頻考點(二)

    HTML&CSS面試高頻考點(一)    

    6. W3C盒模型與怪異盒模型

    • 標準盒模型(W3C標準)
    • 怪異盒模型(IE標準)

    怪異盒模型下盒子的大小=width(content + border + padding) + margin,即真實大小

    *參考標準模式與兼容模式的區別,兼容模式下為怪異盒模型。

    *注意box-sizing可以改變盒模型(box-sizing:border-box即為怪異盒模型)。

    7. 水平垂直居中的方法

    (1)定寬居中

    1. absolute + 負margin

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top: 50%;
    left: 50%;
    //margin設置自身一半的距離
    margin-top: -50px;
    margin-left: -50px;

    2. absolute + margin: auto

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

     3. absolute + calc

    //父元素
    position: relative;
    //子元素
    position: absolute;
    //減去自身一半的寬高
    top: calc(50% - 50px);
    left: calc(50% - 50px);

     *calc() 函數用於動態計算長度值。

     4. min-height: 100vh + flex + margin:auto

    main{   min-height: 100vh;
       /* vh相對於視窗的高度,視窗高度是100vh */
      /* “視區”所指為瀏覽器內部的可視區域大小,   不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小。 */   display: flex;
    } div{   margin: auto;
    }

    (2)不定寬居中

    1. absolute + transform

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    2. line-height

    //父元素 .wp { text-align: center; line-height: 300px;
    }
    //子元素
    .box { display: inline-block; vertical-align: middle; line-height: inherit; text-align: left; }

    3. flex布局

    display: flex;//flex布局
    justify-content: center;//使子項目水平居中
    align-items: center;//使子項目垂直居中

    4. table-cell布局

    因為table-cell相當與表格的td,無法設置寬和高,所以嵌套一層,嵌套一層必須設置display: inline-block

    <div class="box">
        <div class="content">
            <div class="inner">
            </div>
        </div>
    </div> .box { //只有這裏可以設置寬高 display: table; //這是嵌套的一層,會被table-cell覆蓋 } .content { display: table-cell; vertical-align: middle;//使子元素垂直居中 text-align: center;//使子元素水平居中 } .inner { display: inline-block; //子元素 }

    8. BFC

     前文鏈接:點擊這裏

    BFC:Block formatting context(塊級格式化上下文),是一個獨立的渲染區域,只有Block-level box參与,與外部區域毫不相干。

    • block-level box:display屬性為block, list-item, table的元素。
    • inline-level box:display屬性為inline, inline-box, inline-table的元素。

    (1)BFC的布局規則

    • 內部box在垂直方向一個個放置;
    • 同一個BFC的兩個相鄰box的margin會發生重疊;
    • 每個盒子的margin左邊與包含塊的border左邊相接觸,即使存在浮動也是如此;
    • BFC區域不會和float box重疊;
    • 計算BFC高度時,浮動元素也參与計算。

    (2)開啟BFC的方法

    • float的值不是none
    • position的值不是static或relative
    • display的值是inline-block, table-cell, flex, table-caption或inline-flex
    • overflow的值不是visible

    (3)BFC的作用

    1. 避免margin塌陷

    根據BFC的布局規則2,我們可以通過設置兩個不同的BFC的方式解決margin塌陷的問題。

    2. 自適應兩欄布局

    根據BFC的布局規則3和4,我們將右側div開啟BFC就可以形成自適應兩欄布局。

    .left { float: left; //左側浮動 }

    .left { float: left;
    } .right { overflow: hidden; //開啟BFC }

    3. 清除浮動

    當不給父節點設置高度的時候,如果子節點設置浮動,父節點會發生高度塌陷。這個時候就要清除浮動。

    根據規則5,只需給父元素激活BFC就可以達到目的。

    .par { overflow: hidden; //父元素開啟BFC } .child { float: left; //子元素浮動 }

    9. 清除浮動

     這篇有寫:點這裏

    10. position屬性

     這篇有寫:點這裏

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • SpringSceurity(5)—短信驗證碼登陸功能

    SpringSceurity(5)—短信驗證碼登陸功能

    SpringSceurity(5)—短信驗證碼登陸功能

    有關SpringSceurity系列之前有寫文章

    1、SpringSecurity(1)—認證+授權代碼實現

    2、SpringSecurity(2)—記住我功能實現

    3、SpringSceurity(3)—圖形驗證碼功能實現

    4、SpringSceurity(4)—短信驗證碼功能實現

    一、短信登錄驗證機制原理分析

    了解短信驗證碼的登陸機制之前,我們首先是要了解用戶賬號密碼登陸的機制是如何的,我們來簡要分析一下Spring Security是如何驗證基於用戶名和密碼登錄方式的,

    分析完畢之後,再一起思考如何將短信登錄驗證方式集成到Spring Security中。

    1、賬號密碼登陸的流程

    一般賬號密碼登陸都有附帶 圖形驗證碼記住我功能 ,那麼它的大致流程是這樣的。

    1、 用戶在輸入用戶名,賬號、圖片驗證碼後點擊登陸。那麼對於springSceurity首先會進入短信驗證碼Filter,因為在配置的時候會把它配置在
    UsernamePasswordAuthenticationFilter之前,把當前的驗證碼的信息跟存在session的圖片驗證碼的驗證碼進行校驗。
    
    2、短信驗證碼通過後,進入 UsernamePasswordAuthenticationFilter 中,根據輸入的用戶名和密碼信息,構造出一個暫時沒有鑒權的
     UsernamePasswordAuthenticationToken,並將 UsernamePasswordAuthenticationToken 交給 AuthenticationManager 處理。
    
    3、AuthenticationManager 本身並不做驗證處理,他通過 for-each 遍歷找到符合當前登錄方式的一個 AuthenticationProvider,並交給它進行驗證處理
    ,對於用戶名密碼登錄方式,這個 Provider 就是 DaoAuthenticationProvider。
    
    4、在這個 Provider 中進行一系列的驗證處理,如果驗證通過,就會重新構造一個添加了鑒權的 UsernamePasswordAuthenticationToken,並將這個
     token 傳回到 UsernamePasswordAuthenticationFilter 中。
    
    5、在該 Filter 的父類 AbstractAuthenticationProcessingFilter 中,會根據上一步驗證的結果,跳轉到 successHandler 或者是 failureHandler。
    

    流程圖

    2、短信驗證碼登陸流程

    因為短信登錄的方式並沒有集成到Spring Security中,所以往往還需要我們自己開發短信登錄邏輯,將其集成到Spring Security中,那麼這裏我們就模仿賬號

    密碼登陸來實現短信驗證碼登陸。

    1、用戶名密碼登錄有個 UsernamePasswordAuthenticationFilter,我們搞一個SmsAuthenticationFilter,代碼粘過來改一改。
    2、用戶名密碼登錄需要UsernamePasswordAuthenticationToken,我們搞一個SmsAuthenticationToken,代碼粘過來改一改。
    3、用戶名密碼登錄需要DaoAuthenticationProvider,我們模仿它也 implenments AuthenticationProvider,叫做 SmsAuthenticationProvider。
    

    這個圖是網上找到,自己不想畫了

    我們自己搞了上面三個類以後,想要實現的效果如上圖所示。當我們使用短信驗證碼登錄的時候:

    1、先經過 SmsAuthenticationFilter,構造一個沒有鑒權的 SmsAuthenticationToken,然後交給 AuthenticationManager處理。
    
    2、AuthenticationManager 通過 for-each 挑選出一個合適的 provider 進行處理,當然我們希望這個 provider 要是 SmsAuthenticationProvider。
    
    3、驗證通過後,重新構造一個有鑒權的SmsAuthenticationToken,並返回給SmsAuthenticationFilter。
    filter 根據上一步的驗證結果,跳轉到成功或者失敗的處理邏輯。
    

    二、代碼實現

    1、SmsAuthenticationToken

    首先我們編寫 SmsAuthenticationToken,這裏直接參考 UsernamePasswordAuthenticationToken 源碼,直接粘過來,改一改。

    說明

    principal 原本代表用戶名,這裏保留,只是代表了手機號碼。
    credentials 原本代碼密碼,短信登錄用不到,直接刪掉。
    SmsCodeAuthenticationToken() 兩個構造方法一個是構造沒有鑒權的,一個是構造有鑒權的。
    剩下的幾個方法去除無用屬性即可。
    

    代碼

    public class SmsCodeAuthenticationToken extends AbstractAuthenticationToken {
    
        private static final long serialVersionUID = SpringSecurityCoreVersion.SERIAL_VERSION_UID;
    
        /**
         * 在 UsernamePasswordAuthenticationToken 中該字段代表登錄的用戶名,
         * 在這裏就代表登錄的手機號碼
         */
        private final Object principal;
    
        /**
         * 構建一個沒有鑒權的 SmsCodeAuthenticationToken
         */
        public SmsCodeAuthenticationToken(Object principal) {
            super(null);
            this.principal = principal;
            setAuthenticated(false);
        }
    
        /**
         * 構建擁有鑒權的 SmsCodeAuthenticationToken
         */
        public SmsCodeAuthenticationToken(Object principal, Collection<? extends GrantedAuthority> authorities) {
            super(authorities);
            this.principal = principal;
            // must use super, as we override
            super.setAuthenticated(true);
        }
    
        @Override
        public Object getCredentials() {
            return null;
        }
    
        @Override
        public Object getPrincipal() {
            return this.principal;
        }
    
        @Override
        public void setAuthenticated(boolean isAuthenticated) throws IllegalArgumentException {
            if (isAuthenticated) {
                throw new IllegalArgumentException(
                        "Cannot set this token to trusted - use constructor which takes a GrantedAuthority list instead");
            }
    
            super.setAuthenticated(false);
        }
    
        @Override
        public void eraseCredentials() {
            super.eraseCredentials();
        }
    }
    

    2、SmsAuthenticationFilter

    然後編寫 SmsAuthenticationFilter,參考 UsernamePasswordAuthenticationFilter 的源碼,直接粘過來,改一改。

    說明

    原本的靜態字段有 usernamepassword,都幹掉,換成我們的手機號字段。
    SmsCodeAuthenticationFilter() 中指定了這個 filter 的攔截 Url,我指定為 post 方式的 /sms/login
    剩下來的方法把無效的刪刪改改就好了。

    代碼

    public class SmsCodeAuthenticationFilter extends AbstractAuthenticationProcessingFilter {
        /**
         * form表單中手機號碼的字段name
         */
        public static final String SPRING_SECURITY_FORM_MOBILE_KEY = "mobile";
    
        private String mobileParameter = "mobile";
        /**
         * 是否僅 POST 方式
         */
        private boolean postOnly = true;
    
        public SmsCodeAuthenticationFilter() {
            //短信驗證碼的地址為/sms/login 請求也是post
            super(new AntPathRequestMatcher("/sms/login", "POST"));
        }
    
        @Override
        public Authentication attemptAuthentication(HttpServletRequest request, HttpServletResponse response) throws AuthenticationException {
            if (postOnly && !request.getMethod().equals("POST")) {
                throw new AuthenticationServiceException(
                        "Authentication method not supported: " + request.getMethod());
            }
    
            String mobile = obtainMobile(request);
            if (mobile == null) {
                mobile = "";
            }
    
            mobile = mobile.trim();
    
            SmsCodeAuthenticationToken authRequest = new SmsCodeAuthenticationToken(mobile);
    
            // Allow subclasses to set the "details" property
            setDetails(request, authRequest);
    
            return this.getAuthenticationManager().authenticate(authRequest);
        }
    
        protected String obtainMobile(HttpServletRequest request) {
            return request.getParameter(mobileParameter);
        }
    
        protected void setDetails(HttpServletRequest request, SmsCodeAuthenticationToken authRequest) {
            authRequest.setDetails(authenticationDetailsSource.buildDetails(request));
        }
    
        public String getMobileParameter() {
            return mobileParameter;
        }
    
        public void setMobileParameter(String mobileParameter) {
            Assert.hasText(mobileParameter, "Mobile parameter must not be empty or null");
            this.mobileParameter = mobileParameter;
        }
    
        public void setPostOnly(boolean postOnly) {
            this.postOnly = postOnly;
        }
    }
    

    3、SmsAuthenticationProvider

    這個方法比較重要,這個方法首先能夠在使用短信驗證碼登陸時候被 AuthenticationManager 挑中,其次要在這個類中處理驗證邏輯。

    說明

    實現 AuthenticationProvider 接口,實現 authenticate() 和 supports() 方法。

    代碼

    public class SmsCodeAuthenticationProvider implements AuthenticationProvider {
    
        private UserDetailsService userDetailsService;
    
        /**
         * 處理session工具類
         */
        private SessionStrategy sessionStrategy = new HttpSessionSessionStrategy();
    
        String SESSION_KEY_PREFIX = "SESSION_KEY_FOR_CODE_SMS";
    
        @Override
        public Authentication authenticate(Authentication authentication) throws AuthenticationException {
            SmsCodeAuthenticationToken authenticationToken = (SmsCodeAuthenticationToken) authentication;
    
            String mobile = (String) authenticationToken.getPrincipal();
    
            checkSmsCode(mobile);
    
            UserDetails userDetails = userDetailsService.loadUserByUsername(mobile);
            // 此時鑒權成功后,應當重新 new 一個擁有鑒權的 authenticationResult 返回
            SmsCodeAuthenticationToken authenticationResult = new SmsCodeAuthenticationToken(userDetails, userDetails.getAuthorities());
            authenticationResult.setDetails(authenticationToken.getDetails());
    
            return authenticationResult;
        }
    
        private void checkSmsCode(String mobile) {
            HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
            // 從session中獲取圖片驗證碼
            SmsCode smsCodeInSession = (SmsCode) sessionStrategy.getAttribute(new ServletWebRequest(request), SESSION_KEY_PREFIX);
            String inputCode = request.getParameter("smsCode");
            if(smsCodeInSession == null) {
                throw new BadCredentialsException("未檢測到申請驗證碼");
            }
    
            String mobileSsion = smsCodeInSession.getMobile();
            if(!Objects.equals(mobile,mobileSsion)) {
                throw new BadCredentialsException("手機號碼不正確");
            }
    
            String codeSsion = smsCodeInSession.getCode();
            if(!Objects.equals(codeSsion,inputCode)) {
                throw new BadCredentialsException("驗證碼錯誤");
            }
        }
    
        @Override
        public boolean supports(Class<?> authentication) {
            // 判斷 authentication 是不是 SmsCodeAuthenticationToken 的子類或子接口
            return SmsCodeAuthenticationToken.class.isAssignableFrom(authentication);
        }
    
        public UserDetailsService getUserDetailsService() {
            return userDetailsService;
        }
    
        public void setUserDetailsService(UserDetailsService userDetailsService) {
            this.userDetailsService = userDetailsService;
        }
    }
    

    4、SmsCodeAuthenticationSecurityConfig

    既然自定義了攔截器,可以需要在配置里做改動。

    代碼

    @Component
    public class SmsCodeAuthenticationSecurityConfig extends SecurityConfigurerAdapter<DefaultSecurityFilterChain, HttpSecurity> {
        @Autowired
        private SmsUserService smsUserService;
        @Autowired
        private AuthenctiationSuccessHandler authenctiationSuccessHandler;
        @Autowired
        private AuthenctiationFailHandler authenctiationFailHandler;
    
        @Override
        public void configure(HttpSecurity http) {
            SmsCodeAuthenticationFilter smsCodeAuthenticationFilter = new SmsCodeAuthenticationFilter();
            smsCodeAuthenticationFilter.setAuthenticationManager(http.getSharedObject(AuthenticationManager.class));
            smsCodeAuthenticationFilter.setAuthenticationSuccessHandler(authenctiationSuccessHandler);
            smsCodeAuthenticationFilter.setAuthenticationFailureHandler(authenctiationFailHandler);
    
            SmsCodeAuthenticationProvider smsCodeAuthenticationProvider = new SmsCodeAuthenticationProvider();
            //需要將通過用戶名查詢用戶信息的接口換成通過手機號碼實現
            smsCodeAuthenticationProvider.setUserDetailsService(smsUserService);
    
            http.authenticationProvider(smsCodeAuthenticationProvider)
                    .addFilterAfter(smsCodeAuthenticationFilter, UsernamePasswordAuthenticationFilter.class);
        }
    }
    

    5、SmsUserService

    因為用戶名,密碼登陸最終是通過用戶名查詢用戶信息,而手機驗證碼登陸是通過手機登陸,所以這裏需要自己再實現一個SmsUserService

    @Service
    @Slf4j
    public class SmsUserService implements UserDetailsService {
    
        @Autowired
        private UserMapper userMapper;
    
        @Autowired
        private RolesUserMapper rolesUserMapper;
    
        @Autowired
        private RolesMapper rolesMapper;
    
        /**
         * 手機號查詢用戶
         */
        @Override
        public UserDetails loadUserByUsername(String mobile) throws UsernameNotFoundException {
            log.info("手機號查詢用戶,手機號碼 = {}",mobile);
            //TODO 這裏我沒有寫通過手機號去查用戶信息的sql,因為一開始我建user表的時候,沒有建mobile字段,現在我也不想臨時加上去
            //TODO 所以這裏暫且寫死用用戶名去查詢用戶信息(理解就好)
            User user = userMapper.findOneByUsername("小小");
            if (user == null) {
                throw new UsernameNotFoundException("未查詢到用戶信息");
            }
            //獲取用戶關聯角色信息 如果為空說明用戶並未關聯角色
            List<RolesUser> userList = rolesUserMapper.findAllByUid(user.getId());
            if (CollectionUtils.isEmpty(userList)) {
                return user;
            }
            //獲取角色ID集合
            List<Integer> ridList = userList.stream().map(RolesUser::getRid).collect(Collectors.toList());
            List<Roles> rolesList = rolesMapper.findByIdIn(ridList);
            //插入用戶角色信息
            user.setRoles(rolesList);
            return user;
        }
    }
    
    

    6、總結

    到這裏思路就很清晰了,我這裡在總結下。

    1、首先從獲取驗證的時候,就已經把當前驗證碼信息存到session,這個信息包含驗證碼和手機號碼。
    
    2、用戶輸入驗證登陸,這裡是直接寫在SmsAuthenticationFilter中先校驗驗證碼、手機號是否正確,再去查詢用戶信息。我們也可以拆開成用戶名密碼登陸那樣一個
    過濾器專門驗證驗證碼和手機號是否正確,正確在走驗證碼登陸過濾器。
    
    3、在SmsAuthenticationFilter流程中也有關鍵的一步,就是用戶名密碼登陸是自定義UserService實現UserDetailsService后,通過用戶名查詢用戶名信息而這裡是
    通過手機號查詢用戶信息,所以還需要自定義SmsUserService實現UserDetailsService后。
    
    

    三、測試

    1、獲取驗證碼

    獲取驗證碼的手機號是 15612345678 。因為這裏沒有接第三方的短信SDK,只是在後台輸出。

    向手機號為:15612345678的用戶發送驗證碼:254792
    
    

    2、登陸

    1)驗證碼輸入不正確

    發現登陸失敗,同樣如果手機號碼輸入不對也是登陸失敗

    2)登陸成功

    當手機號碼 和 短信驗證碼都正確的情況下 ,登陸就成功了。

    參考

    1、Spring Security技術棧開發企業級認證與授權(JoJo)

    2、SpringBoot 集成 Spring Security(8)——短信驗證碼登錄

    別人罵我胖,我會生氣,因為我心裏承認了我胖。別人說我矮,我就會覺得好笑,因為我心裏知道我不可能矮。這就是我們為什麼會對別人的攻擊生氣。
    攻我盾者,乃我內心之矛(21)
    

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 學寫PEP,參与Python語言的設計

    學寫PEP,參与Python語言的設計

    如果你為Python寫了一篇PEP,這篇PEP成功的被Python指導委員會接受了,那麼以後你在吹牛皮的時候你就可以說我主導了Python語言某個特性的設計工作.

                                  					-- 跬蟒
    

    我就問你主導Python語言特性設計牛不牛皮,今天我就寫一篇文章告訴大家如何去為Python設計一篇PEP,並且整個PEP從一個想法到Python語言去實現它的這一套流程:

    假設你已經是一個Python高手了,在使用Python給過程中你覺得Python語言在某方面還不夠完善,你有一個不錯的想法可以去改善Python這方面的不足,你打算把你的想法加入到Python語言裏面,所以你打算寫一篇PEP,為Python的發展獻言建策,那首先需要做什麼呢?

    1. 首先你要確保你的想法是個新的想法是個比較大的想法,是一個由必要去建立一個PEP的想法,也許你發現了Python的一些小問題,但是這些小問題如果提交一個小補丁就可以解決了,那就沒必要提PEP
    2. 當你確定自己的想法很牛B之後,你也不是馬上就要提PEP,你首先要做的事情是引發社區的討論,看看其他人怎麼看,然後自己去實現一下這個想法看是否是可行的,並且發帖到 python-list@python.org mailing list或者到 python-ideas@python.org mailing list 進行進一步的確定,看看大家對你的想法是否認同,如果你能讓大多數人都認同,那你就有戲,在你發帖之前最好準備一份高質量的PEP草稿,這樣的話才會更容易的被接受
    3. 總之就是先討論,得到大家的認可,避免後期不必要的撕逼,然受自己也要做好準備,最好有個簡單的實現,然後還有個高質量的PEP草稿

    寫PEP你不得不知道的幾個Python社區角色

    PEP champion : PEP擁護者 也就是PEP的發起人,也就是跟大家說我有個非常XXX的想法的人

    PEP author: PEP作者 就是寫PEP的人,PEP從一個想法到一篇PEP草稿,再到一篇擁有官方PEP編號的PEP文檔,到後面PEP審核通過,PEP複審出現改動,PEP被接受這個過程中維護PEP文檔的人就是PEP的作者,大部分PEP作者就是PEP擁護者本人

    PEP reviewer: 這個角色不是單指某一個人,一個PEP從想法到實現需要經過很多此review, 每一次參与review的人都可以被稱作 PEP reviewer

    PEP editor: PEP編輯者 就是對PEP進行初步審核的人,審核通過的PEP進入到github上面的PEP倉庫的master分支,進行下一輪的評審

    Python Core Developers: Python核心開發人員 就是開發Cpython解釋器的那群人,都是大佬,都是大佬

    Python’s Steering Council: Python指導委員會 大佬中的大佬,從Python核心開發人員中選擇出來的指導Python語言開發工作的一群人,對於PEP是否接受有着最終發言權

    PEP的工作流程是這樣的:

    1. PEP champion 先有一個高質量的idear(經過討論分析和理性驗證)
    2. 你去github上面去fork PEP倉庫
    3. 在倉庫中創建一個 pep-9999.rst的文件去把你的PEP草稿粘貼進去
    4. 確定你的PEP的類型,PEP的狀態設為草稿,PEP頭部按照模板寫一波
    5. 把你的pep-9999.rst push到PEP倉庫
    6. 然後PEP editors 會去審核你的提交
    7. 如果審核通過,這個本來是草稿的PEP會拿到一個正規的PEP編號,如果沒有審核通過那PEP editors 會打回去讓 PEP author 去修改
    8. 如果PEP審核通過拿到了PEP編號 PEP editor 會把這個新提交的PEP合併到PEP倉庫的 master 分支
    9. 如果你的PEP的類型是Standards Track類,那你提交的PEP還會被發送給Python-dev list 成員進行再次review, 確保你的新PEP沒有坑
    10. 有些聽起很不錯的PEP在實現的時候其實是非常蛋疼的,沒做的時候想的挺好,真正去實現的時候才知道是否靠譜,最好的情況時你在提交PEP的時候你手裡就已經有一個這個PEP的原型實現了,所以如果你的PEP類型是Standards Track類型那你就不僅需要準備設計文檔,你還需要準備一個參考實現,以此來避免一些不切實際的想法

    當然凡事都有例外,有些Python的核心開發者是不會走這個流程的因為他們本身的權限比較大,他們有直接push內容到PEP倉庫的權限,所以有時候他們會直接給自己的PEP分配一個PEP編號push進入PEP倉庫的master分支,當然這並不意味着這個PEP就被接受了,他只是繞過了PEP editor的審批而已,PEP被接受和PEP通過審批是完全兩碼事兒,只有通過Python指導委員會的同意,PEP計劃實現,才能叫做PEP被接受.

    如果我寫的PEP無法審核通過被拒怎麼辦?

    PEP被拒絕是很正常的事情,不要灰心,只要能夠堅信自己的PEP是真正對Python有用的東西,真正好的idear,修改一下繼續上就行了,但是被拒肯定是有原因的,最主要的原因就是下面幾條:

    1. 該特性已經存在了
    2. 技術上不合理
    3. Python不需要去實現這樣的特性,也就是說偽需求
    4. 無法進行後向兼容
    5. 不符合Python的設計哲學(Python設計哲學可以在Python交互解釋器中輸入import this獲取)其實在PEP的審批階段可以拿着自己的PEP idear去諮詢Python指導委員會,因為PEP最終會不會被接受其實是由Python指導委員會所決定的,所以如果真的想要自己的PEP被接受,做好提前的溝通還是非常有必要的
    6. 奧對了還有一個蛋疼的要求,就是你的PEP草稿必須帶着至少一名Python核心開發人員一起寫,或者有一個Python核心開發人員指導你寫,或者有一個經過Python指導委員會批準的非Python核心開發人員一起寫,反正就是需要有一個能夠被Python指導委員會所信任的人參與了你的PEP設計,如果沒能滿足這個條件 PEP editor有權直接駁回你的PEP草稿

    PEP的複審和決定機制

    一篇PEP是否最終被接受並且決定去實現是需要經過層層複審的,反正要經過很麻煩了一個流程,下面有個Python官方畫的簡單流程圖:

    但是實際情況比較複雜,有時候不會按照這個流程圖來,但是這個流程圖給人們提供了一個比較清晰的PEP工作流的概覽

    PEP格式和模板

    這年頭寫啥文檔沒個模板真不行,PEP也是文檔,所以模板搞起來:

    1. 首先PEP是UTF-8編碼的rst文件,首先你需要去指導rst文件的格式,如果rst的語法格式你已經會了,那你就可以閱讀官方的PEP 12--Sample reStructuredText PEP Template,沒錯PEP12是介紹rst格式PEP模板的PEP(有點繞),為什麼要用rst格式?官方給出的解釋是 容易轉成html進行在線發布和閱讀
    2. 每一篇PEP必須有一個標準的PEP頭部,如下所示,帶* 號是可寫可不寫的,不帶* 號的是必須要寫的,記住寫PEP頭的時候,頭的各個字段的順序,必須按照下圖的內容去寫,先後順序不能亂

    寫道這裏就講的差不多了,但是其實PEP的書寫還有很多的內容比如:

    1. 如何判斷PEP是不是一個成功的PEP
    2. PEP提交之後發現內容有bug怎麼解決
    3. PEP所有權以及所有權轉移問題
    4. PEP editor的詳細職責和工作流
    5. 等等問題,我就不寫了,寫不動了…..

    想寫PEP的可以先根據上面流程走一波,
    然後等到遇到問題的時候再去查資料吧.

    如果感覺本篇內容還不錯,微信的朋友請點個在看,其他平台的朋友可以(近距離)掃描下方的二維碼關注我的公眾號 早睡蟒更多優質原創無廣告內容等你來看.

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

    ※超省錢租車方案

  • Spring IoC 循環依賴的處理

    Spring IoC 循環依賴的處理

    前言

    本系列全部基於 Spring 5.2.2.BUILD-SNAPSHOT 版本。因為 Spring 整個體系太過於龐大,所以只會進行關鍵部分的源碼解析。

    本篇文章主要介紹 Spring IoC 是怎麼解決循環依賴的問題的。

    正文

    什麼是循環依賴

    循環依賴就是循環引用,就是兩個或多個 bean 相互之間的持有對方,比如A引用B,B引用A,像下面偽代碼所示:

    public class A {
        private B b;
        
        // 省略get和set方法...
    }
    
    public class B {
        private A a;
        
        // 省略get和set方法...
    }
    

    Spring 如何解決循環依賴

    Spring IoC 容器對循環依賴的處理有三種情況:

    1. 構造器循環依賴:此依賴 Spring 無法處理,直接拋出 BeanCurrentlylnCreationException 異常。
    2. 單例作用域下的 setter 循環依賴:此依賴 Spring 通過三級緩存來解決。
    3. 非單例的循環依賴:此依賴 Spring 無法處理,直接拋出 BeanCurrentlylnCreationException 異常。

    構造器循環依賴

    還是假設上面的A和B類是構造器循環依賴,如下所示:

    public class A {
        private B b;
        
        public A(B b) {
            this.b = b;
        }
        
        // 省略get和set方法...
    }
    
    public class B {
        private A a;
        
        public B(A a) {
            this.a = a;
        }
        
        // 省略get和set方法...
    }
    

    然後我們在 XML 中配置了構造器自動注入,如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
    
        <bean id="a" class="com.leisurexi.ioc.circular.reference.A" autowire="constructor" />
    
        <bean id="b" class="com.leisurexi.ioc.circular.reference.B" autowire="constructor" />
    
    </beans>
    

    那麼我們在獲取 A 時,首先會進入 doGetBean() 方法(該方法在Spring IoC bean 的加載中分析過),會進行到如下代碼塊:

    protected <T> T doGetBean(final String name, @Nullable final Class<T> requiredType, @Nullable final Object[] args, boolean typeCheckOnly) throws BeansException {
    
        // 省略其它代碼...
        
        // 如果 bean 的作用域是單例
        if (mbd.isSingleton()) {
            // 創建和註冊單例 bean
            sharedInstance = getSingleton(beanName, () -> {
                try {
                    // 創建 bean 實例
                    return createBean(beanName, mbd, args);
                }
                catch (BeansException ex) {
                    destroySingleton(beanName);
                    throw ex;
                }
            });
            // 獲取bean實例
            bean = getObjectForBeanInstance(sharedInstance, name, beanName, mbd);
        }
        
        // 省略其它代碼...
     
    }
    

    上面方法中的 getSingleton() 方法會判斷是否是第一次創建該 bean,如果是第一次會先去創建 bean,也就是調用 ObjectFacotygetObject() 方法,即調用 createBean() 方法創建 bean 前,會先將當前正要創建的 bean 記錄在緩存 singletonsCurrentlyInCreation 中。

    在創建A時發現依賴 B,便先去創建 B;B在創建時發現依賴A,此時A因為是通過構造函數創建,所以沒創建完,便又去創建A,發現A存在於 singletonsCurrentlyInCreation,即正在創建中,便拋出 BeanCurrentlylnCreationException 異常。

    public Object getSingleton(String beanName, ObjectFactory<?> singletonFactory) {
        Assert.notNull(beanName, "Bean name must not be null");
        // 加鎖
        synchronized (this.singletonObjects) {
            Object singletonObject = this.singletonObjects.get(beanName);
            // 一級緩存中不存在當前 bean,也就是當前 bean 第一次創建
            if (singletonObject == null) {
                // 如果當前正在銷毀 singletons,拋出異常
                if (this.singletonsCurrentlyInDestruction) {
                    throw new BeanCreationNotAllowedException(beanName, "Singleton bean creation not allowed while singletons of this factory are in destruction (Do not request a bean from a BeanFactory in a destroy method implementation!)");
                }
                // 創建單例 bean 之前的回調
                beforeSingletonCreation(beanName);
                boolean newSingleton = false;
                boolean recordSuppressedExceptions = (this.suppressedExceptions == null);
                if (recordSuppressedExceptions) {
                    this.suppressedExceptions = new LinkedHashSet<>();
                }
                try {
                    // 獲取 bean 實例
                    singletonObject = singletonFactory.getObject();
                    newSingleton = true;
    				}
                // 省略異常處理...
                finally {
                    if (recordSuppressedExceptions) {
                        this.suppressedExceptions = null;
                    }
                    // 創建單例 bean 之後的回調
                    afterSingletonCreation(beanName);
                }
                if (newSingleton) {
                    // 將 singletonObject 放入一級緩存,並從二級和三級緩存中移除
                    addSingleton(beanName, singletonObject);
                }
            }
            // 返回 bean 實例
            return singletonObject;
        }
    }
    
    // 單例 bean 創建前的回調方法,默認實現是將 beanName 加入到當前正在創建 bean 的緩存中,
    // 這樣便可以對循環依賴進行檢測
    protected void beforeSingletonCreation(String beanName) {
        if (!this.inCreationCheckExclusions.contains(beanName) && !this.singletonsCurrentlyInCreation.add(beanName)) {
            throw new BeanCurrentlyInCreationException(beanName);
        }
    }
    
    // 單例 bean 創建后的回調方法,默認實現是將 beanName 從當前正在創建 bean 的緩存中移除
    protected void afterSingletonCreation(String beanName) {
        if (!this.inCreationCheckExclusions.contains(beanName) && !this.singletonsCurrentlyInCreation.remove(beanName)) {
            throw new IllegalStateException("Singleton '" + beanName + "' isn't currently in creation");
        }
    }
    
    protected void addSingleton(String beanName, Object singletonObject) {
        synchronized (this.singletonObjects) {
            // 這邊bean已經初始化完成了,放入一級緩存
            this.singletonObjects.put(beanName, singletonObject);
            // 移除三級緩存
            this.singletonFactories.remove(beanName);
            // 移除二級緩存
            this.earlySingletonObjects.remove(beanName);
            // 將 beanName 添加到已註冊 bean 緩存中
            this.registeredSingletons.add(beanName);
        }
    }
    

    setter循環依賴

    還是假設上面的A和B類是 field 屬性依賴注入循環依賴,如下所示:

    public class A {
        private B b;
        
        // 省略get和set方法...
    }
    
    public class B {
        private A a;
        
        // 省略get和set方法...
    }
    

    然後我們在 XML 中配置了按照類型自動注入,如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
    
        <bean id="a" class="com.leisurexi.ioc.circular.reference.A" autowire="byType" />
    
        <bean id="b" class="com.leisurexi.ioc.circular.reference.B" autowire="byType" />
    
    </beans>
    

    Spring 在解決單例循環依賴時引入了三級緩存,如下所示:

    // 一級緩存,存儲已經初始化完成的bean
    private final Map<String, Object> singletonObjects = new ConcurrentHashMap<>(256);
    
    // 二級緩存,存儲已經實例化完成的bean
    private final Map<String, Object> earlySingletonObjects = new HashMap<>(16);
    
    // 三級緩存,存儲創建bean實例的ObjectFactory
    private final Map<String, ObjectFactory<?>> singletonFactories = new HashMap<>(16);
    
    // 按先後順序記錄已經註冊的單例bean
    private final Set<String> registeredSingletons = new LinkedHashSet<>(256);
    

    首先在創建A時,會進入到 doCreateBean() 方法(前面的流程可以查看Spring IoC bean 的創建一文),如下:

    protected Object doCreateBean(final String beanName, final RootBeanDefinition mbd, final @Nullable Object[] args) throws BeanCreationException {
        // 獲取bean的實例
        BeanWrapper instanceWrapper = null;
        if (instanceWrapper == null) {
            // 通過構造函數反射創建bean的實例,但是屬性並未賦值
            instanceWrapper = createBeanInstance(beanName, mbd, args);
        }
        // 獲取bean的實例
        final Object bean = instanceWrapper.getWrappedInstance();
        
        // 省略其它代碼...
    
        // bean的作用域是單例 && 允許循環引用 && 當前bean正在創建中
        boolean earlySingletonExposure = (mbd.isSingleton() && this.allowCircularReferences && isSingletonCurrentlyInCreation(beanName));
        // 如果允許bean提前曝光
        if (earlySingletonExposure) {
            // 將beanName和ObjectFactory形成的key-value對放入singletonFactories緩存中
            addSingletonFactory(beanName, () -> getEarlyBeanReference(beanName, mbd, bean));
        }
        
        // 省略其它代碼...
        
    }
    

    在調用 addSingletonFactory() 方法前A的實例已經創建出來了,只是還未進行屬性賦值和初始化階段,接下來將它放入了三級緩存中,如下:

    protected void addSingletonFactory(String beanName, ObjectFactory<?> singletonFactory) {
        Assert.notNull(singletonFactory, "Singleton factory must not be null");
        // 加鎖
        synchronized (this.singletonObjects) {
            // 如果一級緩存中不包含當前bean
            if (!this.singletonObjects.containsKey(beanName)) {
                // 將ObjectFactory放入三級緩存
                this.singletonFactories.put(beanName, singletonFactory);
                // 從二級緩存中移除
                this.earlySingletonObjects.remove(beanName);
                // 將beanName加入到已經註冊過的單例bean緩存中
                this.registeredSingletons.add(beanName);
            }
        }
    }
    

    接下來A進行屬性賦值階段(會在後續文章中單獨分析這個階段),發現依賴B,便去獲取B,發現B還沒有被創建,所以走創建流程;在B進入屬性賦值階段時發現依賴A,就去調用 getBean() 方法獲取A,此時會進入 getSingleton() 方法(該方法的調用流程在Spring IoC bean 的加載一文中分析過),如下:

    public Object getSingleton(String beanName) {
        // allowEarlyReference設置為true表示允許早期依賴
        return getSingleton(beanName, true);
    }
    
    protected Object getSingleton(String beanName, boolean allowEarlyReference) {
        // 先從一級緩存中,檢查單例緩存是否存在
        Object singletonObject = this.singletonObjects.get(beanName);
        // 如果為空,並且當前bean正在創建中,鎖定全局變量進行處理
        if (singletonObject == null && isSingletonCurrentlyInCreation(beanName)) {
            synchronized (this.singletonObjects) {
                // 從二級緩存中獲取
                singletonObject = this.earlySingletonObjects.get(beanName);
                // 二級緩存為空 && bean允許提前曝光
                if (singletonObject == null && allowEarlyReference) {
                    // 從三級緩存中獲取bean對應的ObjectFactory
                    ObjectFactory<?> singletonFactory = this.singletonFactories.get(beanName);
                    if (singletonFactory != null) {
                        // 調用預先設定的getObject(),獲取bean實例
                        singletonObject = singletonFactory.getObject();
                        // 放入到二級緩存中,並從三級緩存中刪除
                        // 這時bean已經實例化完但還未初始化完
                        // 在該bean未初始化完時如果有別的bean引用該bean,可以直接從二級緩存中取出返回
                        this.earlySingletonObjects.put(beanName, singletonObject);
                        this.singletonFactories.remove(beanName);
                    }
                }
            }
        }
        return singletonObject;
    }
    

    嘗試一級緩存 singletonObjects (肯定沒有,因為A還沒初始化完全),嘗試二級緩存 earlySingletonObjects(也沒有),嘗試三級緩存 singletonFactories,由於A通過 ObjectFactory 將自己提前曝光了,所以B能夠通過 ObjectFactory.getObject() 拿到A對象(雖然A還沒有初始化完全,但是總比沒有好呀)。B拿到A后順利創建並初始化完成,調用上面分析過的 addSingleton() 方法將自己放入一級緩存中。此時返回A中,A也能順利拿到完全初始化的B進行後續的階段,最後也將自己放入一級緩存中,並從二級和三級緩存中移除。

    過程圖如下所示:

    非單例循環依賴

    對於非單例的 bean,Spring 容器無法完成依賴注入,因為 Spring 容器不進行緩存,因此無法提前暴露一個創建中的 bean

    總結

    本文主要介紹了 Spring 對三種循環依賴的處理,其實還有一種字段循環依賴,比如 @Autowired 註解標註的字段,但它和 setter 循環依賴的解決方法一樣,這裏就沒有多說。

    最後,我模仿 Spring 寫了一個精簡版,代碼會持續更新。地址:https://github.com/leisurexi/tiny-spring。

    參考

    • 《Spring 源碼深度解析》—— 郝佳
    • https://juejin.im/post/5c98a7b4f265da60ee12e9b2

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 航空業減碳動起來 澳航允2050年前碳排減到零

    摘錄自2019年11月11日中央社報導

    澳洲航空今(11日)允諾加入英國航空(British Airways)母公司「國際航空集團」(IAG),要在2050年前,把淨碳排降至零。澳航(Qantas)執行長喬伊斯(Alan Joyce)發布聲明說,氣候變遷的憂慮「真實存在」,「我們之所以做這件事,是因為這件事很重要」。

    來自環保團體「反抗滅絕」(Extinction Rebellion, XR)與環保小鬥士桑柏格(Greta Thunberg)壓力越來越大之際,國際航空集團上月允諾2050年前把淨碳排減到零,是首家做此承諾的大型航空公司。航空業者整體則已答應要在2050年前把碳排量減至2005年的一半。

    澳航表示,希望能把淨碳排控制在2020年水準,並在10年間投資5000萬澳元開發永續能源來減碳,與傳統航空燃料相比,可減少8成的碳排。

    本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 管理出包? 大堡礁集水區驗出高濃度殺蟲劑

    環境資訊中心綜合外電;姜唯 編譯;林大利 審校

    本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

    ※超省錢租車方案

  • BMW借普天之力 將在北京建200個充電樁

    據知情人士透露,BMW汽車目前與中國普天集團旗下的普天新能源合作,2015年將在北京建設200個充電樁,具體合作模式是BMW提供自己的充電樁,由普天新能源為其建設和運營。   BMW生產的200個交流慢充樁已交付給普天新能源北京分公司,這批充電樁主要是為購買BMWi3、i8和華晨BMW之諾的BMW電動汽車客戶在公共領域充電使用,不過由於中德充電介面是統一的,所以其他品牌的電動汽車也可用其充電。   目前,BMW已在上海市區安裝了40多個公共充電裝置,主要分佈在上海各個BMW授權的經銷商處。BMW還與國家電網上海市電力公司及上海世博發展集團合作,在上海世博園區安裝50個公共充電樁。此外,其還與萬科集團達成戰略合作,在全國範圍內的400多個已建及新建社區內,支持業主安裝個人充電設施,並逐步在社區內配套採用國家通用標準的社區公共充電設施。    

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 電動車電池與太陽能成本下降飛快,再生能源主宰的日子不遠了?

    電動車電池與太陽能成本下降飛快,再生能源主宰的日子不遠了?

      電動車電池的成本下降速度超乎預期,甚至低於國際能源署(IEA)原本預估的 2020 年成本數值,且不少研究也指出,太陽能在 2020 年代將某些地區成為最便宜的能源選項,彭博新聞認為,便宜的電池與太陽能發電兩者相輔相成的結果,將加速再生能源主宰能源市場的趨勢。   國際能源署在 2013 年時,原本預估 2020 年電動車電池價格將會下降至每度電 300 美元,不過,由斯德哥爾摩環境機構最近登上《自然氣候變化(Nature Climate Change)》期刊的研究中指出,全球電動車電池價格已從 2007 年的每千瓦小時 1,000 美元,下降至 2014 年的每千瓦小時 410 美元,平均每年成本下滑 14%,且特斯拉(Tesla)及 Nissan 等電動車製造商領頭羊的價格也年減約 8%,來到 2014 年的每千瓦小時 300美元,提早 6 年達到國際能源署預定目標。   但這所謂的每千瓦小時 300 美元,除了顯示電動車電池成本下降速度超乎預期外,是否還意味著電動車躍起的時代即將來臨呢?全球顧問公司麥肯錫(Mckinsey & Company)在 2011 年曾做了一張圖表,顯示不同的油價與電池價格情況下,純電動車、插電式混合電動車、油電混合車及一般汽車何者較具競爭力,灰色區塊的部分則是 2011 年的價格區間。從下圖圖表中可以看出,當電動車電池價格位於每千瓦小時約 300 美元左右時,就是電動車競爭力逐漸起飛的時刻。    
     

      (Source:)     雖然在過去一年中,油價已下跌至每加侖 2 美元,但若電池價格也跟著不斷下跌,圖表中的灰色矩形就會繼續向左移動。該研究作者認為,若按照特斯拉執行長 Elon Musk 所言,特斯拉正在興建的超級電池工廠真能大舉降低電池組成本 30%,且天然氣價格若反彈回 3 美元區間,將可能使電動車成功在大多數地區取代一般汽車的主宰地位。   此外,根據聯合國環境署(UNEP)於 3 月 31 公布的數據指出,2014 年全球對於再生能源投資額達 2,700 億美元,而新增的再生能源裝置容量,也超過往年的成長數字,來到歷史新高的 103 GW。   即便如此,但 2014 年全球再生能源發電總量僅占 9.1%,較 2013 年的 8.5% 成長 0.6 個百分點,雖然成長速度相當緩慢,且若等到再生能源發電量占全球發電量一半的份額,得等到 2080 年才可望實現。不過,太陽能發電成本下降速度增快,加上不少研究都預估太陽能最快將在 2020 年代就能成為最便宜的能源類型,或許照這樣看來,不用等到 60 年後,就能預見再生能源主宰能源市場的世界了。   便宜的電池與太陽能發電兩者可說是相輔相成,彭博新聞認為,電動車電池價格下跌能將汽車從傳統的汽油切換到電網連結,雖然目前大多數的電網仍然由燃煤發電驅動,但若太陽能發電成本下降速度夠快,搭配如特斯拉等公司欲打造的便宜家用儲能電池組,或許能解決太陽能發電不夠穩定、無法成為基載電力的缺點,以取代燃煤發電在電網中的主導角色。     本文全文授權轉載自《科技新報》─〈〉     (首圖來源:Flickr/CC BY 2.0)

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

    ※超省錢租車方案

  • 《HelloGitHub》第 51 期

    《HelloGitHub》第 51 期

    興趣是最好的老師,HelloGitHub 就是幫你找到興趣!

    簡介

    分享 GitHub 上有趣、入門級的開源項目。

    這是一個面向編程新手熱愛編程對開源社區感興趣 人群的月刊,月刊的內容包括:各種編程語言的項目讓生活變得更美好的工具書籍、學習筆記、教程等,這些開源項目大多都是非常容易上手,而且非常 Cool。主要是希望大家能動手用起來,加入到開源社區中。

    • 會編程的可以貢獻代碼
    • 不會編程的可以反饋使用這些工具中的 Bug
    • 幫着宣傳你覺得優秀的項目
    • Star 項目⭐️

    在瀏覽、參与這些項目的過程中,你將學習到更多編程知識提高編程技巧找到編程的樂趣

    最後 HelloGitHub 這個項目就誕生了

    以下為本期內容|每個月 28 號發布最新一期|點擊查看往期內容

    C 項目

    1、goaccess:實時 Web 日誌分析工具

    2、u6a:函數式編程語言 Unlambda 的一個樸素實現,包含字節碼編譯器和解釋器。此項目可以幫助初學者理解函數式編程的思想,並提供了實現函數式編程語言解釋器的一些樸素思路。

    • 性能優異:運行性能遠高於官方實現,且優於多數現有的開源實現
    • 穩定可靠:有豐富的測試樣例支撐,可靠性高
    • 簡單樸素:代碼簡單易讀,且提供了實現思路文檔,對初學或者完全沒有學過編譯原理的新手非常友好

    C# 項目

    3、Netch:一款 Windows 平台的開源遊戲加速工具

    4、ScheduleMasterCore:一款基於 .NET Core 開發的分佈式任務調度系統。支持豐富的調度類型、靈活可控的系統參數、簡易的 UI 操作、支持多節點高可用、業務 API 集成等等特性。同時支持多樣化的部署方式,容易上手

    5、HandyControl:一套 WPF 控件庫。它幾乎重寫了所有原生樣式,同時包含 70 餘款自定義控件。支持跨平台、國際化,適用於 MVVM 架構開發,扁平化設計、支持動態更換主題和背景色。豐富的自定義控件解決了 View 設計的痛點,讓程序員更加專註於業務邏輯的開發

    C++ 項目

    6、CnC_Remastered_Collection:EA 發布的《紅警》和《泰伯利亞黎明》遊戲源代碼

    7、chinessChess:基於 Qt5 開發的中國象棋網絡對戰平台,支持單機和網絡對戰

    Go 項目

    8、grmon:Goroutine 的命令行監控工具

    9、HackChrome:Go 語言實現的從 Chrome 中獲取自動保存的用戶名密碼工具。目前僅支持 Windows Chrome 中存儲的密碼,但是很有意思還可以學習怎麼用 Go 調用 DLL 動態鏈接庫的姿勢

    10、seaweedfs:一款基於 Go 開發的部署方便、使用簡單且強大的分佈式文件系統

    11、fate:起中文名工具,去吧!算名先生

    Java 項目

    12、JApiDocs:一個無需額外註解、開箱即用的 SpringBoot 接口文檔生成工具。特性:

    • 代碼即文檔
    • 支持導出 HTML
    • 同步導出客戶端 Model 代碼
    • 等等

    13、PowerJob:基於 Akka 架構的新一代分佈式任務調度與計算框架。支持 CRON、API、固定頻率、固定延遲等調度策略,支持單機、廣播、MapReduce 等多種執行模式,支持在線任務治理與運維,提供 Shell、Python、Java 等功能豐富的任務處理器,提供工作流來編排任務解決依賴關係,使用簡單,功能強大,文檔齊全。同類產品對比:

    JavaScript 項目

    14、react-trello:任務狀態管理面板組件。實現了拖拽方式管理任務狀態,點擊即可編輯任務內容

    15、perfume.js:用於測量第一個 dom 生成的時間、用戶最早可操作時間和組件的生命周期性能的庫。示例代碼:

    perfume.start('fibonacci');
    fibonacci(400);
    perfume.end('fibonacci');
    // Perfume.js: fibonacci 0.14 ms
    

    16、Mongood:MongoDB 圖形化的管理工具。特性:

    • 基於微軟 Fluent UI,支持自動黑暗模式
    • 支持完整的 Mongo-shell 數據類型和查詢語法,利用索引實現的自動查詢和排序
    • 支持 Json 數據庫模式,既可用於 Server 也可用於 Client

    17、TimeCat:一款 JS 的網頁錄屏工具。參考了遊戲錄像的原理而實現的渲染引擎,生成的錄像文件只有傳統視頻的百分之一!還可以在錄製語音的同時自動生成字幕,導出的視頻文件可以跨端播放。目前已經開發一段時間,後續還將實現更多有意思的功能,歡迎持續關注。在線預覽

    18、react-visual-editor:基於 React 組件的可視化拖拽、搭建頁面的代碼生成工具。所見即所得,可以完美還原 UI 設計搞,並支持多款型號手機(可配置)和 PC 效果展示,模板功能可以使你分享你的頁面或者頁面中局部任何部分組件組合,減少相似頁面的重複操作。效果如下:

    19、elevator.js:一個 back to top 返回頂部的插件。如他的名字一樣,網頁在返回頂部過程中像電梯向上運行,當頁面返回到頂部時,會有電梯“到達”的提示音。叮~頁面已到達頂部

    PHP 項目

    20、code6:一款 GitHub 代碼泄露監控系統,通過定期掃描 GitHub 發現代碼泄露行為。特性:

    • 全可視化界面,操作部署簡單
    • 支持 GitHub 令牌管理及智能調度
    • 掃描結果信息豐富,支持批量操作
    • 任務配置靈活,可單獨配置任務掃描參數
    • 支持白名單模式,主動忽略白名單倉庫

    Python 項目

    21、rich:一個讓你的終端輸出變得“花里胡哨”的三方庫。我的一位前輩告訴我,不要整那些花里胡哨的主題和樣式,這是在自尋煩惱。可是臣妾做不到啊,這麼好看的終端輸出,讓我的心情都愉悅起來了。瞧那性感的語法高亮、整齊的表格、舒服的顏色、進度條等,一切都是值得的

    22、poetry:Python 虛擬環境、依賴管理工具。依賴管理工具有很多,我相上了它有三點:通過單文件 pyproject.toml 便可輕鬆的區別安裝、管理開發和正式環境、有版本鎖定可方便回滾、輸出界面簡單清爽。當然它還是個“新生兒”,嘗鮮的風險還是有的,選擇須謹慎

    23、free-python-games:真入門級的 Python 遊戲集合庫。都是簡單的小遊戲:貪吃蛇、迷宮、Pong、猜字等,運行方便、代碼簡單易懂。用遊戲開啟的你 Python 學習之旅,玩完再學源碼,其樂無窮啊。安裝運行:

    pip install freegames
    python -m freegames.snake # freegames.遊戲名
    

    24、py2sec:一款輕量級跨平台 Python “加密”、加速的腳本工具。原理是基於 Cython 將 .py 編譯成 run-time libraries 文件:.so(Linux && Mac)或 .pyd(Win),一定程度上實現了“加密”保護源代碼的功能。參數詳解如下:

    -v,  --version    显示 py2sec 版本
    -h,  --help       显示幫助菜單
    -p,  --pyth       Python 的版本,默認為你的 Python 命令綁定的 Python 版本
    -d,  --directory  Python 項目路徑(如果使用 -d 參數,將編譯整個 Python 項目)
    -f,  --file       Python文件(如果使用 -f,將編譯單個 Python 文件)
    -m,  --maintain   標記你不想編譯的文件或文件夾路徑
    -x  --nthread     編譯啟用的線程數
    -q  --quiet       靜默模式,默認 False
    -r  --release     Release 模式,清除所有中間文件,只保留加密結果文件,默認 False
    python py2sec.py -f test.py
    python py2sec.py -f example/test1.py -r
    python py2sec.py -d example/ -m test1.py,bbb/
    

    25、oxfs:一個基於 sftp 協議的 fuse 網絡文件系統,功能上類似於 sshfs。特性:

    • 引入了異步併發讀遠端文件機制,提高了文件首次讀速度。
    • 緩存持久化到本地磁盤,下次掛載時訪問更加快速。
    • 異步任務負責同步文件,避免低速的網絡讀寫阻塞上層應用。

    Swift 項目

    26、Aerial:炫酷的蘋果系統屏保項目。該屏保視頻取材自蘋果零售店 Apple TV 的專用屏保,航拍質量超棒,快換上試試吧。直接下載 Aerial.saver.zip 文件,解壓后雙擊文件“即可食用”

    其它

    27、shan-shui-inf:自動生成一副山水畫

    28、kuboard-press:一款基於 Kubernetes 的微服務管理界面。包含文檔、教程、管理界面和實戰分享

    29、vscode-rainbow-fart:一款在你編程時花式誇你的 VSCode 擴展插件。可以根據代碼關鍵字,播放貼近代碼意義的真人語音,並且有一個醒目的項目名字“彩虹屁”

    30、flink-training-course:Flink 視頻直播教程回放集合

    31、raft-zh_cn:《分佈式 Raft 一致性算法論文》中文翻譯

    32、GitHub-Chinese-Top-Charts:每周更新一次的 GitHub 中文項目排行榜

    開源書籍

    33、go-ast-book:《Go語法樹入門:開啟自製編程語言和編譯器之旅》

    機器學習

    34、Surprise:一款簡單易用基於 Python scikit 的推薦系統。如果你想用 Python 上手做一套推薦系統,那你可以試試它

    35、djl:亞馬遜開源的一款基於 Java 語言的深度學習框架。對於 Java 開發者而言,可以在 Java 中開發及應用原生的機器學習和深度學習模型,同時簡化了深度學習開發的難度。通過 DJL 提供直觀的、高級的 API,Java 開發人員可以訓練自己的模型,或者利用數據科學家用 Python 預先訓練好的模型來進行推理。如果您恰好是對學習深度學習感興趣的 Java 開發者,那麼這個項目完全對口。運行效果如下:

    36、data-science-ipython-notebooks:數據科學的 IPython 集合。包含:TensorFlow、Theano、Caffe、scikit-learn、Spark、Hadoop、MapReduce、matplotlib、pandas、SciPy 等方方面面

    最後

    如果你發現了 GitHub 上有趣的項目,歡迎在 HelloGitHub 項目提 issues 告訴我們。

    關注 HelloGitHub 公眾號獲取第一手的更新

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?