原创 css——百分比設置margin(外邊距)

對元素的margin(外邊距)可以設置百分數值。 對元素的 margin(外邊距)設置百分數值:百分數是相對於父元素的width來計算的。 HTML: <div class="contain"> <div class="d1

原创 JavaScript編程題(一)

題目: 一個數列: 1, 12, 123, 1234, 12345,...12345678910,1234567891011...。計算從數列的第 m 個到第 n 個(包含端點)有多少個數可以被3整除。 方法一: for循環m 到 n ,

原创 JavaScript編程題(二)——較簡單

1、定義一個函數,求任意個數字的和。 function sum(...nums){ let sum=0; nums.forEach(item=>sum+=item); return sum; } 2、求

原创 JavaScript的位操作符

JavaScript的位操作符有:按位非,按位與,按位或,按位異或,左移,有符號的右移,無符號的右移。 基礎: ECMAScript 整數有兩種類型:有符號整數(允許用正數和負數)和無符號整數(只允許用正數)。在 ECMAScript 中

原创 JavaScript的數值轉換函數——parseInt

有 3 個函數可以把非數值轉換爲數值: Number()、 parseInt() 和 parseFloat()。轉型函數 Number() 可以用於任何數據類型,parseInt() 和  parseFloat() 函數則專門用於把字符串

原创 JavaScript編程題(三)——前端編程筆試題

昨晚做了一個公司的筆試題,裏面有2道編程題,記錄一下。 1、定義一個函數,接收不定數量的數組作爲參數,將這些數組合併爲一個數組。 方法有很多,我這裏用ES6的 剩餘參數 和 擴展運算符 解決。 function sumArray1(..

原创 剩餘參數與arguments對象

1、剩餘參數 剩餘參數語法允許將一個不定數量的參數表示爲一個數組。 表示:一個普通標識符前加3個點 ,例: ...args const sum=(f,...args)=>{ console.log(f); //1

原创 CSS動畫——clip剪切動畫

css中有一動畫屬性:clip 語法:clip: rect(top,right,bottom,left);    例:clip: rect(0px, 50px, 50px, 0px); 作用:實現剪切,保留部分爲: width = rig

原创 javascript實現倒計時效果

分析: 1、要實現倒計時,所以需要用到 setInterval 定時器。 2、需要用到Date函數,計算出倒計時的小時數、分鐘數、秒數;再用 innerHTML 把倒計時的 小時數、分鐘數、秒數放入三個盒子裏顯示出來。 3、用定時器第一次

原创 javascript實現效果——5秒後跳轉至指定頁面

分析: 1、需要跳轉,則要用到 location對象的href屬性。 2、倒計時5秒需要使用定時器 setInterval。 HTML: <div id="msg"></div> JavaScript: window.onload=f

原创 JavaScript編程題(四)——使用遞歸函數實現

用JavaScript實現幾個簡單編程題,下面的都是使用遞歸函數實現的。 1、用遞歸函數求階乘。 階乘:一個正整數的階乘(factorial)是所有小於及等於該數的正整數的積,並且0的階乘爲1。 即:n!=1×2×3×...×n fun

原创 JavaScript編程題(五)

1、實現幾個迴文數相加。  例如: 給你一個整數2 ,輸出迴文數相加結果:1+121=? 輸入整數3 ,輸出迴文數相加結果:1+121+12321=? function hui(num){ var n=""; for(v

原创 實現效果——內容與邊框有距離

前兩天遇到一個要實現的效果:一個顏色塊有邊框,邊框與色塊有一定距離,如下: 當時第一個想法是:用一個元素包裹另一個元素,外部元素有一定寬度的padding,或內部元素有一定寬度的margin。 今天遇到一個css屬性可以實現一個HTML

原创 JavaScript編程題(七)——關於Number類型

1、獲取數字 num 二進制形式第 bit 位的值。 1)bit 從 1 開始 2)返回 0 或 1 方法一: 知識點:數值的toString()方法;charAt()方法返回指定位置的字符,若超過範圍位置,返回空字符,Number()對

原创 JavaScript的toString()方法

數值、布爾值、對象和字符串值都有 toString()方法,null 和 undefined 值沒有 toString()方法。 toString()方法作用是返回相應值的字符串表現,字符串的toString()方法就是返回該字符串的一個