- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 client,offset,scroll
clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性clientX / clientY：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）X轴 / Y轴的位置；screenX / screenY：当鼠标事件发生时，鼠标相对于显示器屏幕X轴 / Y轴的位置；offsetX / offsetY：当鼠标事件发生时，鼠标相对于事件源X轴 / Y轴的位置
2021-07-06 18:02:28
122
原创 本地写好的代码如何进行版本管理，如何推送到码云或者github上一个新的仓库里？
本地写好的代码如何进行版本管理，如何推送到码云或者github上一个新的仓库里？1.如果之前保存到仓库不想要了，现在想推送到一个新的仓库，请先删掉.git文件2.依次输入以下命令：git initgit add .git commit -m "备注一下此次推送的原因"git remote add origin 仓库地址git push origin master3.这样就可以把当前的代码推送到远程仓库了~...
2021-03-10 16:55:39
242
原创 js输出两个数组相同的元素和不同的元素
//得到两个数组不同的元素function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); });}//得到两个数组相同的元素function g...
2019-08-25 10:58:29
1027
原创 js常用日期函数封装
var obj={ //判断某一个年份是否为闰年 isLeapYear:function(year){ if(year%4==0&&year%100!=0 || year%400==0){ return true; } return false; }, //将日期格式化输出 2019-08-25 format:function(date,s){ v...
2019-08-25 10:56:10
349
原创 gulp打包静态资源并给引用资源自动添加版本号
最近在做pc端网站开发，现在项目已基本上线，但是每次修改文件上传后，都要清除浏览器缓存，这对用户来说是很不方便的，因此给引用资源添加版本号就非常有必要了，网上打包工具很多，最终选择了gulp，使用过程中遇到的问题做了以下记录，和大家分享，当然也有很多不足的地方，欢迎指正。原html文件代码：<link rel="stylesheet" href="../css/default.css"&...
2019-08-23 10:57:26
749
1
原创 iframe开发网站的一些总结
1.父元素的高度不随子元素的填充而变化,子元素溢出在父元素之外解决办法：父元素添加属性：display:flex;flex-flow:direction;需要适应父元素的子元素添加属性：flex:12.iframe内容发生变化，需要刷新整个页面（包括iframe的父元素）解决代码： window.top.location.href=".url地址";3.只刷新iframe页面解决代码...
2019-07-31 18:24:29
233
原创 数组去重
var arr=[1,2,3,4,1,2,2,2,1];将arr去重？（1）传统js方法，封装一个去重函数： function noRepeat(arr){ var newArr=[]; var obj={}; for(var i=0;i<arr.length;i++){ if(obj[arr[i]]==undefined){ obj[arr...
2019-04-23 12:01:26
96
原创 webpack打包
AMD、CMD、common.js、ES6的区别-AMD和CMD 是两种模块化加载方案（1）AMD由Require.js提出，特点：依赖前置；它有一个插件叫r.js，用来对问你件进行压缩合并；（和backbone.js有着历史关系。。。）（2）CMD由Sea.js提出，特点：按需加载（3）common.js用moudle.exports进行导出，require进行导入（4）ES6用exp...
2019-04-22 20:20:47
115
原创 vue框架总结
一、指令v-model 数据绑定v-for 循环v-html 为绑定的元素添加html文档片段v-ifv-showv-if和v-show控制元素显示或隐藏，v-show原理是改变元素的display属性，v-if则使该元素在文档流中消失。二、computed和method区别computed定义的方法我们是以属性访问的形式调用的，而且具有缓存功能；computed...
2019-04-22 18:30:01
426
原创 react框架总结
………………………………React………………………………一、生命周期：React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁（1）组件初始化(initialization)阶段import React, { Component } from 'react';class Test extends Component { constructor(props) { ...
2019-04-20 10:49:36
175
转载 Bootstrap的总结理解
随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。接下来就是要详解Bootstrap框架：首先，我们要知道为什么使用框架的原理。CSS框架是一系列CSS文件的集合体，包含了基本的元素重置，页面排...
2019-04-02 20:27:04
1205
原创 vue数据双向绑定的实现原理
Object.defineProperty? var model={}; Object.defineProperty(model,'txt',{ value:"hello world!" }); console.log(model.txt);//hello word!defineproperty...
2019-03-19 09:16:24
129
转载 WEB页面性能优化以及SEO
前端优化的目的是什么?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的源。优化的方式有以下几种：一、编辑html的时候注意语义结构化结构语义化：根据内容的结构，选择合适的标签，以便于开发者阅读和写出更优雅的代码，同时让浏览器的爬虫和机器很好地解析。结构语义...
2019-03-11 09:07:10
310
原创 moogoose的一些简单总结
安装步骤省略。。。使用命令行nodejs连接MongoDBcd MongoDB的bin目录下./mongo 查看MongoDB的版本db 跳出tesctrl u 删除本行输入的命令use test 使用test数据库使用可视化工具安装软件：NoSQLBooster for MongoDBMongoDB中的表称为collections查询语句：do.表名.fi...
2019-03-10 17:37:37
376
原创 如何通过express搭建一个简单的web服务器（一）
1.使用的软件：vscode使用命令安装express：（1）npm init -y//初始化，生成package.json包（2）touch app.js//创建app.js文件（3）npm i express//本地安装express模块（4）在app.js中引入express模块const express=require(“express”);const app ...
2019-03-08 16:30:55
1347
原创 事件传播机制
什么是事件流？事件捕获------>事件源------>事件冒泡首先解释一下名词：（1）事件捕获：事件按照从最不特定的事件目标到最特定的事件目标的顺序触发；（2）事件源：事件触发的最初源头；（3）事件冒泡：事件按照从最特定的事件目标到最不特定的事件目标的顺序触发；Firefox，Opera，Chrome支持事件流，IE不支持事件流；阻止事件冒泡 event.stopPro...
2019-03-08 14:16:49
240
原创 post和get的区别
post和get的区别：（1）get是向指定的资源请求数据，post是向指定的资源提交要被处理的数据；（2）get的请求参数附加在url地址栏中，且有大小限制（2k）,是可见的，post请求提交的参数在请求体中，不可见，较为安全；（3）get请求速度较快（只产生了一个tcp数据包）；post产生两个tcp数据包；（4）post有请求体body，get没有；向服务器发送一个post请求时候...
2019-03-05 21:53:12
486
2
原创 javascript关于DOM对象运动的封装函数
重点：DOM对象要动，跟样式相关，和像素(px)还有透明度相关的一些属性值发生变化（left top width height opacity）封装代码如下：function objMove(obj,json){clearInterval(obj.timer);var flag=true;//假设所有属性都达到了目标值obj.timer=setInterval(function(){...
2019-01-14 19:40:17
191
原创 js实现九宫格拖拽
/思路：拖拽出去的结点克隆一份放在拖拽节点移除的位置，利用勾股定理，比较拖拽节点和九个位置的距离，和距离最近的节点交换位置，最后删除克隆节点；交换时：距离最近的结点的left和top赋给拖拽节点，克隆节点的left和top赋给距离最近的节点（注意：此时的克隆节点left和top保存的是拖拽节点拖拽之前的位置）/具体代码如下： 效果图：
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人