原创 前端知識點收集

一、min-height,height 1、min-height:該屬性值會對元素的高度設置一個最低限制。因此,元素可以比指定值高,但不能比其矮。不允許指定負值。 2、和height的關係: min-height 用來定義一個盒子的最

原创 前端開發佈局規範---筆記

公共樣式 通常我們在寫css樣式的時候,爲了避免一些瀏覽器兼容性問題或者代碼書寫的便捷性,我們經常會定義一個公共樣式base.css,但是一般公共樣式有很多的個性化設計,所以建議大家,只選用一些平時自己常用的就行。 * -- 樣式說

原创 如何居中非浮動div和p,如何居中浮動div和p

在頁面代碼開發過程中,我們經常會用到居中顯示某個元素來使頁面更加美觀整齊,而居中顯示往往涉及兩種佈局,一是非浮動元素,而是浮動元素。 一、非浮動元素 居中div <div style="width: 200px; height: 200p

原创 常用軟件快捷鍵

Intellij IDEA: 格式化:Ctrl+Alt+L 註釋:Shift+Ctrl+/,Ctrl+/ 替換文本:Ctrl+R 查找文本:Ctrl+F 刪除當前行:Ctrl+Y 微信小程序開發工具: 格式化:Shift+Alt+

原创 小程序---placeholder設置自定義顏色

<view class='inp'> <input placeholder-class="phcolor" class="input-text" name="username" placeholder="測試placeho

原创 小程序----rich-text實現ul功能

<!--rich-text標籤裏的nodes屬性 --> <rich-text nodes="{{nodes}}" class='nodes'></rich-text> nodes: [{ name: "ul",

原创 小程序---navigator

在小程序裏面,實現一個點擊跳轉事件,通常會用上bindtap,再在事件裏使用wx.navigateTo。但如果我們的頁面是一個渲染的列表,每個項都有一個跳轉事件,而且跳轉進去的頁面大體相同,那除了給它們一個個加上bindtap以外,還有什

原创 小程序---輪播圖

<view class="pic_scroll"> <swiper indicator-dots='{{indicatorDots}}' autoplay='true' interval='{{interval}}' duratio

原创 小程序---二次渲染

<view class='info_bd'> <block> <navigator url="" class='info_bd_item' wx:key="id" wx:for='{{infoLists}}'>

原创 小程序--使用globaldata配置在服務器的圖片路徑

我們在設計小程序頁面的時候,很常用的就是向頁面裏插入圖片,但是每次加載圖片時都要寫上一大串的路徑,而且倘若以後服務器有改動,不好維護。所以我們可以使用全局變量來動態配置圖片路徑,維護性強。 首先在app.js文件裏的globaldata配

原创 小程序----頁面兼容h5標籤

有時候當小程序向後臺拿數據是一篇html標籤的文章時,把它放進小程序會發現很多標籤就不兼容,如果要一個個改又很麻煩,有沒有方法可以很快地兼容html標籤呢? 有個工具可以做到:wxParse 下載了它的壓縮包後解壓,複製wxPar

原创 換內存條要注意什麼

最近電腦內存佔用特別大,剛開機沒開什麼程序就70%以上了,所以決定加裝一個內存條,做好準備工作是很必要的噢! 一、看一下自己電腦有多少個卡槽 有些電腦只有一個裝內存條的卡槽,這樣的話就不能加裝,但一般都會有兩個的,打開自己電腦後面看一

原创 解決Vue動態修改樣式的一些bug

因爲項目需要,最近在入門學習Vue,結果遇到了好多bug,下面先來分享我其中之一的修bug過程: 大致的功能就是動態點擊li下的a標籤之後一些樣式的改變。 <div class="assort"> <ul id="assort

原创 小程序----搜索框實現

實現效果圖: <!--搜索框 --> <view class="weui-search-bar"> <view class="weui-search-bar__form"> <!--點擊之後,出現inp

原创 jq獲取當前點擊的ul裏li的a標籤的值

ul的id爲assort var assort=$("#assort li"); assort.click(function () { var classfiyText = $(this).find("a").eq(0).t