Remind_hh-CSDN博客

原创 js运行机制

js是单线程的；js是单线程的；js是单线程的。重要的事情说三遍。换而言之，在某个时间段内，js只会做一件事，只有当完成某件事时，才会去干下一件事。看到这里有些看官已经把手举起来了：我难道不知道单线程是什么意思吗？骚年，别急，先把砖放下。单线程当然是一次只能干一件事，但是干完这件事，接下去先做哪件事呢？是按语句的先后顺序吗？那我们就来试试看：上代码console.log('scr...

2019-02-25 22:49:24 2626 7

原创 js深浅拷贝浅谈

1.深浅拷贝是什么js中的数据可以分为基础数据类型和引用数据类型。基础数据类型（undefinded，null，Number，String，Boolean，symbol）的数据存放在栈中；引用数据类型（Date，Function，Object）存放在堆中，栈中存放的是堆中的引用地址。深浅拷贝的区别：浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用深拷贝...

2019-01-22 09:42:40 827 2

原创 js加canvas实现图片的预览压缩和上传

先来一张效果图，压压惊第一步：用户选择需要上传的图片<input type="file" accept="image/*" type="file"" name="imageFile" onchange="upload()">在选定了图片后 upload 函数将被触发，我们需要在这个函数中，获取到图片的资源，将它压缩并利用canvas绘制出来，若需要上传到服务器，也可以利用

2018-03-28 16:46:01 2534 1

文件上传的传统方式是通过 form 表单提交，但是今天我们将换一种方式来实现这个功能。同一口味的东西吃多了还会腻呢，所以适当的时候换一换口味还是有必要的，好了，直接进入正文。首先，来介绍一下我们今天的主角 --- FormData，是的，就是他，虽然他和 form长得有点像，但是是2个不一样的东西。对于form相信大家一定不陌生，所以我们重点介绍一下 FormData。FormData对象可以组装...

2018-03-28 10:57:55 76780 10

原创 vue-父组件获取子组件数据

父组件如何主动获取子组件上的数据？办法是通过$refs。通过$refs我们可以在父组件上获取子组件上的数据。子组件：<div ref="dataList"></div>父组件:<child ref="whateverName"></child>在此我们就可以在父组件中 this.$refs.whateverName.dataList 就是子组件中的数据；dataList是子组件中保存了数据的名称

2017-09-29 18:31:07 12083

原创 vue学习笔记--父子组件通信

组件化开发在开发中已十分普遍，有时我们需要在组件之间传递一些数据，以便将这些组件紧密联系在一起。首先我们将讨论如何实现父组件向子组件传递数据。第一步：在子组件中绑定需要传递的数据第二步：在子组件中使用props接收数据props: { seller:{ type:Object

2017-08-10 22:24:46 453 1

原创 vue学习笔记--各种指令的语法

vue中有许多指令，在这里我们对这些指令做个粗滤的解释说明，便于更好的选择使用。① v-bind : 动态绑定指令，使用v-bind:动态变化的值=”表达式”来修改html的属性值。例子：v-bind:href=”hrefData”,可以使用 : 来代替v-bind。v-bind：class 等价于：class② v-model ：在表单控件元素上创建双向数据绑定，它会根据控件类型自动选取正确

2017-08-09 20:28:31 490

原创 Vue 学习笔记

①data的作用：在页面中需要显示或者使用的数据。数据的来源有三种：手动确定的数据；从后台获取的数据以及从父组件传递的数据。data有两种写法：data：{ … } , data( ){ return{ … } }这两种写法在作用和用法上有区别，使用需要根据需要选择。data:{…} 是一个对象，data( ){ return {…} }是一个函数。在有组件的应用中，我们不希望所有的组件共享同一个d

2017-08-04 21:11:31 314 1

原创 Java实现文件上传

Java实现将本地文件上传到服务器并保存实现文件上传需要用的的jar包：commons-fileupload 和 commons-io1.将form表单的 enctype 设置为：multipart/form-data ， method 设置为 post , 使用类型为 file 的input上传文件。2.后台代码//创建文件工厂对象 DiskFileItemFactory factory=ne

2017-05-19 13:47:07 15905

原创利用css使滚动条消失

在很多场景下我们都会遇到这种情况：父元素的宽度或者高度固定，但是子元素的宽度或者高度超出了父元素的容器。这时就出现了这样一种情况，如果想要看到全部的子元素，那么我们就要在父元素上设置overflow: scroll(auto);,这时虽然可以通过滚动来看到所有的内容，但是会出现滚动条，非常不美观。最右边的是什么啊，严重影响美观啊，不能忍。既然overflow: scroll;会出现滚动条，那我们

2017-05-10 17:05:16 5572

原创 Java实现串口数据读写

最近的一个项目中需要将扫码枪读取到的数据取出，但是因为扫码枪是用串口传输数据的，比较少见，所以记录一下，当给自己做一个小结，有需要的同学也能参考一下。public class receiveData implements SerialPortEventListener{ protected static CommPortIdentifier portid = null; //通讯端口标识符

2017-05-08 14:26:21 2601

原创移动端图片左右滑动效果

在移动端的网站或者APP中，图片左右滑动很常见，用户的体验也非常不错。我只要使用JQuery来实现此效果。话不多说，直接上代码。1.html，css部分 html部分：<div> <ul > <li ><img src="image/change_img/3.jpeg" ></li> <li ><img src="image/change_img/4.jpe

2017-04-28 23:51:12 18431 2

原创 JQuery实现移动9宫格图片自由切换移动

这篇文章主要介绍了通过JQuery实现移动9宫格的前端页面特效，用户可以自由选择任意2张图片，被选中的2张图片会自动交换位置。实现方法：html和css在页面上静态地实现9宫格，用9张图片填充这9个格子，然后使用jquery动态实现图片自由切换移动。实现思路：当鼠标点击其中任意一张图片时，我们利用jquery克隆此包含了此图片的div块并隐藏它。然后在鼠标移动事件中监听鼠标停止事件，当鼠标

2017-04-17 22:07:37 3196

原创 css js实现3D魔方转动

要实现类似3D转动效果主要使用到CSS3的一些特性。下面主要介绍一些transform中的属性的效果和作用： 1.transform-style:一般是块级元素使用此属性，使用了此属性后的块级元素会在保持3D效果，但是如果仅仅使用此属性是不会看出3D特效的，必须和其他的属性一起使用才能呈现出3D效果。2.perspective：perspective（x px）属性指定观察者与Z轴的距离，单位px

2017-04-14 14:26:55 3669

原创比较offsetX, pageX,clientX,screenX的区别

之前一直没有把offset，page，client和screen这几个属性弄得很清楚，今天花了点时间算是大体上了解了这几个属性的区别，所以把我了解到的写出来，也算是做个总结。首先我们来看看这几个属性的解释： 1.offsetX：鼠标相对于事件源元素的X坐标，只有IE事件有这2个属性，标准事件没有对应的属性 2.pageX：鼠标指针的位置，相对于文档的左边缘 3.clientX：返回当事件被触

2017-04-14 13:52:54 783 2

Remind_hh的博客