自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

cily

往前爬的菜鸟

  • 博客(84)
  • 资源 (4)
  • 收藏
  • 关注

原创 git yarn npm 命令 笔记

Git1、创建分支1.clone master 的代码到本地,并在master本地代码文件夹中打开 git bashgit pull origin master在 master 分支下,保证当前代码与线上同步2.创建分支git branch <分支名> // 如:git branch mybranch3.切换到新建的分支git checkout <分支名>4.把本地分支推到远端,让远端也有一个你的分支,用来后面提交代码git push

2020-11-07 10:04:05 556

原创 我的Webpack 笔记

入口(entry)、输出(output)、loader、插件plugins1、entryentry→指定一个/多个入口起点,默认“./src”module.exports={entry:'...'}用法:entry: string | Array<string>entry: {[entryChunkName: string]: string | Array<string>}分离应用程序[app]和第三方库[vendor]入口...

2020-11-01 13:09:55 254

原创 我的 ES6 笔记

let→声明变量,只有在它所在的代码块有效,不变量提升,在相同的作用域内,不可重复声明同一变量。const→声明只读常量→变量指向的那个地址所保存的数据不得改动,作用域同let。1、变量解构赋值:let [a,b,c] = [1,2,3];let [foo, [[bar], baz]] = [1, [[2], 3]];let [,,third] = ['foo', 'bar', 'baz']; // third 为 'baz'let [x,,y] = [1,2,3]; /...

2020-11-01 13:05:34 215

原创 js 浏览器存储

浏览器存储:sessionStorage:可临时存储,关闭页面标签自动回收,不支持跨页面交互,只能临时存储。localStorage:长久保存整个网站数据,没有过期时间,手动删除。存储大小最大5M,IE8以上,保存值类型String。cookie:兼容性最好,大小有限制,且每次发送请求,请求头里会带着cookie一起发送。useData:出现时间早于sessionStorage,IE专用。js数据类型:String、Number、Array、Objec...

2020-11-01 13:02:16 648

原创 Vue 双向数绑定原理 笔记

使用Object.defineProperty进行数据劫持,把data对象、computed等里的所有属性进行数据劫持使用观察者模式,完成发布订阅。模板里使用data对象属性的dom对象都订阅当data对象里面的属性的值发生变化时,就会发布,发布时就改变了dom里的内容侦测数据的变化→收集视图依赖了哪些数据→数据变化时,自动“同质化”需要更新的视图部分,并更新;对应专业术语:数据劫持/数据代理→依赖收集→发布订阅模式js侦测对象变...

2020-11-01 13:01:23 118

原创 js 构造函数笔记

1、函数的定义:声明式函数定义:function函数名(){}函数表达式:letfun=function(){}newFunction形式:varfun1=Function(arg1,arg2,arg3,...argN,body);//body要创建函数的函数体Function构造函数所有的参数都是字符串类型。通过new函数名来实例化对象的函数叫构造函数构造函数的主要功能为初始化对象,特点是和new一起用构造函数就是在为初始化的对象添...

2020-11-01 12:59:58 215

原创 MongoDB数据库安装笔记

systemLog: Destination: file Path: c:\data\log\mongod.logstorage: dbPath: c:\data\db

2020-01-11 14:25:06 1403

原创 PS基础笔记

1、图层顺序置顶:Ctrl + Shift + ]置底:Ctrl + Shift + [向上一层:Ctrl + ]向下一层:Ctrl + ]2、新建、删除图层、图层组、图层链接新建图层:Ctrl + Shift + Alt + N删除图层:BACKSPACE图层组:选中要分类的图层 Ctrl + G或 选中要分类的图层 图层 --> 图层编组图层链...

2019-12-22 21:56:38 343

原创 webpack学习笔记

学习笔记1、在项目中安装webpack:在根目录下打开命令窗口,输入 npm install webpack --save-dev 安装webpack。2、在js文件中引入另外一个js文件,如:在根目录下的 hello.js 中引入根目录下的 world.js require('./world.js');3、webpack 打包文件命令:webpack 要打包的文件 打包后的文件如:w...

2019-12-22 21:08:07 231

原创 ES6基础学习笔记

1、let--> 声明变量,只有在它所在的代码块有效;--> 不变量提升;--> 在相同的作用域内,不可重复声明同一变量。2、const--> 声明只读常量 --> 变量指向的那个地址所保存的数据不得改动。--> 作用域同 let 。3、变量解构赋值//...let [a,b,c] = [1,2,3];let [foo, ...

2019-12-08 14:23:11 140

原创 escape、encodeURI、encodeURIComponent区别

这里就只用个图大概的展示一下:

2019-12-08 13:26:44 138

原创 React 基础知识 - 学习笔记

1、React 安装通过 npm 使用 React(1)安装全局包$ npm install babel -g$ npm install webpack -g$ npm install webpack-dev-server -g(2)创建根目录目录名 --> reactApp --> npm init 初始化 --> 生成 package.json:$ mkd...

2019-12-01 01:14:45 230

原创 angular入门(五、angularJS项目实例开发 - 3 - 编写代码前)

1、知识储备基础知识 --> JS、HTML、CSS前端知识 --> AJAX、Promise课程知识 --> Less、nodejs2、AngularJS内置的组件$q服务 --> 实现 promise 功能$http服务 --> 处理 ajax 请求ng-repeat、ng-model指令3、复杂指令服务等组件简单的无逻辑的静态...

2019-06-23 21:15:39 2433

原创 Vue-笔记(5)

1、父子组件数据传递 父组件可在引用子组件时, 通过 属性绑定(v-bind:) 的形式, 把 需要传递给 子组件的数据,以属性绑定的形式,传递到子组件内部,供子组件使用。<com1 v-bind:parentmsg="msg"></com1> (1)子组件中,默认无法访问到 父组件中的 data 上的数据 和 methods 中的方法 (2...

2019-06-22 22:54:30 151

原创 Vue-笔记(4)

1、如果我们全局配置了请求的数据接口 根域名,则在每次单独发起 http 请求时,请求的 url 路径,应该以相对路径开头,前面不能带 / ,否则 不会启用根路径做拼接;Vue.http.options.root = 'http://vue.studyit.io/';全局启用 emulateJSON 选项Vue.http.options.emulateJSON = true;...

2019-06-22 22:42:48 170

原创 Vue-笔记(3)

1、事件绑定机制,为元素指定处理函数时,加个小括号就可以给函数传参了。2、数组的新方法 forEach some filter findIndex 都会对数组中的每一项,进行遍历,执行相关的操作;(1).sonme()方法array.some(function(currentValue,index,arr),thisValue) some() --&g...

2019-06-22 22:25:57 248

原创 Vue-笔记(2)

1、 Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别MVC -->后端的分层开发概念;MVVM --> 前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModel。2、指令、事件绑定、数据绑定v-cloak --> 解决插值表达式闪烁的问题。v-text --&...

2019-06-22 22:07:43 163

原创 Vue-笔记(1)

var vm = new Vue({ el: '#app', // 表示,当前我们 new 的这个 Vue 实例,要控制页面上的哪个区域 // 这里的 data 就是 MVVM中的 M,专门用来保存 每个页面的数据的 data: { // data 属性中,存放的是 el 中要用到的数据 msg: '欢迎学习Vue' // 通过 Vue 提供的指令,很方...

2019-06-22 21:45:36 168

原创 Echarts - 不同区间段的值显示的颜色不一致

今天开发项目的时候,有个需求是显示一个柱状统计图,要求是:不同的区间段的值显示不同的颜色。比如:0-59分 --> 不及格; 60-79分 --> 及格; 80-89分 --> 好样; 90-100分 --> 棒呆。下面写一个简单的Demo:<!DOCTYPE html><html><head> ...

2019-06-12 21:27:04 4135 1

原创 Vue.js 学习笔记(一、基础知识)

Vue.js 基础知识一、Vue.js 安装二、Vue.js 目录结构标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表F...

2019-03-05 22:28:26 3554

原创 angular入门(四、angularJS项目实例开发 - 1、效果图)

之前已经讲过angularJS的基础知识和项目开发流程了,现在开始实例展示吧~下面要讲的这个实例呢,其实网上有,只是现在我以自己的角度和认知来解说一下,希望对你有帮助。项目名称:AngularJS模拟拉勾网单页应用效果图如下:以上就是这次实例的所有前端页面效果图了哟~...

2018-11-25 11:56:24 1123

原创 angular入门(三、angularJS项目开发流程)

用 angularJS 开发的前提是安装 nodejs。前端用 AngularJS 开发项目的流程如下:   新建项目文件夹(如webapp)    --&gt; npm安装全局bower (安装命令:cnpm i -g bower 或 npm install -g bower),如果已经安装过则省略此步骤   --&gt; 初始化bower:bower init   --&gt; ...

2018-10-21 19:46:41 413

原创 angular入门(二、基础知识点)

1、AngularJS 表达式写在双大括号内:{{ expression }} ,把数据绑定带 HTML,与ng-bind指令相似。在书写的位置“输出”数据,可以包含文字、运算符和变量。把数据绑定带 HTML,使用 ng-init 的情况较少,表达式不支持条件判断、循环及异常,但支持过滤。注:ng-app是一个特殊指令:一个HTML文档只出现一次,若出现多个,第一个起作用;其值可为空(...

2018-10-21 16:29:29 866

原创 日期、时间相关操作

1、获取当前时间/** * 获取当前时间 */function getCurrTime(){ var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; month = month&gt;=10?month:("0"+month); var day = now.ge...

2018-10-15 21:58:35 158

原创 自定义 loading... 效果

loading.html代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;loading效果&lt;/title&gt;&lt;/head&gt;&lt;body&gt;

2018-10-15 21:58:17 929

原创 自定义 自动隐藏提示 - tip

tip.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;tip效果&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;s

2018-10-15 21:58:02 770

原创 实现全选/取消全选功能

这里是使用jquery为前提:方法一:/** * 绑定全选/取消全选 * @param checkAll 全选复选框 * @param checkOne 单个复选框 */function onCheckBox(checkAll,checkOne){ checkAll.off('change'); checkOne.off('change'); checkAll.on("c...

2018-10-14 12:24:26 2027

原创 自定义单选列表

HTML代码:&lt;label&gt; &lt;a data-myRadio="cdtTime" data-value="3"&gt;最近3天&lt;/a&gt; &lt;a data-myRadio="cdtTime" data-value="7"&gt;最近7天&lt;/a&gt; &lt;a data-myRadio=&q

2018-10-14 12:13:40 157

原创 自定义分页

前提需要引入jquery:/** * 自定义分页 * @param wrapId 最外层选择器 * @param count 总计数量 * @param rows 每页显示数量 * @param totalP 总页数 * @param currP 当前页 * @param func 翻页回调函数 * @returns */function createPage(wrapI...

2018-10-14 12:02:09 129

原创 关于前端的 url

1、获取url中的域名/** * 获取URL地址--域名 * @returns {String} */function getDomain(){ var project = '/';//项目名 var domainName = location.protocol + '//'+window.location.host;//获取域名// var domainName = loca...

2018-10-14 11:43:38 310

原创 常用的一些正则验证

1、验证身份证号/** * 验证身份证号 * @param card * @returns {Boolean} */function isCardNo(card) { // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|...

2018-10-14 11:34:49 863

原创 正则限制input输入框

1、设置 input 只能输入正整数(下面有两个方法都能实现):/** * 设置 input 只能输入正整数 * @param a */function inputInt(a){ $(a).off('keyup').on('keyup',function(){ if(this.value.length==1){ this.value=this.value.replace(...

2018-10-14 11:12:03 721

原创 js处理数值 - 随机数、数值转换、数值截取

1、生成固定范围内的随机数/** * 生成从min到max的随机数 * @param min * @param max * @returns */function randomByTo(min,max){// arguments.length表示的是实际上向函数传入了多少个参数,这个数字可以比形参数量大,也可以比形参数量小(形参数量的值可以通过Function.length获取...

2018-10-14 10:39:48 272

原创 js判断当前设备及获取设备、浏览器的宽度和高度

在开发的时候,我们常常需要根据用户当前设备进行相应设置和显示,在此展示一个简单的方法判断(这个方法忘了是从哪里看来了的~),希望对你有帮助哦~/** * 判断当前设备 * @returns */function currDevice(){ var u = navigator.userAgent; var app = navigator.appVersion;// appVersi...

2018-10-14 10:17:47 7257

原创 RSA加密(密码加密)

在项目开发的时候为了安全起见,需要对密码进行加密,我呢就简单说一下rsa加密怎么用吧~HTML页面需要先引入js文件:&lt;script src="rsa/Barrett.js"&gt;&lt;/script&gt;&lt;script src="rsa/BigInt.js"&gt;&lt;/script&gt;&lt;script src="rsa/RSA.js&quo

2018-10-14 10:12:02 2365

原创 js本地存储 - localStorage、cookie

localStorage的设置与获取:/** * 设置 localStorage 存储信息 * @param k * @param v * @returns */function setlocalStorage(k,v){// localStorage.k = escape(JSON.stringify(v)); localStorage.setItem(k, esc...

2018-10-14 09:54:54 225

原创 eCharts知识点

 option = { title: { // 标题 text: '某站点用户访问来源', subtext: '纯属虚构', x: 'center' }, tooltip: { // 气泡提示框 trigger: 'item', formatter: '{a}&lt;br/&gt;{b}:...

2018-10-13 15:20:33 743

转载 requireJS知识点

data-main属性:&lt;script src="script/require.js" data-main="script/app.js"&gt;&lt;/script&gt;这里指定了根是app.js,只有直接或间接与app.js有关的依赖关系的模块才会被插入到html中。 require.config() 配置其参数为一个配置对象,配置项及含义如下:  base...

2018-10-13 14:51:10 345

转载 underscore知识点

一、安装(Installation)Node.js --&gt; npm install underscoreMeteor.js --&gt; meteor add underscoreRequire.js --&gt; require(["underscore"], ...Bower bower --&gt; install underscoreComponent --&gt...

2018-10-13 14:11:09 515

原创 angular入门(一、体验小例子)

    之前在一个做传统行业的公司,用的技术都不叫老旧,奈何老夫有个一颗躁动的心,走出大山看看外面的繁花似锦、看看外面的花花代码~哈哈哈哈不下扯了~还是好好说正事儿吧~先体验一个简单的例子:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&a

2018-03-22 10:37:19 1447

Colors.exe

一个轻量级的,不需要安装的屏幕取色器。我用过几个,觉得这个很好用~

2018-10-23

Canvas-时钟

HTML5 <canvas> 标签通过js用于绘制图像。这是用Canvas绘制的一个实时时钟,适合菜鸟级哦~

2017-10-25

原生js实现全屏滚动

原生JavaScript实现全屏滚动效果,不需要任何插件哦,这样你还可以根据自己的需求改动,代码比较简单,而且通俗易懂,比较基础,适合前端初学者

2017-09-18

echarts-2.2.7

echarts-2.2.7 这是老版本的echarts插件

2017-08-07

空空如也

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

TA关注的人

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