精华内容
下载资源
问答
  • web前端知识点

    2019-10-23 15:39:07
    知识点 html html5新特性 https://blog.csdn.net/m0_37696296/article/details/81083402 websocket理解和使用 https://blog.csdn.net/jing_80/article/details/82111423 浏览器模型常见对象 window、history...

    知识点

    html

    1. html5新特性 https://blog.csdn.net/m0_37696296/article/details/81083402
    2. websocket理解和使用 https://blog.csdn.net/jing_80/article/details/82111423
    3. 浏览器模型常见对象
      window、history、xhr、location https://www.cnblogs.com/ceceliahappycoding/p/10672423.html
    4. Cookie、sessionStorage、localStorage的理解和区别 https://blog.csdn.net/qq_29645505/article/details/88396944
    5. 页面dom渲染过程,重流和重绘https://www.cnblogs.com/duanlianjiang/p/5032286.html
    6. 文件上传实现
      https://www.jianshu.com/p/5147e36cf19c

    css

    1. 行内元素与块级元素区别
      https://blog.csdn.net/weixin_30577801/article/details/95926107
    2. flex布局

      答:css3引入的,flex布局;优点在于其容易上手,根据flex规则很容易达到某个布局效果,然而缺点是:浏览器兼容性比较差,只能兼容到ie9及以上;
      https://blog.csdn.net/xuehangongzi/article/details/80785177

    3. css预处理器less、sass
      https://blog.csdn.net/ly2983068126/article/details/77737292
    4. css3新特性
      https://blog.csdn.net/lxcao/article/details/52797914
    5. 伪元素before和after的用法https://www.cnblogs.com/wonyun/p/5807191.html
    6. display、float、position的关系https://www.cnblogs.com/fyxapril/p/3146360.html
    7. 盒模型
    8. 垂直居中方法:
      margin 0 auto
      margin和绝对定位计算
      flex布局
    9. https://blog.csdn.net/houyibing930920/article/details/99745669
      https://blog.csdn.net/hai_qing_xu_kong/article/details/72672404
    10. 上下两个div设置margin为20px,两个div的间距是多少,为什么https://blog.csdn.net/qq_30541261/article/details/71440467

    js

    1. es6新特性
      https://www.codercto.com/a/72590.html
    2. promise异步和async/await
      https://segmentfault.com/a/1190000016788484
    3. 浅拷贝和深拷贝的理解,实现深拷贝
      https://www.cnblogs.com/caozhuzi/p/10962829.html
    4. dom事件流,事件委托
      https://blog.csdn.net/weixin_33928137/article/details/91370745
    5. 跨域的理解和解决方法
      https://www.jianshu.com/p/79daa0d45aac
    6. Array对象的一些常用方法https://blog.csdn.net/tangxiujiang/article/details/79612935
    7. js数据类型:undefined、null、boolean、number、string、object、function、array
      答:后面3个是引用数据类型,前面的是基本数据类型
    8. jquery链式调用实现原理
      https://blog.csdn.net/heyue_99/article/details/54918126
    9. 防抖节流,如:
      监听一个输入框的文本变化,变化时调用接口,如何优化实现当输入停顿一段时间才调用接口https://www.cnblogs.com/momo798/p/9177767.html
    10. 如何判断一个变量是数组类型还是对象类型https://www.cnblogs.com/dreamingbaobei/p/9803491.html
    11. for in for of forEach map的区别
      https://blog.csdn.net/zl13015214442/article/details/90606961
    12. 模块机制,amd和commonjs
      https://www.cnblogs.com/moxiaowohuwei/p/8692359.html
    13. this对象和bind,call函数使用
      https://www.cnblogs.com/goloving/p/7259988.html
    14. proptype原型对象的理解,实现一个方法,传入一个string类型的参数,然后将string的每个字符间加个空格返回
    spacify('hello world') // => 'h e l l o  w o r l d'
    'hello world'.spacify();
    String.prototype.spacify = function(){
      return this.split('').join(' ');
    };
    
    1. 函数申明与函数表达式的区别
    // 函数声明
        function funDeclaration(type){
            return type==="Declaration";
        }
    // 函数表达式
        var funExpression = function(type){
            return type==="Expression";
        }
    

    Javascript 中函数声明和函数表达式是存在区别的,函数声明在JS解析时进行函数提升,因此在同一个作用域内,不管函数声明在哪里定义,该函数都可以进行调用。而函数表达式的值是在JS运行时确定,并且在表达式赋值完成后,该函数才能调用。

    1. 考察侯选人是否理解参数(arguments)对象。定义log,然后它可以代理console.log的方法。
    function log(msg) {
      console.log(msg);
    }
    function log(){
      console.log.apply(console, arguments);
    };
    
    1. 上下文的理解,如何确保可以访问到count
    var User = {
      count: 1,
      getCount: function() {
        return this.count;
      }
    };
    

    console.log(User.getCount());
    var func = User.getCount;
    console.log(func());
    // 1和undefined。

    var func = User.getCount.bind(User);
    console.log(func());

    1. 函数式编程,实现函数multi(2)(3)(4)=24
    function multi(n){
      var fn = function(x) {
        return multi(n * x);
      };
      fn.valueOf = function() {
        return n;
      };
      return fn;
    }
    multi(1)(2)(3)(4) == 24; // true
    

    vue

    1. vuex的原理
      https://www.cnblogs.com/LittleStar-/p/9982606.html
    2. vue-router传参和监听变化
      https://blog.csdn.net/TJH000/article/details/86573405
    3. 过滤器和指令的使用,是否使用过全局过滤器
      https://blog.csdn.net/rainbow8590/article/details/78330639
      全局过滤器
      https://www.jianshu.com/p/6ead0ed825da
    4. 组件通信方式了解几种?
      props传递
      event.emit,on
      bus组件
      vuex
      https://blog.csdn.net/weixin_44547882/article/details/102496270
      https://blog.csdn.net/wandoumm/article/details/80167526
    5. 计算属性compute和侦听器watch,可否修改compute里的值,怎么改
      https://blog.csdn.net/mystric594/article/details/77849361
      https://blog.csdn.net/eagle_88/article/details/72957496
    6. slot插槽,slot-scope使用
      https://blog.csdn.net/qq_40616529/article/details/94033417
    7. this.$nextTick的用法
      https://www.cnblogs.com/jin-zhe/p/9985436.html
      https://blog.csdn.net/gaoxin666/article/details/96143571

    react

    1. 创建组件的方式
      createClass、stateless function、extend Component/PureComponent
      https://segmentfault.com/a/1190000008402834
    2. redux工作流程
      https://segmentfault.com/a/1190000018333262?utm_source=tag-newest
      https://segmentfault.com/a/1190000020327447
    3. 组件生命周期
      https://www.jianshu.com/p/5f51e0f9ad39
    4. react-router-v4理解https://segmentfault.com/a/1190000010472619
      https://segmentfault.com/a/1190000016250098
    5. 高阶组件https://www.jianshu.com/p/585f3dd49073

    webpack

    1. 介绍一下webpack的工作原理
      https://www.jianshu.com/p/8dd5885bfb66
    2. 简单介绍一下webpack里面的配置项
      https://www.cnblogs.com/QxQstar/p/5961387.html
    3. 使用过哪些webpack的插件和loader
      https://www.cnblogs.com/t-sun-j/p/10278376.html
      https://juejin.im/post/5980752ef265da3e2e56e82e
    4. webpack中如何配置实现多入口页面
      https://blog.csdn.net/joyvonlee/article/details/96427591

    小程序

    1. 谈谈你对小程序开发的理解
    2. 小程序点击按钮传参是怎么做的
    3. 小程序开发中是否用了框架,ui组件样式怎么写的

    业务相关

    1. 项目文件结构,代码规范
    2. 权限控制如何实现,页面级和按钮功能级
    3. 登录流程
    4. 项目中有没有遇到特别困难的问题,是如何解决的
    5. 是否了解nodejs,是否使用过npm发布组件,描述过程

    其他

    1. 前端性能优化
    2. 有哪些好的习惯或方法可以提高工作效率
    3. 前端开发的理解,职业规划,发展方向
    4. 开发中遇到过什么难点问题,项目上有什么对自己提升很大的心得体会
    5. 分享一个最近学习的新技术,平时是通过哪些途径来提升自己的技术水平
    6. 是否有封装过自己的函数库或组建
    7. 介绍一下上个团队的情况,自己在其中担当什么角色
    8. 为什么考虑离职,对公司或团队有什么改进建议或看法
    9. 你认为前端开发工程师的核心价值体现在哪里
    10. 是否采用前后端分离,前后端如何协调定义数据模型
    11. 工作中使用那些开发工具,git的使用
    12. 平时是否写博客,有没有给团队做过技术分享,有什么心得
    13. 你认为前端开发工程师的核心价值体现在哪里
    14. 是否采用前后端分离,前后端如何协调定义数据模型
    15. 工作中使用那些开发工具,git的使用
    16. 分享你最近在学习或想了解的新技术,你学习新知识的途径有哪些
    17. 你为什么从上家公司离职呢,对上家公司有什么不满意的地方
    18. 浏览器调试工具经常用到那些模块
      console、element、sources、network、application(storage、cache)
    19. 封装一个时间轴的组件


      image.png
    // 线条样式
    .timeline-item-line {
        position: absolute;
        left: 4px;
        top: .75em;
        height: 100%;
        border-left: 2px solid #e8e8e8;
    }
    // 圆圈项样式
    .timeline-item-circle {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 100px;
        border: 2px solid transparent;
    }
    // 文本内容样式
    .timeline-item-content {
        margin: 0 0 0 18px;
        position: relative;
        top: -6px;
    }
    
    1. 封装一个弹出框组件
    // 遮罩层样式
    .overlay {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: rgba(0,0,0,0.8);
    }
    

    // 弹窗内容样式
    .overlay article {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -200px;
    width: 400px;
    height: 400px;
    }

    // 点击遮罩关闭弹窗,点击弹出内容冒泡导致关闭,防止事件冒泡
    $(’.overlay’).click(function(e){
    if (e.target == e.currentTarget)
    closeOverlay();
    });

    笔试编程

    1. 给定一个数组,编写一个函数去除重复元素,如:
      输入:arr=[1,2,3,2,3,4,5,2,3]
      输出:uniq(arr) = [1,2,3,4,5]

    2. 实现一个flatten函数,将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。如:

    flatten([1,[2],[3,[4]]]) = [1,2,3,4]
    
    1. 实现一个find函数,模拟原生的find函数,find(list, predicate)。

    在list中逐项查找,返回第一个通过predicate迭代函数真值检测的元素值,如果没有元素通过检测则返回 undefined。 如果找到匹配的元素,函数将立即返回,不会遍历整个list。

    var even = find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });
    // 2
    
    1. 实现一个parseQuery函数,能够解析location的search字符串(不包括'?')。

    输入一个search,输出一个object,同名参数则是会成为数组。

    let str = "http://localhost:3000/index.html?phone=12345678901&pwd=123123";
    var result = parseQuery(str);
    console.log(result) // { phone: '12345678901', pwd:'123123' }
    
    1. 将一个扁平数组转换成树状结构
    function toChildrenStruct(pidArray, expandLevel) {
        // 将pid结构的树型数据转换成children结构
        const childrenArray = []
        const expandedItems = []
        const itemMap = {}
        if (!pidArray) {
          return childrenArray
        } else {
          for (const item of pidArray) {
            item.key = item.id
            item.value = item.id
            item.label = item.name
            itemMap[item.id] = item
          }
          for (const item of pidArray) {
            const parent = itemMap[item.parentId]
            if (typeof parent === 'undefined') {
              // pid不存在,是顶级元素
              childrenArray.push(item)
            } else {
              if (typeof parent.children === 'undefined') {
                parent.children = []
                if (expandLevel === -1) expandedItems.push(parent.id)
              }
              parent.children.push(item)
            }
          }
        }
        return childrenArray
      }
    
    展开全文
  • web前端 知识点

    2017-06-16 17:31:00
    转载于:https://www.cnblogs.com/huoxiansudi/p/7028560.html

     

    转载于:https://www.cnblogs.com/huoxiansudi/p/7028560.html

    展开全文
  • Web前端知识点总结.doc

    2019-10-04 10:04:13
    Web前端知识点总结
  • Web 前端知识点

    2014-09-12 14:16:00
    转载于:https://www.cnblogs.com/chris-hus/p/web-front-end-tech.html

      

    web前端学习知识点思维导图

    转载于:https://www.cnblogs.com/chris-hus/p/web-front-end-tech.html

    展开全文
  • Web前端知识点有哪些?怎么学习小程序基础库?小程序随着移动互联网的发展以及微信的火爆而兴起,凭借低成本、高营销性迅速成为企业开发的重点。很多企业在招聘Web前端人才时都会考察求职者是否具备小程序开发能力,...

      Web前端知识点有哪些?怎么学习小程序基础库?小程序随着移动互联网的发展以及微信的火爆而兴起,凭借低成本、高营销性迅速成为企业开发的重点。很多企业在招聘Web前端人才时都会考察求职者是否具备小程序开发能力,下面就给大家简单介绍一下小程序基础库。

    e3c3b0291d3703a9538e5ef275db6701.png

      基础库是小程序运行的必要环境,我们的开发主要就是面向基础库开发的。基础库封装了微信和手机的能力并提供给小程序使用,我们使用基础库提供的组件和API开发起来非常的方便。可以说,了解和使用基础库就揭开了小程序90%的神秘面纱。

      小程序的基础库是JavaScript编写的,它可以被注入到渲染层和逻辑层运行。在不同的地方有不同的用途:在渲染层,提供各类组件来组建界面的元素;在逻辑层,提供各类API来处理各种逻辑;处理数据绑定、组件系统、事件系统、通信系统等一系列框架逻辑。

      由于小程序的渲染层和逻辑层是两个线程管理,两个线程各自注入了基础库。小程序的基础库不会被打包在某个小程序的代码包里边,它会被提前内置在微信客户端。这样可以降低业务小程序的代码包大小,还能够单独修复基础库中的Bug,无需修改到业务小程序的代码包。

      基础库存在于我们的微信客户端中,它和微信一样,也会有其自己的版本,每个版本都会有一些新特性。微信官方为了使得基础库的版本和微信的版本同步,采取了一个微信版本对应一个基础库版本的方式。这就使得用户在更新最新版本的微信时也能更新至最新版本的基础库,带来的优点就是用户的基础库都是最新版本的。

      Exparser是微信小程序的组件组织框架,内置在小程序基础库中,为小程序的各种组件提供基础的支持。小程序内的所有组件,包括内置组件和自定义组件,都由Exparser组织管理。Exparser特点包括:

      基于Shadow DOM模型:模型上与WebComponents的ShadowDOM高度相似,但不依赖浏览器的原生支持,也没有其他依赖库;实现时,还针对性地增加了其他API以支持小程序组件编程。

      可在纯JS环境中运行:这意味着逻辑层也具有一定的组件树组织能力。

      高效轻量:性能表现好,在组件实例极多的环境下表现尤其优异,同时代码尺寸也较小。

      想了解更多小程序知识或者想要学习开发自己的小程序,你可以选择专业的学习方式,让自己理论与实战兼备,更具求职竞争力。

    展开全文
  • sub - 下标 sup - 上标 textarea - 多行文本输入框 u - 下划线 select - 项目选择 2、实现文本三个的几个条件 text-overflow属性仅是:当文本溢出时是否显示省略标记,并不具备其它的样式属性定义,要实现溢出时...
  • 这里面出现的问题:无法给同一个元素绑定多个相同的事件,然而在web开发中,这个是非常普遍的一个应用。 3、DOM2级,对主流浏览器来说,使用addEventListener和removeListener方法,它们都接受3个参数:要处理的...
  • 最近看一些体育比赛都是用一些倒计时计算的,而且倒计时效果在很多地方应用也很广泛的,小猿圈web前端讲师今天就给大家用JavaScript写倒计时的效果,有兴趣的小伙伴来看一下吧。下面就直接给出实现此功能的代码实例...
  • } css min-width/min-height属性与max-width/max-height属性用法 PC web页面使用max-width/max-height属性,适配小屏幕设备。 moblie web页面使用min-width/min-height属性,适配大屏幕设备。 浏览器窗口缩放,页面...
  • 1+X Web前端知识点复习总结(1)

    千次阅读 2019-12-25 19:39:46
    1+X Web前端知识点复习总结(1) web简介 1. Internet 简介及历史 … 全球性的计算机互联网络,中文名称有“因特网”、“国际互联网”、“网际网”等等。 … Internet 提供的主要服务:Email FTP BBS Web Telnet … ...
  • 下面,千锋石家庄Web前端培训小编就给大家总结一下,零基础新手在学习Web前端时应该掌握哪些知识点。1、HTML学习超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页...
  • 初学者web前端知识点--HTML部分 html:页面的根元素。 head:页面的头部标签,是所有头部元素的容器。 body:页面的主体标签,页面展现的内容就放置在这里面。 title:页面的标题。 meta:位于文档的头部,提供...
  • Web前端知识点查漏补缺(更新中) Entity references: Including special characters in HTML[1] In HTML, the characters <, >,",’ and & are special characters. They are parts of the ...
  • Web前端知识点有哪些?怎么学习小程序基础库?小程序随着移动互联网的发展以及微信的火爆而兴起,凭借低成本、高营销性迅速成为企业开发的重点。很多企业在招聘Web前端人才时都会考察求职者是否具备小程序开发能力,...
  • web前端开发培训之前端开发必会的二十五个知识点1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Blink,Gecko,Webkit,Blink。2. 说...
  • Web 前端知识点总结

    千次阅读 2016-10-23 15:17:02
    3.如何看待前端开发? 4.平时是如何学习前端开发的? 5.未来三到五年的规划是怎样的? position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 ...
  • web前端知识点概要

    2020-06-24 12:00:33
    语义化标签:article、footer、header、nav、section... 表单控件:date、time、email、url、search(input框type的取值) 音视频:video、audio 画布:canvas 本地离线存储:localStorage 2、css3新增属性 ...
  • Web前端知识点清单

    2020-06-11 22:19:02
    前端工程化,模块化(Scss,less)。 前端静态资源版本管理。 跨域问题解决。 前端开发最复杂的流程。 具有 0 ➡ 1 项目开发经验。 没有原型图,如何高质量开发。 UI 出图后,如何快速用代码构建静态页面,保证布局...
  • web前端 知识点总结

    2019-04-23 17:28:14
    基础知识点 1.水平垂直居中 子绝父相,子盒子设置绝对定位,设置top:50%;left:50%,margin-top:-50%;margin-left:-50%; 子绝父相,子盒子设置绝对定位,设置 left & top & right & bottom为0;margin: auto...
  • web前端知识点汇总

    2020-02-13 10:32:27
  • 3.pt:单位名称为(point),绝对长度单位一般老版本的table使用,现在已经不用了。 4.rem:是CSS3中新增加的一个单位值,是相对长度单位。 em是相对于元素的父元素的font-size进行计算。 rem是相对于根元素html的...
  • web前端知识点总结

    2019-07-18 20:12:46
    2019.07.18日更新
  • web前端知识点1

    2019-08-12 14:34:12
    WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协 议。 HTTP基于TCP/IP通信协议来传递数据。 HTTP基于客户端/服务端(C/S)架构模型,通过一个可靠的链接来交换信息, 是一个无状态的请求 /响应...
  • Web前端知识点总结

    千次阅读 2017-07-05 14:06:53
    有兴趣的小伙伴可以一起来讨论、分享、学习)最近想自学一下前端知识,其实前端的基础部分的话以前也搞过一段时间,但是后来长时间不用了,所以就一点一点淡忘了,而且也没做什么笔记,代码这东西就得多敲,多记。...
  • Web前端知识点记录

    2019-04-22 15:31:00
    三、常用标签知识点 1. 块级标签、行级标签及行内块标签 行及标签 特点:在一行内显示(在一行中可以并列多个行级标签),对宽高属性值不生效,完全靠内容撑开宽高  常见行级标签:span、a、em、font ...
  • web前端知识点记录

    2018-11-06 10:18:11
    https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Using_CSS_gradients 6、CSS选择器 a,b 选择所有a元素和所有b元素。 a b 选择a元素内部的所有b元素。 a>b 选择父元素为a元素的所有b元素。 a+b 选择...
  • (2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。 (4) 当需要...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,848
精华内容 1,539
关键字:

web前端知识点