原创 前端盒子居中顯示方法,前端上下左右居中

前端佈局的時候總是會遇到一些需要居中的方案,下面是我平常使用的一些方法,當然還有很多的方法也能居中顯示。1、寬高固定 – 使用絕對定位居中顯示這兒一般是用在固定的大小的box中使用,如果相對定位的box大於屏幕不建議使用。代碼如下: <di

原创 html、css文字加粗方法

一般來說前端加粗字體的方法有兩種,一個是html標籤加粗的方法,另一個是css加粗字體的方法,還有一個是字體加粗方法。前兩個是我們最常用的方法,後一個感覺有點非主流的方法,也不知道我是怎麼想到這種方法的,有點爲自己的智商感到悲傷,下面給大家

原创 NodeJS express跨域獲取數據

這幾天一直在研究NodeJS跨域獲取數據的事情,然後找到了一個好用的模塊request。 一、先把咱們的主要模塊引用進來: 這裏我使用的是express var express = require('express');var router

原创 CSS選擇器之:nth-child()和:nth-of-type()的使用

今天就講一下css選擇器:nth-child()和:nth-of-type()的使用。 一、:nth-child()和:nth-of-type()的支持度 所有主流瀏覽器均支持:nth-child()和:nth-of-type()選擇器,除

原创 Typescript VSCode編譯

今天項目使用了Typescript來寫了點代碼,然後發現了可以使用VSCode時時的編譯,記錄下來! 一、安裝ts 執行 npm i -g typescript二、node必須安裝,自行搜索 三、先隨便創建一個文件夾,裏面弄一個index.

原创 JS時間插件laydate

今天跟大家分享一個時間插件,這個插件是我以前經常使用的一個插件,比較強大,到目前爲止還沒有發現問題。 這個插件支持一下幾點: 1、各種組合的時間選擇(年月、年月日時分秒、陰曆陽曆) 2、時間區間 3、彈出顯示與否 4、時間自定義格式 5、最

原创 input寬度隨內容變化

今天收到一個需求,input的寬度隨着內容的變化而變化,最重要的還有最大寬度的限制。 然後各種查資料個嘗試,做了三個小案例: 一、獲取文字數量*文字寬度去計算 雖然說這個方法代碼量比較少,但是在不同的字體中還是有一定的誤差的,所以建議不要使

原创 JS二維碼生成插件,一鍵生成二維碼

jquery.qrcode是個依賴jquery的二維碼生成插件,主要用於連接和文本的二維碼生成,有兩種生成格式canvas和table格式的,當然canvas不支持低版本瀏覽器,table有點小bug,但是沒啥大問題。建議使用在移動端上。

原创 用JQuery做一個分屏滾動效果

平常會遇到這樣的需求,網站整屏滾動效果。 效果如下圖,紅色爲瀏覽器窗口,其他爲每一個塊兒,當我們使用鼠標的滾輪的時候會上下切換。 到這裏咱們還需要一個東西,鼠標滾輪時間,還好有個插件幫咱們包裝好了鼠標滾輪時間相關的參數 jquery.mou

原创 低版本IE瀏覽器不兼容placeholder解決方法

雖說現在很多網站都放棄了IE瀏覽器的低版本,但是很多時候咱們還得看甲方的要求就製作網站。如果甲方要求兼容IE789,那麼咱們就得給人家做出來兼容的產品。 今天就IE789的input標籤的placeholder說一說解決方法。 一、優雅降級

原创 JS跳轉鏈接,JS跳轉頁面方法

在製作網站的時候我們很多時候都會遇到使用javascript來控制跳轉鏈接。 JS跳轉鏈接有很多種這裏就寫一些咱們經常用的到的方法: 第一種,JS直接打開頁面(不刪除來源頁面)(www.gendan5.com) window.locatio

原创 判斷input是否被選中

今天處理了一個input被選中的問題,所以今天就謝謝input被選中的一些js相關的問題吧。 input的被選中屬性叫做checked。 checked是input的多選框type=”checkbox”、單選框type=”radio”的屬性

原创 JQuery包裝對象wrap、wrapAll、wrapInner、unwrap

jq怎麼在標籤外面給父級標籤,怎麼在div外面動態加標籤,怎麼刪除標籤的父級元素,怎麼把多個標籤抱在一個標籤裏面,標籤裏面再加一個標籤,請看JQuery包裝對象wrap、wrapAll、wrapInner、unwrap。 一、JQuery包

原创 JQuery拖拽效果

以前寫過一個原生JS的拖拽效果《原生JS拖拽效果》,今天閒來無事就寫一個JQ的拖拽吧。 先上HTML部分: <div class="boxbox"><div class="box" style="top:150px;left:150px;"