前端
玉米_欣
这个作者很懒,什么都没留下…
展开
-
前端工程化之自动化构建工具--GULP的配置文件gulpfile.js
const { src, dest, parallel, series, watch } = require('gulp')//src读取流,dest 写入流const del = require('del')//是个promise方法,不是gulp的插件,const browserSync = require('browser-sync')//不是gulp 的插件const loadPlugins = require('gulp-load-plugins')const plugins = l原创 2021-08-03 23:22:55 · 219 阅读 · 0 评论 -
设置NPM淘宝镜像源,以及还原镜像源至默认
淘宝镜像npm config set registry http://registry.npm.taobao.org/默认镜像npm config set registry https://registry.npmjs.org查看当前镜像npm get registry原创 2021-07-04 19:30:47 · 597 阅读 · 0 评论 -
mac安装nvm以及常用命令
安装nvm在终端执行安装命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash等命令跑完之后,退出终端 重新打开nvm的常用命令 :nvm install stable ## 安装最新稳定版 nodenvm install <version> ## 安装指定版本nvm uninstall <version> ## 删除已安装的指定版本,语法原创 2021-07-04 19:10:05 · 537 阅读 · 0 评论 -
DOM事件中target和currentTarget的区别
target是事件触发的真实元素currentTarget是事件绑定的元素事件处理函数中的this指向是中为currentTargetcurrentTarget和target,有时候是同一个元素,有时候不是同一个元素 (因为事件冒泡)当事件是子元素触发时,currentTarget为绑定事件的元素,target为子元素当事件是元素自身触发时,currentTarget和target为同一个元素。<body> <ul id="box"> <Li.转载 2021-03-07 21:58:03 · 409 阅读 · 0 评论 -
只执行一次函数
只执行一次函数当实现支付,新增,保存等业务功能时,想要实现无论用户怎们点,我就执行一次的需求,那么我们就利用高阶函数的特性吧—函数作为返回值来实现吧。上代码function once (fn){ let done = false; return function(){ if(!done){ dont= true; fn.apply(this,arguments) } }}let pay = o原创 2020-11-29 18:28:36 · 817 阅读 · 0 评论 -
标题跟随轮播切换
html <div class="box"> <nz-carousel [nzEffect]="effect" [nzAutoPlaySpeed]="'1500'" [nzAutoPlay]="true" (nzBeforeChange)="changeCarousel($event)"> <div nz-carousel-content *ngFor="let index of array"> .原创 2020-11-29 19:22:39 · 184 阅读 · 0 评论 -
对比两个复杂的对象是否完全相等
对象的复杂程度{ attr1:{a:1,b:2}, attr2:'aaa', attr3:[1,2,3], attr4:[{abc:1,bcd:34,cd:'lalla'},{abc:134,bcd:55,cd:'lekif'}] .....}不考虑对象key的顺序实现代码diffObject(obj1, obj2) { if (!(obj1 instanceof Object) || !(obj2 instanceof Object)) {/* 判断不是对象 */原创 2020-05-24 21:24:08 · 616 阅读 · 0 评论 -
angular4系列之ViewEncapsulation
ViewEncapsulation原创 2017-12-10 21:35:07 · 2759 阅读 · 0 评论 -
Typescript(基础类型)
typescript 基础类型原创 2017-12-10 21:32:11 · 447 阅读 · 0 评论 -
rxjs基础知识
rxjs原创 2017-12-10 21:29:44 · 300 阅读 · 0 评论 -
Rollup基础篇
rollup原创 2017-12-10 21:28:11 · 1890 阅读 · 0 评论 -
angular4系列之动态创建组件
Angular如何在组件中动态加载组件原创 2017-12-10 20:49:09 · 3103 阅读 · 0 评论 -
angular4之父子组件之间的传值
angular4 组件之间的通信原创 2017-12-10 20:43:21 · 16927 阅读 · 4 评论 -
angular4系列之国际化
angular4 ie18n 国际化原创 2017-12-10 20:30:57 · 2138 阅读 · 0 评论 -
angular4系列之初识
angular4 初识原创 2017-12-10 21:05:56 · 829 阅读 · 0 评论 -
实现上移下移 置顶置底效果
up down top bottom原创 2017-12-10 21:41:57 · 2942 阅读 · 0 评论 -
小技巧小经验之-----居中
/*图片居中*/ dt{height:100px;width:100px;text-align:center;}dt span{ width:0;height:50%;display:inline-block;}dt img{vertical-align:middle;}/*span为参照物,只有inline-block类型可以用vertical-align这个属性原创 2016-08-29 14:10:52 · 416 阅读 · 0 评论 -
angular6 实现全屏,退出全屏,监听esc事件更换相应图标
全屏和退出全屏注意error TS2339: Property 'mozRequestFullScreen' does not exist on type 'HTMLElement'.类似相关错误,处理办法//全屏const docElmWithBrowsersFullScreenFunctions = document.documentElement as HTMLElement &a...原创 2019-06-16 10:51:43 · 2168 阅读 · 1 评论 -
angular6使用sockjs-client+stompjs进行websocket连接的方法
安装sockjs、stompjsnpm install sockjs-client --savenpm install stompjs --save引入import SockJS from 'sockjs-client';import Stomp from 'stompjs';使用 this.socket = new SockJS(`/iot-mdg/gs-topic-web...原创 2019-04-15 11:18:07 · 3034 阅读 · 0 评论 -
判断一个数组中是否存在某个对象(数组中有多个对象,此时给一个对象,根据对象中的某个key判断出这个数组中是否存在这个对象)
数组arr:[{name:'wang':age:18},{name:'zhu':age:21}],对象obj:{name:'yu',age:22}根据obj的name判断arr中是否存在objlet index=this.arr.findIndex((item)=>{ if(obj.name===item.name){ return true; ...原创 2018-11-13 22:46:52 · 2462 阅读 · 0 评论 -
设置placeholder的颜色
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } input:-ms-input-placeholder { c...原创 2018-11-13 22:45:22 · 292 阅读 · 0 评论 -
密码:大写字母 小写字母 数字 特殊字符(四种里至少三种)
正则表达式:大写字母 小写字母 数字 特殊字符(四种里至少三种)第一种:/((^(?=.*[a-z])(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=...原创 2018-11-13 22:42:17 · 66151 阅读 · 4 评论 -
前端小技巧日常积累
检查用户名是否合法$scope.check_name=function(data){ var reg = new RegExp(&quot;^[\u4E00-\u9FA5A-Za-z_0-9]+$&quot;); if(!data||!reg.test($scope.dialogDatas.mingcheng)){ $scope.is_regularname=true; ...原创 2018-11-13 22:38:16 · 225 阅读 · 0 评论 -
判断某年某月有多少天
判断某年某月有多少天的简便方法原创 2017-09-04 10:02:20 · 1939 阅读 · 0 评论 -
日期小插件
var flag = Array();var start = '2017-07-01'var end = '2017-08-01'SetFlag(start,end);for(var i=0;i<flag.length;i++){ console.log(flag)} //日期加上天数后的新日期 function AddDays(date,days){ va原创 2017-08-02 14:09:30 · 451 阅读 · 0 评论 -
JavaScript中This到底指哪个对象?
JavaScript中This到底指哪个对象?原创 2016-09-27 08:27:31 · 1659 阅读 · 0 评论 -
JS原生之--圆周运动(转转转)
js原生实现球体的圆周(椭圆)运动原创 2016-09-22 08:59:45 · 2197 阅读 · 0 评论 -
JS原生 之------放烟花喽
js原生 烟花效果 运动的运用原创 2016-09-23 08:46:56 · 1948 阅读 · 0 评论 -
JS原生之----滚动条
自定义滚动条,可滑可点可拖拽~~吼吼帅原创 2016-09-20 09:02:43 · 1911 阅读 · 0 评论 -
html+css小技巧大用处
1.用css border写下拉小三角:.sanjiao{ width:0;height:0; border-top:4px solid #ccc; border-right:2px solid transparent; border-left:2px solid transparent;} 2.图片设置右下边框,最外边框用外盒子边框原创 2016-08-30 13:56:40 · 539 阅读 · 0 评论 -
JavaScript之----匿名函数、闭包
匿名函数匿名函数就是没有名字的函数(function () { alert("匿名函数()");})//匿名函数的调用(function () { alert("匿名函数()");})();(function (name) { alert(name);})("lis原创 2016-08-04 18:15:49 · 501 阅读 · 1 评论 -
JavaScript之----面向对象和原型
ECMAScript有两种开发模式:1、函数式(过程化),面向对象(oop)【好处:有了引用类型的对象可直接调用这个对象对应的方法】任何一个事物都可以看成是一个对象1、创建对象var stu1 = new Object(); //小丽 等于 新 老婆();stu1.name="小丽";//属性name就是一个变量stu1.study =function(){原创 2016-08-01 12:56:24 · 652 阅读 · 0 评论 -
JavaScript之----继承
一:原型链继承继承是面向对象中一个比较核心的概念,ECMAScript只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成。function Box(){ this.name="lee";}function Desk(){ this.age = 100;}Desk().prototype = new Box(); //De原创 2016-08-03 17:40:45 · 248 阅读 · 0 评论 -
JavaScript之--引用类型、作用域、 基本包装类型、内置对象Math
引用类型例:function test(arr,str){ arr[0] =5; str = new String("world");}var arr1 =[1,2,3];var strs = new String("hello");test(arr1,strs);alert(arr[0]);//显示5原创 2016-07-27 17:37:53 · 401 阅读 · 0 评论 -
JavaScript之---function类型--学习笔记
function类型在ECMAScript中,Function(函数)类型实际上是引用类型,每个函数都是Function类型的对象,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的引用类型变量1、函数的声明方式: ①普通的方式:function fun(num1,num2){原创 2016-07-27 09:46:05 · 376 阅读 · 0 评论 -
JS原生之-----带导航的轮播图jq版
带导航的轮播图jq版原创 2016-09-29 20:31:13 · 1154 阅读 · 0 评论 -
H5元素周期表
还记得化学上的元素周期表么,现在是前端时代了呢,咱给来了H5周期表学学html5吧~~先看一下效果喽,还是比较方便的哦~~吼吼来共享一下代码吧~~ H5周期表--来自欣欣博客 html原创 2016-11-02 19:15:38 · 3741 阅读 · 2 评论 -
Gulp.js入门小教程
Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。方便极了哦~~cmd --- node -v (检查一下node是否配置好)--- 进入自己的项目路径 比如 d: --- cd Documents\HBuilderProject\gulp--- 安装 可以自动执行的组件 npm install gulp --- 接着安装 n原创 2016-11-02 19:35:28 · 424 阅读 · 0 评论 -
VueJs2.0入门--之后台管理系统(vue.js +vue-router+vuex+element-ui+axios)
步骤vue-cli npm i vue-cli -g 安装 element-ui npm i element-ui -S安装 vuex npm install vuex -s安装 axios npm install axios安装 scss npm install node-sass –save-dev npm install sass-loader –save-dev知识点原创 2017-06-08 17:28:33 · 4627 阅读 · 0 评论 -
代码埋点
网站统计的基本流程首先,用户的行为会触发浏览器对被统计页面的一个http请求,这里姑且先认为行为就是打开网页。当网页被打开,页面中的埋点javascript片段会被执行,用过相关工具的朋友应该知道,一般网站统计工具都会要求用户在网页中加入一小段javascript代码,这个代码片段一般会动态创建一个script标签,并将src指向一个单独的js文件,此时这个单独的js文件会被浏览器请求到并执行,这个原创 2017-06-08 17:45:41 · 8147 阅读 · 0 评论