浅拷贝
将 原数据 对象拷贝到 新数据 对象中，但不包括 原数据 里面的子对象 代码实例 // 原数据 let y = { 'name': 'zhangsan', 'age': '18', // 原数据中的子对象 'language': [1, [2, 3], [4, 5]], }; // 创建第二个对象 ...
如何利用js来制作时间倒计时效果
利用JavaScript函数做一个简单的倒计时 <script> // 代码如下： function countDown(time) { var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返 ...
不借助 Javascript，利用 SVG 快速构建马赛克效果
之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。 核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。 何为 image-rendering？ CSS 属性 image-rendering 用于设置图像 ...
全面理解JSX
1 简介 JSX(JavaScript XML)，即可拓展的JavaScript，是react定义的一种类似于XML的js扩展语法:JS+XML。它本质上是React.createElement(type，config，...children)的语法糖,主要用于创建React元素，生成虚拟DOM 2 ...
做大屏的四款可视化工具
正文 1. 阿里云DataV 2. 积木报表jimureport 3. 百度Sugar 4. 帆软 最经常的工作是将一些项目的数据从数据库导出，然后分门别类的列到excel表格中，领导看起来眼花缭乱。 要是能以图表可视化展现出来，领导就可以看到项目近几个月的走势，也知道之后要怎么决策了。 尝试了使用 ...
前端周刊第十四期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 Veni，vidi，formatae! 宣布Rome Formatter：超快速的 JavaScript 格式化 ...
js中，迭代和遍历的区别
迭代： 啥子是迭代？可以简单地理解为按顺序访问目标（数组、对象等）中的每一项（其实和遍历概念没什么差别） 上代码 1 var fruits = ["Apple", "Orange", "Apple", "Mango"]; 2 var a = fruits.indexOf("Apple"); 3 co ...
在小程序当中渲染树
我们可以很轻松的去遍历一棵树，无论是广度优先遍历还是深度优先遍历，那么怎么在小程序当中渲染一棵树呢？ 先看一下我们深度优先遍历的代码 function dfs(tree) { if(!tree) return console.log(tree.value) if (tree.children) { ...
websocket前后端数据实时更新(前端+后端)
做的项目中需要将后端提供的数据展示在前端页面，一开始我是用JS的setInterval()方法，设置一个时间，每过时间发起一次ajax请求。虽然也能凑活着实现，但总感觉数据不是实时刷新的，而且还占用资源，所以学习WebSocke，并总结了一下，以下是本人总结的前后端WebSocke相关代码： 一、后 ...
什么是跨域？及7种跨域解决方法
一、为什么会出现跨域问题 点击打开视频讲解更详细 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同 ...
050_末晨曦Vue技术_处理边界情况之使用ref访问子组件实例或子元素
使用ref访问子组件实例或子元素 点击打开视频讲解更加详细 尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 这个 attribute 为子组件赋予一个 ID 引用。 <template> <div id="app" ...
JavaScript快速入门-02-基本语法
2 基本语法 2.1 JavaScript简介 JavaScript 是一门解释型语言，其代码在客户端中执行前不需经过编译，而是直接由浏览器解释执行。主要用作客户端脚本语言，在浏览器中执行。但随着Node.js的问世，JavaScript 也逐渐开始被用来编写服务器端程序。 JavaScript 不 ...