自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

转载 require和import区别

#require和import区别node编程中最重要的思想就是模块化,import 和 require 都是被模块化所使用。在 ES6 当中,用 export 导出接口,用 import 引入模块。但是在 node 模块中,使用module.exports导出接口,使用 require 引入模块。#两者的区别如下:#遵循规范:require 是 AMD 规范引入方式import是 ES6 的一个语法标准,如果要兼容浏览器的话必须转化成 ES5 的语法调用时间:require是运行时调用,所以

2022-05-30 16:30:37 209

原创 require引入

node在升级之后,对 require 的使用方法发生了改变。从node.js 14版及以上版本中,require作为COMMONJS的一个命令已不再直接支持使用,所以我们需要导入createRequire命令才可以。所以在使用 require 的时候只需要加入以下代码就可以了:import { createRequire } from ‘module’;const require = createRequire(import.meta.url);...

2022-05-30 10:07:17 2216

原创 字符串和数组方法总结

String方法1.截取字符串substr、substring、slice总结:substr(start,end),截取字符串并不会改变字符串本身,如果start是负数则截取start+str.length;若end为负数则为空...

2019-08-25 14:56:48 181 1

原创 React环境搭建

首先安装node然后打开cmd全局安装npm install -g create-react-app接着到项目目录文件夹create-react-app demo 创建文件名为demo的文件夹,就会看到下面的目录顺便提一下create-react-app demo 这一步可能会非常慢,慢到怀疑人生。所以你可以用npm config set registry https://regis...

2019-07-15 16:45:36 115

原创 关于Map和forEach

1一个面试题arr=[“1”,“2”,“3”];arr.map(parseInt) //返回的是[1,“NaN”,“NaN”];正确的应该是function reParse(element){return parseInt(element,10) //第二个参数表示进制数}arr.forEach(function(index,ele){//to do something})...

2019-07-14 11:13:15 168

原创 CESIUM起步

今天一天学习了关于cesium的一些东西,只是一个初步的了解,因为没有具体的做项目,所以只是大概的看了一下原理的东西,包括Imagery1.首先是安装,安装node,安装地址为https://nodejs.org/en/download/安装成功后打开cmd,输入node -v 会有版本信息输出。2.然后新建一个工作文件夹,创建一个HelloWolrld.html,在此文件下打开命令行,使...

2019-07-11 18:09:34 138

原创 web前端心得

最近的一些心得:1.LocalStorage和sessionStorage可以存值把值从一个页面传到另一个页面LocalStorage.setItem(“变量”,值);存值LocalStorage.getItem(“变量”);取值2.validForm表单验证3.bootstrap-datapicker4.jq-ztree树型结构setting = {view: {selecte...

2019-07-09 16:43:16 154

原创 html几个空标签

标签:通常和img好、以及map一起用 标签为页面上的所有链接规定默认地址或默认目标。 标签为表格中的一个或多个列定义属性值。command 元素表示用户能够调用的命令。 标签可以定义命令按钮,比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。 标签定义嵌入的内容,比如插件。...

2019-07-02 06:45:55 514

转载 【ES6】var、let、const三者的区别

首先,一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系?ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。2011 年,ECMAScript 5.1 版发布。之前我们大...

2019-04-03 19:29:31 113

原创 vue常用指令

v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素;v-show 与v-if类似,只是会渲染其身后表达式为false的元素,而且会给这样的元素添加css代码:style=“display:none”;v-else 必须跟在v-if/v-show指令之后,不然不起作用;如果v-if/v-show指令的表达式为true,则else元素不显示;如果v-if/v-show指令的表...

2019-04-02 09:02:03 86

转载 一些面试题

1.请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。第一:每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera 会清理近期最少使...

2019-04-01 08:09:51 120

转载 关于BFC的理解

这篇文章是借鉴大佬的,因为今天看了面试题,看到了BFC,看了这篇博客还是不太理解,所以借鉴过来,等基础更好一些了再来看我对BFC的理解   最初这篇文章打算回答寒冬大神的第一问,谈谈CSS布局。本来呢我以为布局主要涉及float跟display相关属性,以及他们的包含框、静态位置等等。后来看了大神的一片面试文章,嗯?这里怎么还有个BFC,这是神马东东。待我搜索一下,萨萨萨,不看不知道,越看越...

2019-03-28 18:51:29 256

原创 display的值总结

今天偶然看了一篇关于BFC的文章,里面提到了关于display可以为table,对于这个第一次用,所以来总结一下diaplay的值它的语法如下:display:none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | tab...

2019-03-28 18:39:41 163

转载 MVVM,MVC和MVVM的区别,MVVM框架VUE实现原理

Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式...

2019-03-25 21:43:30 155

原创 web移动端开发技巧与注意事项

一、meta的使用1、强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。2、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉:13、忽略页面的数字为电话,忽略email识别 :1二、针对适配等比缩放的方法:@media only screen and (min-width: 1024px){  bo...

2019-03-25 21:40:33 149

转载 mui框架

MPAS混合模式前端框架分析:一、MUI 框架(前端UI框架)(一)MUI框架介绍与优劣势分析:1.MUI基本介绍MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web APP、混合开发等应用。利用MUI框架,用户在使用APP时可以得到接近原生APP的操作体验。2.优缺点分析作者:Leo扶风来源:CSD...

2019-03-25 21:37:18 3379

转载 js原型

参考文献JavaScript原型与继承的秘密proto除null和undefined,JS中的所有数据类型都有这个属性; 它表示当我们访问一个对象的某个属性时,如果该对象自身不存在该属性, 就从它的__proto__属性上继续查找,以此类推,直到找到,若找到最后还是没有找到,则结果为undefined我们把一个对象的__proto__属性所指向的对象叫该对象的原型;我们可以修改一个对象的原...

2019-02-21 19:22:33 123

原创 jQurey初体验

今天第一天学习jQurey,jqurey和js相比具有方便快捷简单不需要遍历:具有隐式迭代特点,会自动遍历,操作动画简单,没有兼容性问题, 不会覆盖的优点js和jq关系:jq是js一个库* jq没有兼容问题* 版本:jq共有1-4版本,1版本兼容了ie6,7,8;而2往后版本舍弃了ie678* 入口函数 $(document).ready(function) $(function(){}...

2019-02-18 18:50:00 179

原创 用面对对象的方式点击表头排序

图片样式为这个,Table是用js动态创建的,要求为点击表头排序这里是css样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>对自己狠点</title&amp

2019-01-23 18:37:07 128

原创 简单祝福墙

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190121205809790.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDUxNzQx,size_16,color_FFFFFF,t...

2019-01-21 20:58:40 72

原创 offset系列scroll系列 client系列总结

offset系列:偏移量;带边框的值;返回值为数字类型,要加pxoffsetLeft:向左偏移,边框到边框的距离,margin+borderoffsetTop:/offsetWidth:offsetHeight:当父元素,子元素都没有脱离文档流时 offsetLeft为父盒子margin + 父padding + 父border + 子margin当父盒子脱离文档流,这时子盒子无论脱不脱...

2019-01-16 21:11:19 136

原创 js轮播图

终于独立的做完了一遍。。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&lt

2019-01-15 21:43:08 88

原创 轮播图

终于独立的做完了一遍。。。 Title <> 几个关键点:1,左按钮向左第一个元素,右按钮向右最后一个元素2;每个事件都要设置...

2019-01-15 21:39:43 64

原创 元素相关的方法和注册事件和移除事件

今天学习了注册事件和移除事件的3种方式1.addEventListener(event,fn,false)这个ie8不兼容2.attachEvetnt(event,fn)这个只能ie8用移除事件:1.removeEventListener(event,fn,false)这个ie8不兼容2dettachEvent(event,fn)这个只能ie8用var box = document.g...

2019-01-10 20:21:52 145

原创 关于节点

/** 顶级对象 : 文档的对象 document* 元素: 页面上所有的标签 element* 节点: 页面上所有的内容(标签, 属性, 文本(文字, 换行, 空格)) node* 根元素: html标签** 节点的属性* .nodeType : 节点的类型 : 1–标签 2-属性 3-文本* .nodeName: 节点的名字: 大写的标签名字–&g...

2019-01-09 19:04:05 290

原创 innerText、textContent和innerHTML

// innerText 谷歌, 火狐, ie 都支持// textContent 谷歌, 火狐, 支持 ie8不支持//兼容代码// 获取任意标签中间的文本内容, 需要返回值function getInnerText(element) {//判断类型if(typeof element.textContent == “undefined”){//不支持return el...

2019-01-08 17:34:13 184

原创 js的dom操作

获取页面元素的六种方式://通过name名去获取元素var inp = document.getElementsByName(“userName”);console.log(inp); //返回的是伪数组var lei = document.getElementsByClassName(“inpu”);console.log(lei);//返回的是伪数组//通过选择器的方式获取单个元素...

2019-01-08 17:29:44 58

原创 js四种内置对象

js四种内置对象分别为Math对象、Date对象、String对象以及Array对象Math对象方法主要有:Math.Random()随机数Math.PI()---------圆周率πMath.ceil()/Math.floor()向上取整和向下取整Math.round()四舍五入取整Math.abs()取绝对值Math.max()/Math.min最大值/最小值Math.powe...

2019-01-07 18:07:40 2262

原创 js五种数据类型及其转换

简单数据类型:Number、String、Boolean、undefined、null复杂数据类型:Object、FunctionNumber数据类型int、float0.1+0.3!=0.4判断一个数是不是Number类型有3种方法:parseInt()、parseFloat()、Number()其中Number最严格判断一个变量是不是数字,用IsNaN(变量):它的意思是是不是不是...

2019-01-07 17:04:39 396

原创 清除浮动的三种方式

清除浮动的三种方式1.clear:both;2;overflow:hidden3,给父元素添加一个高度

2019-01-04 19:46:22 209

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除