Layaling the web

摘要： js事件冒泡 javascript的事件传播过程中，当事件在一个元素上出发之后，事件会逐级传播给先辈元素，直到document为止，有的浏览器可能到window为止，这就是事件冒泡现象。 <div id="col"> <p> <a id="btn" href="#">button</a> </p>< 阅读全文

摘要： javascript是单线程 JavaScript的单线程，因为作为浏览器脚本语言，JavaScript的主要用途是增强用户与 Web 站点和 Web 应用程序之间的交互。这决定了它只能是单线程，否则会带来很复杂的并发问题。但是为了提高网页性能，往往js中都存在着大量的异步操作以解决js同步操作时可 阅读全文

摘要： 简而言之，所有的框架都是建立在原生javascript基础之上的，所以对于有一定js基础的同学来说，各种框架都是比较容易入手的，但不同的框架之间又有一定的差别，有时候切换使用时就会掉入坑了。 一、微信小程序有自己封装的一套组件视图容器，它把平时我们可能会用的一些页面视图效果都进行了分装； eg: s 阅读全文

摘要： 前端需要对后端传过来的值进行解析之后再展示，而后端传过来的值可能是各种类型的，一般情况下要么和后端沟通下让他直接传给我们需要的类型，这个，我一般直接自己转，这次后端传回来一个map类型的对象，我转来转去转了1个小时才整出来，记录一下。 以下是代码： 打印结果： 阅读全文

摘要： ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。 缺点：只能支持GET请求而不能支持POST等其他http请求方式； 阅读全文

摘要： 1、html三栏布局有几种(就是左右固定，中间自适应) 浮动布局float、定位布局、flex布局、表格布局、css3栅栏布局 2、html5有哪些新特性 字体样式、圆角、视频、音频、canvas、svg、sessionstorge、localstorage........ 3、css3位移怎么做 阅读全文

摘要： 前端页面官网的开发，离不开新闻列表，新闻列表一般都会有分页的功能，下面是我自己总结加查找网上资料写的一个分页的功能，记录一下。 首先，官网的开发建立在前后端分离的基础上； 再有，后端小伙伴们提供列表页数据的接口； 最后，从接口拿数据，渲染到页面上。 如图，点击上一页返回前面一页的数据，点击下一页，返 阅读全文

摘要： 文字溢出处理有两种方式： 一、css overflow:hidden; white-space: nowrap; text-overflow: ellipsis; 二、js方法 控制字符个数，超出部分这不显示 以下为示例demo.html 最后页面展示 阅读全文

摘要： 一、安装 在本机安装好nodejs的基础上，window操作系统，cmd打开控制台，添加到创建的文件夹下 npm init //初始化npm npm install webpack --save-dev 正常等待安装完成，安装完成可能会出现一些警告 新建项目，编辑css,js,html，运行webp 阅读全文

摘要： 特别来记录一下canvas绘制图像，要在图片加载完后，才会将其显示在canvas画布之上，否则会显示不出来；深刻体会，愣是找不到问题。。。 要在图片加载完成之后，图片加载完成之后。。。 阅读全文