- 博客(55)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue2+ts
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-08-28 00:57:01
123
原创 git记录
开发环境dev repoMASTER开发分支TEST测试分支（测试部门）PRO产品分支（生产分支）gitollte(git仓库服务)remote repo生产环境1.git clone2.git fetch/git merge3.mvn war:war个人开发环境git checkout .git co dev参考文档：www.kernel.org/pub/softwa...
2019-01-02 07:42:13
232
原创 iView(1) - App.vue
<template> <div id="app"> <div id="sliderBox"> <div class="slider-params"> <di
2018-11-23 06:02:34
262
原创 iView(1) - App - 副本.vue
<template> <div id="app"> <div id="sliderBox"> <div class="slider-params"> <di
2018-11-23 06:02:16
232
转载 CSS模拟题
文章目录1. 三栏布局，两边各200px;中间自适应1. 三栏布局，两边各200px;中间自适应方法：绝对定位，圣杯布局，自身浮动，flex布局查看>>
2018-09-18 11:40:37
183
转载 JavaScript模拟题
文章目录1.JavaScript中如何检测一个变量是String类型2.如何检测变量是一个数组3.用js去除字符串空格4..获取浏览器URL中查询字符串中的参数5.js操作字符串5.1创建新节点5.2添加、移除、替换、插入5.3查找6写出3个使用this的典型应用6.1在html元素属性中6.2构造函数6.3input点击，获取值7.apply()与call()求数组最值8.typeof与inst...
2018-09-18 11:22:59
476
原创 JavaScript正则+验证邮箱
1、正则表达式中参数g、i、m的作用（share）参数 g g 只影响于 exec、match 方法。 若不指定 g，则：exec 只返回第一个匹配；match 只返回第一个匹配。String对象的replace只替换第一个匹配// execvar regx=/user\d/; var str="user18dsdfuser2dsfsd"; var rs=regx...
2018-09-17 15:50:49
287
转载 在JavaScript中实现继承的方法
1.原型链（prototype chaining） 2.call()/apply() 3.混合方式（prototype和call()/apply()结合） 4.对象冒充1. 原型链（prototype chaining）function teacher(name){ this.name = name;}teacher.prototype.sayName = functio...
2018-09-17 10:44:35
158
转载 Window对象常见属性和方法
Window对象共有七个属性：defauleStatus：指定窗口状态栏中的信息。status：指定当前窗口状态栏中的信息。frames：是一个数组，其中内容是窗口中所有的框架。parent：指当前窗口的父窗口。self：指当前窗口。top：代表当前所有窗口的最顶层窗口。window：代表当前窗口。Window对象有五个方法：alert：显示带有一个“确定”按钮的对话框...
2018-09-16 22:30:07
3895
原创 JavaScript去除字符串空格
1、replace+正则//去除所有空格str = str.replace(/\s*/g,"");//去除两端str = str.replace(/^\s*|\s*$/g,"");//去除左空格str = str.replace(/^\s*/,"");//去除右空格str = str.replace(/(\s*$)/g,"");举例：var str = " space...
2018-09-16 20:09:42
1180
原创 JavaScript类型检测方法
1、typeof 运算符识别，适用以下类型var num = 1; // typeof(num) == 'number'var str = 'hello'; // typeof(str) == 'string'var boo = true; // typeof(boo) == 'boolean'var obj = {};// typeof(obj) == 'object'2、当变...
2018-09-16 19:45:49
207
转载 （4）变量、作用域和内存
主要内容：理解基本类型和引用类型的值理解执行环境理解垃圾收集按ECMA-262的定义，JavaScript变量松散类型的本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型的规则，变量的值及其数据类型可以在脚本的生命周期内改变。尽管从某种角度看，这可能是一个既有趣又强大，同时又容易出问题的特性，但JavaScript变量实际的复杂程...
2018-09-10 12:52:10
187
转载 （3）JavaScript基本概念
需要了解的基本内容：语法数据类型流控制语句本章将主要按照第3版定义的ECMAScript介绍这门语言的基本概念，并就第5版的变化给出说明。3.1 语法3.1.1 区分大小写3.1.2 标识符3.1.3注释3.1.4 严格模式3.1.5 语句3.2 关键字和保留字3.3 变量3.4 数据类型3.4.1 typeof 操作符3.4.2 Undefined...
2018-09-09 23:05:45
220
转载 （2）在HTML中使用JavaScript
2.1 2.1 <script>元素HTML 4.01为<script>定义了下列6个属性：async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。charset：可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有人用。defer：可选。表...
2018-09-04 14:25:27
253
转载 （1）JavaScript简介
目录1、一个完整的JavaScript实现应该由下列三个不同的部分组成： 核心：ECMAScript 文档对象模型：DOM 浏览器对象模型：BOM1.1 ECMAScript我们常见的Web浏览器只是ECMAScript实现可能的宿主环境之一。宿主环境不仅提供基本的ECMAScript实现，同时也会提供该语言的扩展，以便语言与环境之间对接交互。 而这些扩展–如DOM，则利用E...
2018-09-03 14:54:12
226
转载 vue.js1.0 和2.0的区别
vue 2.0去除的方法：map方法1、v2 每个组件只允许有一个根元素，v1 允许一个组件有多个根元素2、生命周期钩子函数beforeCompile 移除 created compiled 替换 mounted attached 移除 mounted () { this.$nextTick(() => { // doSomething }) } d...
2018-08-10 09:37:19
965
转载 Vuejs package.json解析
package.json 文件是用来管理本地安装 npm 包的唯一文件。它描述了当前项目依赖的包的列表，包含项目依赖包的版本，便于项目管理和移植一、创建1、npm init 即可在当前目录创建一个 package.json 文件，跟着步骤选项，手动创建package.json文件2、npm init --yes 可以跳过回答问题步骤，直接生成默认值的 package.json 文件二...
2018-08-09 14:27:46
4788
转载 Vuejs 目录结构
当我们创建项目成功后，会得到这样一个目录目录解析目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： a...
2018-08-09 11:40:18
334
原创 BFC 块级格式化上下文
BFC（block formatting context）就是隔离子元素 成一个独立的行政区域，之间互不影响一、概念元素的一种属性，影响元素的定位以及与兄弟元素之间的相互作用。它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其他环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素受浮动...
2018-05-21 18:05:05
255
转载 CSS3属性-webkit-font-smoothing字体抗锯齿渲染
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-...
2018-05-15 13:23:30
731
原创 JS公式实例一：画圆
已知条件：圆点坐标（x0,y0）,半径r,角度degree计算：Math.sin(x) x的正弦值，返回值在-1.0到1.0之间；Math.cos(x) x的余弦值，返回值在-1.0到1.0之间；x弧度的计算公式为，2*PI/360*degree小球圆形运动轨迹：<style> #wrap{position: relative;margin:40px auto;width: 4...
2018-04-25 21:54:28
7251
转载 数组的几种合并方法：
1.concatvar arr1=[1,2,3];var arr2=['a','b'];var arr3=[null,undefined];var arr = arr1.concat(arr2,arr3); //合并一var arr4=[['c','d'],3];arr=arr1.concat(arr4)//concat函数，可以合并多个数组，不影响原数组，但会造成内存浪费，不能处...
2018-04-23 22:00:36
11331
原创 用法：slice,splice,split,push,pop,shift,unshift,concat,sort,reverse...
1.arry.slice(start,end)var a=[1,2,3,4,5,6];var b=a.slice(0,3); //[1,2,3] 末位不取，原数组a不变2.string.slice(start,end)var a="I am a boy";var b=a.slice(0,6) //“I am a” 末位不取，原数组a不变 // Array...
2018-04-23 16:39:27
658
转载 区别 (function($){...})(jQuery)、$(function(){ })和$.fn
一、(function($){…})(jQuery)首先function(arg){...}定义了一个匿名函数，参数为arg,而调用时需要在函数后面写上括号和实参，由于操作符的优先级，函数本身也需要括号，也就成了：（function(arg){...}）(param)这就相当于定义了一个参数为arg的匿名函数，并将param作为参数来调用这个匿名函数而(function($){...})(jQue...
2018-04-22 21:43:07
9950
原创 Javascript实例 - 统计字符串中出现最多的字符
var str="abcdefgaddbbbba";var obj={};for(var i=0;i<str.length;i++){ var key = str[i]; if(!obj[key]){obj[key]=1}else{obj[key]++} //二维数组，统计出现的单个字符的个数}var max = -1;max_key = "";for(var k...
2018-04-22 21:15:24
105
转载 js中获取时间new Date()详细介绍
1、var myDate = new Date();Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 ...
2018-04-22 20:31:45
3493
原创 JavaScript实例 - 替换字符串中指定的内容，replace
var arr1="11ab,22bc,33cd", arr2=['ab','bc','cd'];var replaceWords = function () { this.content = arr1; this.words = arr2;}replaceWords.prototype = { changeColor:function () { ...
2018-04-21 23:22:47
318
原创 JavaScript实例 - 反转数组、字符串 reverse
var arr = ["apple","banana","orange"];方法一：var stringReverse = function(arr) { var len=arr.length,x=arr,str=""; for(var i=len-1;i>=0;i--){ str+=","+x[i]; } return str;}va..
2018-04-21 22:48:42
751
转载 Javascript函数的4种调用方法详解
1.函数的4种调用方式2.函数中this的意义3.明确构造函数对象的过程4.学会使用上下文调用函数一、函数调用方式1.先声明后调用function func(){alert("Hello World")}func();2.使用表达式定义函数，然后调用var func=function(){alert("Hello World")}func();二、方法调用，将赋值给一个对象的成员以后，就不再称...
2018-04-20 19:13:35
592
原创 用纯CSS实现的箭头
//通过border(边框)的部分“拐角”实现箭头效果，比图片轻便多了1.梯形：当元素宽、高和边框的宽相近时，改变某一边的颜色可以看到一个梯形。<div id="demo"></div><style> #demo{ width:100px; height:100px; border:100px solid #ccc; b...
2018-04-19 12:00:53
629
转载 写布局，左右各100px,中间自适应
1.position，margin布局这里也分三种，绝对定位，圣杯布局，自身浮动1）绝对定位：left、right：absolute；center自然流动+margin左右宽度#left,#right{width: 200px;height: 200px; background-color: #ffe6b8;position: absolute;top:10px;} #left{left:0p...
2018-04-18 10:56:52
1111
转载 session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和session都是用来跟踪浏览器用户身份的会话方式。区别： 1.cookie保存在浏览器端，session保存在服务器端 2.使用方式： (1)cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览...
2018-04-16 19:47:09
212
转载 HTML5 的5个强大的API
HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序1.全屏API（Fullscreen API） https://www.w3.org/TR/fullscreen/该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。 2.页面可见性API（Page Visibility API） https://www...
2018-04-16 18:47:29
1409
转载 处理HTML5新标签的浏览器兼容版问题
IE8（不包括IE8）要支持HTML5新标签，需添加JavaScript+CSSJavaScript代码：var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, outpu...
2018-04-16 18:14:55
1047
转载 js获取当前路径的url
//获取当前窗口的Url //returnUrl=http://localhost:8080/shopping/buyCart.shtml?skuId=510&amount=1 window.location.href //获取当前窗口的主机名 例如:http://localhost:8080 window.location.host ...
2018-04-15 16:21:04
397
转载 获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别
$(window).width 屏幕可视区域的宽高，不包括滚动条与工具条document.documentElement.clientWidth 屏幕可视区域的宽高，不包括滚动条与工具条。window.innerWidth 获得可视区域的宽高，包含纵向滚动条的宽度，IE8和以下不支持window.outerWidth 获得加上工具条与滚动条窗口的宽度，IE8和以下不支持document.body....
2018-04-15 12:23:25
610
转载 input元素与文字对齐
示例代码<style>*{margin:0;}label{vertical-align:middle}.inputcheckbox{vertical-align:middle;}body{font-family:tahoma;font-size:12px;}</style><input class="inputcheckbox" name="test" v...
2018-04-14 17:38:00
3124
转载 CSS预处理器LESS
CSS预处理器定义：CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码。---文译参考：https://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html列举：Less,Sass,Stylus,Scss等http...
2018-04-13 23:44:55
399
转载 javascript中childNodes与children的区别
1、childNodes：获取节点，不同浏览器表现不同； IE：只获取元素节点； 非IE：获取元素节点与文本节点； 解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 2、children：获取元素节点，浏览器表现相同。 因此建议使用children。3、firstC...
2018-04-13 14:47:58
1652
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人