• 纯原生组件化-模块化的探索

    纯原生的组件化、模块化的一次小小的尝试,用到了如下几个新特性: shadown-DOM 对 HTML 标签结构的一个封装,真正意义上的组件,能保证 shadow-DOM 中的 DOM 元素不会被外界影响,内部也不会影响到外部的行为,变成了一个独立的模块。 custom-elements 可以在浏览器中...

    2018-07-06 01:49:22

  • JS异步编程 (2) - Promise、Generator、async/await

    JS异步编程 (2) - Promise、Generator、async/await 上篇文章我们讲了下JS异步编程的相关知识,比如什么是异步,为什么要使用异步编程以及在浏览器中JS如何实现异步的。 最后我们捎带讲了几种JS异步编程模式(回调,事件和发布/订阅模式),这篇我们继续去深入了解下其...

    2018-07-06 01:49:19

  • js中的继承

    JS虽然不像是JAVA那种强类型的语言,但也有着与JAVA类型的继承属性,那么JS中的继承是如何实现的呢? 一、构造函数继承 1 在构造函数中,同样属于两个新创建的函数,也是不相等的 2 3 function Fn(name){ 4 this .name = name; 5 this .show = function(){ 6 alert( th...

    2018-07-06 01:49:17

  • 封装轮播图 学轮子不如造轮子

    CSS 部分代码 style type="text/css" ul { padding : 0 ; margin : 0 ; list-style : none ; } img { vertical-align : top ; } .slider { width : 490px ; height : 170px ; margin : 100px auto ; border : 1px solid red ; padding : 5px ; position : relative ; }...

    2018-07-06 01:49:14

  • Socket网络编程

    1.网络编程的概念: 网络编程从大的方面说就是对信息的发送到接收,中间传输为物理线路的作用,编程人员可以不用考虑…… 网络编程最主要的工作就是在发送端把信息通过规定好的协议进行组装包,在接收端按照规定好的协议把包进行解析,从而提取出对应的信息,达到通信...

    2018-07-06 01:49:13

  • 关于echarts图表在tab页中width:100%失效的问题

    在使用echarts时,写在tab页中的图表宽度明明设成了100%,但是在页面上实际却只有100px宽 div id ="chartMain" style ="width:100%;height:300px" / div 原因很简单,在tab页中,图表的父容器div是隐藏的(display:none),图表在执行js初始化的时候找不到这个元素,...

    2018-07-06 01:49:13

  • git+webpack项目初始化

    目录结构 src + page view image service util git初始化 linux常用命令 rm -rf mmall-fe/ 删除 mkdir mmall-fe 创建文件夹 ls -al 显示所有文件 cd .. 返回上一级 cat text.html 查看文件内容 rm -rf dist/ 删除文件夹(所有内容) rm text.html 删除文件 touch test.js...

    2018-07-06 01:49:11

  • JSON.stringify()和JSON.parse()的区别

    JSON.stringify()此方法用于将一个对象解析成字符串并返回。 JSON.parse()此方法刚好相反是将一个字符串对象解析成一个JSON对象。...

    2018-07-06 01:49:08

  • 简单的一些表单验证,拿来即可用

    JS简单的一些表单验证 效果图: 代码如下,复制即可用: ! doctype html html lang ="en" head meta charset ="UTF-8" style type ="text/css" input { width : 200px ; height : 25px ; line-height : 25px ; font-size : 16px ; font-family : "微软雅黑" ; color :...

    2018-07-06 01:49:05

  • 基础数据类型

    1、数值类型 Number 2、字符串类型 String 2-1、获取字符串长度:msg.length; 2-2、如果+两边是数字,那执行数学运算的加;如果+两边是String类型,则拼接字符串;如果+两边一边是字符串一边是数值类型,会先把数值类型自动转换成字符串,然后进行字符串拼接。 2-3、...

    2018-07-04 02:34:41

2