【牛客编程题】零基础入门前端之73题（html，css，ES5，WebAPI）

Posted on by hackdl

【牛客编程题】零基础入门前端之73题
做题链接：https://www.nowcoder.com/exam/oj?page=1&tab=HTML%2FCSS&topicId=260

文章目录

  • 01 HTML
  • FED1 表单类型
  • FED2 表格结构
  • FED3 图像标签属性
  • FED4 新窗口打开文档
  • FED5 自定义列表
  • FED73 加粗文字
  • FED6 语义化标签
  • FED7 音频媒体标签属性
  • FED8 视频媒体标签属性
  • 02 CSS
  • FED9 CSS选择器——标签、类、ID选择器
  • FED10 CSS选择器——伪类选择器
  • FED11 CSS选择器——伪元素
  • FED12 按要求写一个圆
  • FED13 设置盒子宽高
  • FED74 段落标识
  • FED75 设置文字颜色
  • FED76 圣诞树
  • FED14 浮动和清除浮动
  • FED15 固定定位
  • FED18 CSS单位（一）
  • FED19 CSS单位（二）
  • 03 ES5
  • FED20 基本数据类型检测
  • FED21 检测复杂数据类型
  • FED22 数据类型转换
  • FED23 阶乘
  • FED24 绝对值
  • FED25 幂
  • FED26 平方根
  • FED27 余数
  • FED56 数组求和
  • FED69 完全等同
  • FED70 或运算
  • FED71 且运算
  • FED72 字符串字符统计
  • FED28 返回星期数
  • FED29 从大到小排序
  • FED30 大写字符串
  • FED31 对象属性键名
  • FED32 对象数字
  • FED33 对象字符串
  • FED34 去除字符串两端空格
  • FED35 输出日期
  • FED36 数字取整
  • FED37 数组反转
  • FED38 数组转字符串
  • FED39 数组最大值
  • FED40 搜索数字
  • FED41 头部插入元素
  • FED42 尾部插入元素
  • FED43 js-位置查找
  • FED44 向下取整
  • FED45 整数反转
  • FED46 字符串搜索
  • FED57 移除数组中的元素
  • FED58 移除数组中的元素
  • FED59 添加元素
  • FED60 删除数组最后一个元素
  • FED61 添加元素
  • FED62 删除数组第一个元素
  • FED63 数组合并
  • FED64 添加元素
  • FED65 求二次方
  • FED66 查找元素位置
  • FED68 正确的使用 parseInt
  • FED47 函数——参数对象
  • FED48 this指向
  • 04 WebAPI
  • FED49 JS动态创建节点
  • FED50 根据ID获取元素
  • FED51 JS修改元素内容
  • FED52 阻止冒泡事件
  • FED53 阻止默认事件
  • FED54 url地址
  • 05 综合练习
  • FED55 点击按钮隐藏元素

01 HTML

FED1 表单类型

FED2 表格结构


    
    nowcoder
    

        1
        2
        3
    

    

        1
        2
        3

FED3 图像标签属性


代替

FED4 新窗口打开文档


标签

FED5 自定义列表


    
    
nowcoder

    
nowcoder

FED73 加粗文字

牛客网，程序员必备求职神器

FED6 语义化标签

FED7 音频媒体标签属性



    
    audio

FED8 视频媒体标签属性

02 CSS

FED9 CSS选择器——标签、类、ID选择器


    
        
        
    
    
        
红色

        
绿色

        
黑色

FED10 CSS选择器——伪类选择器


    
        
        
    
    
        
    
            
  • 1
    • 
            
  • 2
    • 
            
  • 3
    • 
            
  • 4
    •

FED11 CSS选择器——伪元素

FED12 按要求写一个圆

FED13 设置盒子宽高

FED74 段落标识

牛客网是一个专注于程序员的学习和成长的专业平台。

FED75 设置文字颜色

p
{
    color:red;
}

FED76 圣诞树

FED14 浮动和清除浮动

FED15 固定定位

FED18 CSS单位（一）

FED19 CSS单位（二）

03 ES5

FED20 基本数据类型检测

function _typeof(value) {
    // 补全代码
    return typeof(value);
}

FED21 检测复杂数据类型

function _instanceof(left,right) {
    // 补全代码
    return (left instanceof right);
}

FED22 数据类型转换

function _splice(left,right) {
    // 补全代码
    return String(left)+String(right)
}

FED23 阶乘

function _factorial(number) {
    // 补全代码
    var sum = 1;
    for(var i = 1; i

FED24 绝对值

function _abs(number) {
    // 补全代码
    return number>0 ? number : -number
}

FED25 幂

function _pow(number,power) {
    // 补全代码
    var sum = 1;
    for(let i = 1; i

FED26 平方根

function _sqrt(number) {
    // 补全代码
    return Math.sqrt(number);
}

FED27 余数

function _remainder(value) {
    // 补全代码
    return value%2;
}

FED56 数组求和

function sum(arr) {
    let sum = 0;
    for(let i = 0; i

FED69 完全等同

function identity(val1, val2) {
    return val1 === val2;
}

FED70 或运算

function or(a, b) {
    return a || b;
}

FED71 且运算

function and(a, b) {
    return a && b;
}

FED72 字符串字符统计

function count(str) {
    let obj = {};
    for(let i = 0; i

FED28 返回星期数

function _getday(value) {
    // 补全代码
    let arr = ['天', '一', '二', '三', '四', '五', '六'];
    return `星期${arr[value%7]}`
}

FED29 从大到小排序

function _sort(array) {
    // 补全代码
    return array.sort((a,b)=>{ 
        return b-a
    })
}

FED30 大写字符串

function _touppercase(string) {
    // 补全代码
    return string.toUpperCase();
}

FED31 对象属性键名

function _keys(object) {
    // 补全代码
    let arr = [];
    for(let x in object){
        arr.push(x);
    }
    return arr;
}

FED32 对象数字

function _numbertoobject(number) {
    // 补全代码
    return {number};
}

FED33 对象字符串

function _stringtoobject(string) {
    // 补全代码
    return {string};
}

FED34 去除字符串两端空格

function _trim(string) {
    // 补全代码
    return string.trim();
}

FED35 输出日期

function _date(number) {
    // 补全代码
    let date = new Date(number);
    return `${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}`;
}

FED36 数字取整

function _int(value) {
    // 补全代码
    return parseInt(value);
}

FED37 数组反转

function _reverse(array) {
    // 补全代码
    return array.reverse(array);
}

FED38 数组转字符串

function _join(array) {
    // 补全代码
    return array.join('');
}

FED39 数组最大值

function _max(array) {
    // 补全代码
    array.sort(function(a,b){
        return b-a;
    })
    return array[0];
}

FED40 搜索数字

function _search(string) {
    // 补全代码
    return string.search(/[0-9]/) >= 0 ? true : false;
}

FED41 头部插入元素

function _unshift(array,value) {
    // 补全代码
    return array.unshift(value);
}

FED42 尾部插入元素

function _push(array,value) {
    // 补全代码
    return array.push(value);
}

FED43 js-位置查找

function _indexof(array,value) {
    // 补全代码
    return array.indexOf(value);
}

FED44 向下取整

function _floor(number) {
    // 补全代码
    return Math.floor(number);
}

FED45 整数反转

function _reverse(number) {
    // 补全代码
    let num = String(Math.abs(number)).split('').reverse().join('')
    return num > 0 ? Number(num): -Number(num)
}

FED46 字符串搜索

function _search(string,value) {
    // 补全代码
    return string.indexOf(value)==-1 ? false : true
}

FED57 移除数组中的元素

function remove(arr, item) {
    return arr.filter(function(val,index,arr){
        return val!=item;
    })
}

FED58 移除数组中的元素

function removeWithoutCopy(arr, item) {
    for(let i = 0; i

FED59 添加元素

function append(arr, item) {
    return arr.concat([item]);
}

FED60 删除数组最后一个元素

function truncate(arr) {
    let arr2 = arr.slice();
    arr2.pop();
    return arr2;
}

FED61 添加元素

function prepend(arr, item) {
    let arr2 = arr.slice();
    arr2.unshift(item);
    return arr2;
}

FED62 删除数组第一个元素

function curtail(arr) {
    let arr2 = arr.slice(0);
    arr2.shift(arr[0])
    return arr2;
}

FED63 数组合并

function concat(arr1, arr2) {
    return arr1.concat(arr2);
}

FED64 添加元素

function insert(arr, item, index) {
    let arr2 = arr.slice(0);
    arr2.splice(index,0,item)
    return arr2;
}

FED65 求二次方

function square(arr) {
    var arr2 = [];
    arr.forEach(function(e){
        arr2.push(e*e)
    })
    return arr2; 
}

FED66 查找元素位置

function findAllOccurrences(arr, target) {
    let arr2 = []
    arr.forEach((item, index)=>{
        if(item == target){
            arr2.push(index)
        }
    })
    return arr2;
}

FED68 正确的使用 parseInt

function parse2Int(num) {
    return parseInt(num, 10);
}

FED47 函数——参数对象

function getArguments (a,b,c) {
    // 补充代码
    return arguments;
}

FED48 this指向

var obj = {
    a: 1,
    b: 2,
    fn: function(){
        // 补全代码
        return obj.a+obj.b;
    }
}

04 WebAPI

FED49 JS动态创建节点

    FED50 根据ID获取元素

    function getLI(id){
    // 补全代码
    return document.querySelector(`#${id}`);
}

    FED51 JS修改元素内容

    FED52 阻止冒泡事件

    
    
        
    
    
        
      
            
    • nowcoder
      •

    FED53 阻止默认事件

    FED54 url地址

    function getUrlHref (){
    // 补全代码
    return location.href;
}

    05 综合练习

    FED55 点击按钮隐藏元素

    

    
        
        
    
    

        
    
            
    X

    服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
    机房租用，北京机房租用，IDC机房托管， http://www.e1idc.net

    服务器托管，北京服务器托管，服务器租用，机房机柜带宽租用

    服务器托管

    咨询：董先生

    电话13051898268 QQ/微信93663045！

    上一篇:
    下一篇: