随笔分类 - Html+CSS+Javascript/Jquery
摘要:一、前言 自从JavaScript诞生开始,到现在开始变成流行的编程语言,背后的是web发展所推动的。web应用的变得更多更复杂,但是渐渐暴露出JavaScript的问题: (1)语法太灵活导致开发大型web项目困难; (2)性能不足满足一些场景的需要。 二、为什么需要WebAssembly 针对以
阅读全文
摘要:一、前言 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 reduce() 可以作为一个高阶函数,用于函数的 compose。 reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这
阅读全文
摘要:一、前言 简短的sleep函数,获取时间戳:https://www.mwcxs.top/page/746.html 数字格式化 1234567890 --> 1,234,567,890;argruments 对象(类数组)转换成数组: https://www.mwcxs.top/page/749.h
阅读全文
摘要:文章首发于sau交流学习社区 一、前言 目前主流的模块规范: 1、UMD通用模块 2、CommonJs 3、es6 module 二、UMD模块(通用模块) 如果你在js文件的头部看到这样的代码,这个js文件使用的规范就是UMD规范; 什么是UMD模块规范?就是AMD+CommonJs+全局变量的组
阅读全文
摘要:构架vuex的后台管理项目源码: https://github.com/saucxs/structure-admin-web 一、node安装 可以参考这篇文章http://www.mwcxs.top/page/220.html 二、vue-cli 全局安装 命令行执行 : npm install
阅读全文
摘要:观察者模式(observer):又被称为 发布-订阅者模式或者消息机制,定义了一种依赖关系,解决了主体对象与观察者之间功能耦合。 一、这样的需求 在实现自己的需求,而添加一些功能代码,但是又不想新添加的代码影响他人的实现功能,也就是说,你不想让自己的模块与他人的模块严重耦合在一起,对于这类问题,观察
阅读全文
摘要:面向对象编程(object-oriented programming,OOP)是一种程序设计范型。它讲对象作为程序的设计基本单元,讲程序和数据封装其中,以提高程序的重用性、灵活性和扩展性。 一、举个例子 有这么一个需求:做一个验证表单功能,仅需要验证用户名,邮箱,密码等 觉得在项目产品开发中,自己是
阅读全文
摘要:变量的结构赋值用户很多 1、交换变量的值 上面的代码交换变量x和变量y的值,这样的写法不仅简洁,易读,语义非常清晰 2、从函数返回多个值 函数只能返回一个值,如果要返回多个值,只能讲他们放在数组或者对象里返回。了解解构赋值,取值这些值非常方便 3、函数参数的定义 解构赋值可以方便的讲一组参数与变量名
阅读全文
摘要:一、Array 1、some()和every() some()是对数组中每一项运行指定函数,如果该函数对任一项返回true,则返回true。 every()是对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。 返回 true 返回 false 2、join() join(
阅读全文
摘要:JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一、获取元素的属性 二、设置元素的属性 三、删除元素的属性 一、获取元素的属性 1-原生JS 2-jquery 示例代码 二、设置元素的属性 1-原生JS 2-jquery 实例代码 三、删除元素的属性 1-原
阅读全文
摘要:使用 JavaScript 开发的时候,很多开发者多多少少会被 this 的指向搞蒙圈,但是实际上,关于 this 的指向,记住最核心的一句话: 哪个对象调用函数,函数里面的this指向哪个对象。 分几种情况谈论下: 一、普通函数调用 二、对象函数调用 三、构造函数调用 四、apply和call调用
阅读全文
摘要:一、前言 最近项目中,遇到需要将对象转换成字符串进行传递,上次写过一篇文章关于json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值。当时主要是用在有时候处理字符串和json对象之间的转换,写的主要是怎么用,涉及到JSONstringify具体用法没有涉及到,有时候
阅读全文
摘要:主要内容: 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方法 数组常见操
阅读全文
摘要:主要内容: 一、json相关概念 二、json字符串转换成json对象 (字符串-->JSON对象) 三、json对象转换成字符串(json对象-->字符串) 四、将值转换成字符串(值-->字符串) 五、字符串转成值(字符串-->值) 同步的交流学习社区:http://www.mwcxs.top/p
阅读全文
摘要:各种样式的css实现 1、优惠券样式的实现; 2、热区的实现; 在电商平台上总会发出各种券,需要对应到不同的产品,对应到不同的服务。而使用券可以使用UED的设计稿里的照片,但是本来一次性的加载过多的照片,浏览器的负载很大,容易出现一个问题:浏览器内存泄露。最初在谷歌浏览器同时加载1000以上的照片会
阅读全文
摘要:1.给div设置定位。 复习一下—— css中position有五种属性: static:默认值,没有定位 absolute:绝对定位,相对于父级元素进行定位 relative:相对定位 fixed:固定定位,相对于浏览器窗口进行定位 inherit:从父元素继承定位信息 除了默认值static和i
阅读全文
摘要:测试页面 1、需要你写个测试页面,页面里边一次加载50张不同的图片,每张5M,查看浏览器的内存使用情况 2、可以10张 递增的方式测试 3、图片需要缩放,比如所有图片缩放成600*800的比例 目的 只是为了测试 图片占用浏览器的内存情况 测试情况 1、1张图 (google浏览器)没有缩放图情况下
阅读全文
摘要:一、DataTables 个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错的地方。 官方网站(中文):http://datatables.club/ 官方网站:https://
阅读全文
摘要:Webstorm+Webpack+echarts ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类
阅读全文
摘要:1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL。 我们可以使用它来执行任何的Node.js或者javascript代码。还可以引入模块和使用文件系统。 在终端的执行命令来打开控制台, Node.js也有自己的虚拟的运行环境:REPL。 我们可以使用它来
阅读全文