- 博客(74)
- 收藏
- 关注
RSS订阅原创 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
839
原创 前端工程化之自动化构建工具--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
248
原创 设置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
641
原创 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
590
原创 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
3505
转载 DOM事件中target和currentTarget的区别
target是事件触发的真实元素currentTarget是事件绑定的元素事件处理函数中的this指向是中为currentTargetcurrentTarget和target，有时候是同一个元素，有时候不是同一个元素 （因为事件冒泡）当事件是子元素触发时，currentTarget为绑定事件的元素，target为子元素当事件是元素自身触发时，currentTarget和target为同一个元素。<body> <ul id="box"> <Li.
2021-03-07 21:58:03
442
原创 标题跟随轮播切换
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
210
原创 只执行一次函数
只执行一次函数当实现支付，新增，保存等业务功能时，想要实现无论用户怎们点，我就执行一次的需求，那么我们就利用高阶函数的特性吧—函数作为返回值来实现吧。上代码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
854
原创 对比两个复杂的对象是否完全相等
对象的复杂程度{ 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
652
原创 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
2225
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
3111
原创 判断一个数组中是否存在某个对象（数组中有多个对象，此时给一个对象，根据对象中的某个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
2497
原创 设置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
317
原创 密码：大写字母 小写字母 数字 特殊字符（四种里至少三种）
正则表达式：大写字母 小写字母 数字 特殊字符（四种里至少三种）第一种：/((^(?=.*[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
67980
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
252
原创 李东朔讲OKR
管理体系是一个动态的生态系统要素人产品利润起源 目标管理对于知识企业 原来的管理阻碍了员工的能动性组织的上级管理者和下级管理人员共同确定组织的目标，根据对每一个人所预期的结果来规定他们的主要责任范围，并且利用这些指标来直到他们所管理的活动和评价每个成员做出的贡献。信念：每个人都想做好自己的工作，如果给员工创造一个适合的环境24个月8个季度2年OKR 核心：一个管理人如何...
2018-11-13 22:28:41
664
原创 Mac 常用快捷键
Command+M: 最小化窗口Command+T: 在浏览器中打开新的选项卡Command+W: 关闭窗口Command+Q: 退出程序截图：全屏截图：Command+Shift+3, 使用快捷键后会马上截获当前的全屏。保存到桌面上区域截图：Command+Shift +4, 使用快捷键后会出现带坐标的瞄准器， 拖拽选择要截图的区域。程序窗口截图： Command+Shift
2017-09-17 23:24:25
380
原创 日期小插件
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
480
原创 代码埋点
网站统计的基本流程首先，用户的行为会触发浏览器对被统计页面的一个http请求，这里姑且先认为行为就是打开网页。当网页被打开，页面中的埋点javascript片段会被执行，用过相关工具的朋友应该知道，一般网站统计工具都会要求用户在网页中加入一小段javascript代码，这个代码片段一般会动态创建一个script标签，并将src指向一个单独的js文件，此时这个单独的js文件会被浏览器请求到并执行，这个
2017-06-08 17:45:41
8212
原创 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
4661
转载 nginx中的nginx.conf.default配置
转自：http://blog.youkuaiyun.com/github_26672553/article/details/51791506
2017-01-09 22:45:19
18356
3
原创 nodejs操作mysql数据库
0.准备首先安装mysql和navicat 配置：1.什么是数据库在应用中很多数据一定要保存起来，例如操作日志，用户信息，聊天记录（数据的重要性的体现）需要支持数据存储的容器，数据库主要就是当做数据存储的容器（可以将变量化（瞬时状态）的数据变成持久化数据）【游离状态：变量，计算机一关闭就小时了。持久化：变量转换成文件，永久存在】数据库原理：test文本就是一个最简单的数据库2.使用数据库
2016-12-27 14:32:01
7796
原创 nodeJS
1.什么是nodeJs基于Google浏览器的v8引擎，本质上是一个虚拟机，将用户写入的js编译成二进制去操作计算机底层是一门服务端语言，服务端主要作用是构建应用支撑和构建后台服务特点： 单线程 异步执行，支持高并发， 通过异步回调函数拿到所有请求，如抢票。 异步并发量比同步高上手简单涉足范围广2.es6方式写nodejs搭建nodejs es6环境安装：安装cnpm insta
2016-12-27 14:25:37
625
原创 微信开发订阅号
1.申请微信个人公众号2.开通新浪云服务器 因为微信中打开的页面必须要放在公网服务器上面3.获取微信的实例demo,包括php,node,java等版本index.php 写页面（php,jsp,asp,ejs）项目加载主页面(我们在这里进行调用微信接口开发)微信项目主页面,直接运行就可以看到主页面。 jsp 服务端模板引擎—-能够在html里面用其他语言写内容weixin.ph
2016-12-27 13:41:22
754
原创 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
1224
转载 Apache Cordova 3.x -- deviceready事件
Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候，Cordova提供的通过HTML5调用Native功能并不是立即就能使用的，Cordova框架在读入HTML5代码之后，要进行HTML5和Native建立桥接，在未能完成这个桥接的初始的情况下，是不能调用Native功能的。在Cordova框架中，当这个桥接的初始化完成后，会调用他自身
2016-12-21 13:56:31
1051
原创 混合开发基础
1.混合开发的解决方案方案一：dcloud(hbuilder)国内一款通用的框架，性能比phonegap高方案二：phonegap（Adobe公司所出的将phonegap捐献给了Apache）,cordova最经典的一款混合开发的框架方案三：APICloud 编写都是在本地 打包在云端方案四：react native 国外比较火方案五：WEX5方案六：微信里面做混合开发2.混合开发原理
2016-12-20 22:33:25
2527
原创 混合开发与第三方插件
1.掌握manifest.json使用 一个项目的核心配置，比如 原生app权限（核心功能模块，如果不选，功能无法实现）， 项目启动图片，项目默认图标 - 说明：替换元素以后，必须保存mainfest文件，之后必须打包成apk或ipa，安装到手机才可以2.如何往项目里面添加支持原生的第三方库在manifest进行修改，修改sdk(支持第三方的库)3.实现支付
2016-12-20 22:24:50
2084
原创 angular项目流程功能实现
1.项目结构：-----view-----controller-----service 公共方法的使用,主要封装一些常用api，面向于方法----model2.完成项目流程是什么？a:企业中项目实现流程①：实际的问题导致了需求产生②：企业核心技术（CTO 首席技术执行官）负责人或者产品（PM productmanager）对需求采取更深分析（CTO--找
2016-12-17 13:57:47
3152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人