自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

欣欣博客

不入设计门,不是设计人

  • 博客(74)
  • 收藏
  • 关注

原创 碎片知识点

【代码】碎片知识点。

2023-12-21 10:52:30 398

原创 package.json

意思是将当前库的版本更新到第一个数字,例:"^4.1.0"是库会更新到4.X.X的最新版本,但不会更新到5.X.X版本。意思是更新到中间数字的版本,例:"~4.7.4"是库会更新到4.7.X的最新版本,但不会更新到4.8.X版本。锁定版本:去掉^或~ 写死版本号。

2023-11-16 10:49:28 138

原创 前端工程化之自动化构建工具--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 193

原创 设置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 552

原创 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 517

原创 vscode 设置打开新文件不覆盖前一个窗口

解决方法:1、ctrl/command+shift+p 快捷键打开 输入 json 设置 ==> 选择 首选项:打开工作区设置(json)2、在 json 设置中添加以下两行或将对应属性设置成 false/true"workbench.editor.enablePreview": false,"workbench.editor.showTabs": true...

2021-03-11 15:40:37 3281

转载 DOM事件中target和currentTarget的区别

target是事件触发的真实元素currentTarget是事件绑定的元素事件处理函数中的this指向是中为currentTargetcurrentTarget和target,有时候是同一个元素,有时候不是同一个元素 (因为事件冒泡)当事件是子元素触发时,currentTarget为绑定事件的元素,target为子元素当事件是元素自身触发时,currentTarget和target为同一个元素。<body> <ul id="box"> <Li.

2021-03-07 21:58:03 394

原创 标题跟随轮播切换

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 162

原创 只执行一次函数

只执行一次函数当实现支付,新增,保存等业务功能时,想要实现无论用户怎们点,我就执行一次的需求,那么我们就利用高阶函数的特性吧—函数作为返回值来实现吧。上代码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 797

原创 对比两个复杂的对象是否完全相等

对象的复杂程度{ 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 552

原创 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 2118 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 2945

原创 判断一个数组中是否存在某个对象(数组中有多个对象,此时给一个对象,根据对象中的某个key判断出这个数组中是否存在这个对象)

数组arr:[{name:'wang':age:18},{name:'zhu':age:21}],对象obj:{name:'yu',age:22}根据obj的name判断arr中是否存在objlet index=this.arr.findIndex((item)=&gt;{ if(obj.name===item.name){ return true; ...

2018-11-13 22:46:52 2444

原创 设置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 281

原创 密码:大写字母 小写字母 数字 特殊字符(四种里至少三种)

正则表达式:大写字母 小写字母 数字 特殊字符(四种里至少三种)第一种:/((^(?=.*[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 63898 4

原创 前端小技巧日常积累

检查用户名是否合法$scope.check_name=function(data){ var reg = new RegExp(&amp;quot;^[\u4E00-\u9FA5A-Za-z_0-9]+$&amp;quot;); if(!data||!reg.test($scope.dialogDatas.mingcheng)){ $scope.is_regularname=true; ...

2018-11-13 22:38:16 197

原创 李东朔讲OKR

管理体系是一个动态的生态系统要素人产品利润起源 目标管理对于知识企业 原来的管理阻碍了员工的能动性组织的上级管理者和下级管理人员共同确定组织的目标,根据对每一个人所预期的结果来规定他们的主要责任范围,并且利用这些指标来直到他们所管理的活动和评价每个成员做出的贡献。信念:每个人都想做好自己的工作,如果给员工创造一个适合的环境24个月8个季度2年OKR 核心:一个管理人如何...

2018-11-13 22:28:41 619

原创 实现上移下移 置顶置底效果

up down top bottom

2017-12-10 21:41:57 2923

原创 angular4系列之ViewEncapsulation

ViewEncapsulation

2017-12-10 21:35:07 2739

原创 Typescript(基础类型)

typescript 基础类型

2017-12-10 21:32:11 433

原创 rxjs基础知识

rxjs

2017-12-10 21:29:44 291

原创 Rollup基础篇

rollup

2017-12-10 21:28:11 1806

原创 angular4系列之初识

angular4 初识

2017-12-10 21:05:56 806

原创 angular4系列之动态创建组件

Angular如何在组件中动态加载组件

2017-12-10 20:49:09 3086

原创 angular4之父子组件之间的传值

angular4 组件之间的通信

2017-12-10 20:43:21 16894 4

原创 angular4系列之国际化

angular4 ie18n 国际化

2017-12-10 20:30:57 2096

原创 Mac 常用快捷键

Command+M: 最小化窗口Command+T: 在浏览器中打开新的选项卡Command+W: 关闭窗口Command+Q: 退出程序截图:全屏截图:Command+Shift+3, 使用快捷键后会马上截获当前的全屏。保存到桌面上区域截图:Command+Shift +4, 使用快捷键后会出现带坐标的瞄准器, 拖拽选择要截图的区域。程序窗口截图: Command+Shift

2017-09-17 23:24:25 311

原创 判断某年某月有多少天

判断某年某月有多少天的简便方法

2017-09-04 10:02:20 1921

原创 日期小插件

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 430

原创 代码埋点

网站统计的基本流程首先,用户的行为会触发浏览器对被统计页面的一个http请求,这里姑且先认为行为就是打开网页。当网页被打开,页面中的埋点javascript片段会被执行,用过相关工具的朋友应该知道,一般网站统计工具都会要求用户在网页中加入一小段javascript代码,这个代码片段一般会动态创建一个script标签,并将src指向一个单独的js文件,此时这个单独的js文件会被浏览器请求到并执行,这个

2017-06-08 17:45:41 8118

原创 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 4592

转载 nginx中的nginx.conf.default配置

转自:http://blog.csdn.net/github_26672553/article/details/51791506

2017-01-09 22:45:19 18284 3

原创 nodejs操作mysql数据库

0.准备首先安装mysql和navicat 配置:1.什么是数据库在应用中很多数据一定要保存起来,例如操作日志,用户信息,聊天记录(数据的重要性的体现)需要支持数据存储的容器,数据库主要就是当做数据存储的容器(可以将变量化(瞬时状态)的数据变成持久化数据)【游离状态:变量,计算机一关闭就小时了。持久化:变量转换成文件,永久存在】数据库原理:test文本就是一个最简单的数据库2.使用数据库

2016-12-27 14:32:01 7670

原创 nodeJS

1.什么是nodeJs基于Google浏览器的v8引擎,本质上是一个虚拟机,将用户写入的js编译成二进制去操作计算机底层是一门服务端语言,服务端主要作用是构建应用支撑和构建后台服务特点: 单线程 异步执行,支持高并发, 通过异步回调函数拿到所有请求,如抢票。 异步并发量比同步高上手简单涉足范围广2.es6方式写nodejs搭建nodejs es6环境安装:安装cnpm insta

2016-12-27 14:25:37 596

原创 微信开发订阅号

1.申请微信个人公众号2.开通新浪云服务器 因为微信中打开的页面必须要放在公网服务器上面3.获取微信的实例demo,包括php,node,java等版本index.php 写页面(php,jsp,asp,ejs)项目加载主页面(我们在这里进行调用微信接口开发)微信项目主页面,直接运行就可以看到主页面。 jsp 服务端模板引擎—-能够在html里面用其他语言写内容weixin.ph

2016-12-27 13:41:22 674

原创 cordova

1.搭建cordova(phonegap)混合开发环境cordova需要虚拟机安卓或者iOS 1. 安装cordova到全局 cnpm install cordova -g 2. 创建cordova项目 cordova create MyApp 3. 给项目添加平台支持 - cd MyApp - cordova platform add ios 4. 运行项目 c

2016-12-21 22:00:21 1169

转载 Apache Cordova 3.x -- deviceready事件

Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候,Cordova提供的通过HTML5调用Native功能并不是立即就能使用的,Cordova框架在读入HTML5代码之后,要进行HTML5和Native建立桥接,在未能完成这个桥接的初始的情况下,是不能调用Native功能的。在Cordova框架中,当这个桥接的初始化完成后,会调用他自身

2016-12-21 13:56:31 1017

原创 混合开发基础

1.混合开发的解决方案方案一:dcloud(hbuilder)国内一款通用的框架,性能比phonegap高方案二:phonegap(Adobe公司所出的将phonegap捐献给了Apache),cordova最经典的一款混合开发的框架方案三:APICloud 编写都是在本地 打包在云端方案四:react native 国外比较火方案五:WEX5方案六:微信里面做混合开发2.混合开发原理

2016-12-20 22:33:25 2477

原创 混合开发与第三方插件

1.掌握manifest.json使用 一个项目的核心配置,比如 原生app权限(核心功能模块,如果不选,功能无法实现), 项目启动图片,项目默认图标 - 说明:替换元素以后,必须保存mainfest文件,之后必须打包成apk或ipa,安装到手机才可以2.如何往项目里面添加支持原生的第三方库在manifest进行修改,修改sdk(支持第三方的库)3.实现支付

2016-12-20 22:24:50 2023

原创 angular项目流程功能实现

1.项目结构:-----view-----controller-----service 公共方法的使用,主要封装一些常用api,面向于方法----model2.完成项目流程是什么?a:企业中项目实现流程①:实际的问题导致了需求产生②:企业核心技术(CTO 首席技术执行官)负责人或者产品(PM productmanager)对需求采取更深分析(CTO--找

2016-12-17 13:57:47 3056

空空如也

空空如也

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

TA关注的人

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