- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue中从v-model，model，.sync到双向数据传递，再到双向数据绑定
前面的话虽然v-model和.sync之间的区别，是非常明显的，但是通过这个去研究下去，就有点意思了。首先说明v-model是.sync的一种特殊情况，也就是当prop是value，vm.$emit('update:input')，这个时候就是传统意义上的v-model，也就是说v-model是model为prop等于value，event为input的特殊情况。概念双向数据传递为...
2018-09-14 15:22:03
15040
1
原创 CSS选择器之:first-child,:last-child
定义:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。提示：p:last-child 等同于 p:nth-first-child(1)。:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。提示：p:last-child 等同于 p:nth-last-child(1)。直接看定义稍微有点绕，定义中最关键的就是属于其父元素。如果不能...
2018-08-24 16:48:34
3554
原创 requireJs快速上手
简介require.js的主要作用是模块化，规范化js，作为JavaScript脚本加载器，遵循AMD规范； require.js中提供了优化器可以优化页面中的js脚本和css文件，以提高页面响应速度，减少http请求次数； 可以通过引入一个<script src='require.js' data-main='main.js'></script>加载整个页面；A...
2018-08-24 14:29:33
316
原创 div绘制各种三角形
先来看看应用场景效果图作用：悬浮左侧菜单栏时对该菜单进行简介demo代码：html：<div class="float-flag" style="top: 15px; opacity: 0; display: none;"> <div class="float-flag-shape"></div> <div cla
2018-07-30 17:24:10
11244
1
原创 webstrom设置启动时可选择打开项目，不打开最近的项目
如图所示将Reopen last project on startup 取消选择就可以了，具体操作路径为在菜单栏打开File → Setting → Appearance&Behavior → System Settings → Reopen last project on startup 取消勾选...
2018-07-06 14:05:08
1924
1
原创 js数组去重的6种方法
Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n.indexOf(this[i]) == -1) n.p...
2018-07-04 19:03:41
362
原创 webStrom使用gitee管理代码
前言 首先我们需要通过公私秘钥连接git线上，线下仓库，具体操作参考码云上的说明https://gitee.com/help/articles/4181，这一步完成之后我们就可以开心的使用git了。准备材料 git ， webStrom ， gitee正式开始一、在gitee上创建一个项目，项目名与本地相同 二、新建成功后复制ss...
2018-06-04 15:42:24
5019
原创 CSS属性(一)之outline属性
outline属性表示轮廓具体位置如下图所示（位于经典盒子模型的border和margin之间）：和其他属性一样可以通过outline一次性设置所有的轮廓属性，也可以通过他旗下的几个属性对轮廓进行设置，具体详情如下图这里主要对outline-style进行注释具体英文读音可以直接单击单词outline-style参数值：none：无dotted：点式dashed：虚线solid：实线double：...
2018-05-24 17:03:28
1396
原创 webStrom 和 eclipse项目已经重启报端口冲突解决
window+cmd这里以8080端口为例输入netstat -ano|findstr 8080找到TCP为i0.0.0.0:8080 的监听LISTENING ---8268taskkill /f /pid 8268
2018-05-22 15:09:55
350
原创 HTML 高度不祥的情况下自动水平垂直居中
内容比较简单就不说太多废话了，我们先看下效果图，如果不是自己需要的可以直接跳过效果图缩放前缩放后html部分<!DOCTYPE html><html><head> <meta charset="utf-8" content="text/html"> <title></title>&
2018-05-17 20:32:16
436
原创 javascript中原型链与原型链继承详解
前言 虽然很久以前就开始学习javascript了，但是关于原型链的知识开始接触使用，还是通过一年前的一个项目有了一定的了解，但是今天有个同事突然问我这个问题，讲了好久可能是自己理解的不够透彻，说来说去总觉得只可意会不可言传，于是乎就又查了查资料，为了看看自己真的懂了没现在，想总结下关于原型链继承等系列知识，欢迎各位路过的神仙们对我的内容批评指正。储备知识点 ...
2018-05-14 22:59:29
909
原创 javascript中caller和callee区别以及使用场景
英文翻译caller n. 访客；[通信] 呼叫者；打电话者；召集员calleen. 被召者caller理解为指的是调用当前函数的函数，也就是调用者，如果没有其他函数调用的话就是null，举个栗子如果callerTest()是直接执行的函数，那么callerTest.caller===null，如果test()去调用callerTest()，那么callerTest.caller===test，具...
2018-05-14 20:33:19
510
原创 阿里icon使用fontclass
1.百度阿里专业icon也可以直接点击，进入2.搜索自己需要的icon加入购物车 3.然后将icon添加至以创建的项目方便后续更细（添加前需要登陆github或者微博）4.选择好之后会跳转至该页面，下载至本地即可5.下载后可以看到下图文件，复制图中所示的5个文件到新建的font文件夹下6.其实这个解压后的文件非常全，可以模仿他的写法去写自己要的模式，这里用f...
2018-05-10 16:43:53
3675
原创 webpack创建react项目
1.初始化npmnpm init2.引入react react-dom babelify babel-preset-reactnpm install --save react react-dom babelify babel-preset-react3npm install babel-preset-es2015 --save4.创建webpack.config.jsvar debug = pro...
2018-05-10 08:47:17
428
原创 js获得时间戳方法
js获取时间戳是很常用的，今天简单的总结下有哪几种方式:第一种：使用Date的静态方法parse()，该方法不仅仅是获取当前时间戳，可以通过添加str获取距1970/01/01的毫秒数var timestamp=Date.parse(new Date()); //1514736000000第二种通过valueOf()方法获得，这也是toString()和valueOf()的一个重要区分点var t...
2018-05-09 10:23:16
8824
转载 webstorm快捷键大全-webstorm常用快捷键
webstorm Mac版 界面操作编辑Command+alt+T 用 (if..else, try..catch, for, etc.)包住 增加环绕标签Command+/ 注释/取消注释的行注释Command+alt+/ 注释/取消注释与块注释alt+↑ 向上选取代码块alt+↓ 向下选取代码块Command+alt+L 格式化代码tab,shift+tab 调整缩进Contr
2018-05-04 09:08:37
528
原创 javascript中线形数据转换为树形数据以及树形数据递归调用
前言 关于树的问题已经是一个老生常谈的话题了，但是大部分情况下都是通过后台进行异步获取数据，如果使用javascript怎么实现数据库中的线性数据向树形数据转换呢？今天我们就一起来整理一下。必备小知识 js中有六大数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null），和一种复杂的引用数据类型(Object)，...
2018-04-04 15:31:20
2163
2
转载 javascript正则表达式总结
基础篇1.正则中的 开始和结束限制符号1. ^表示匹配字符串的开始，$表示匹配字符串的结束[javascript] view plain copy print?var reg = /^this/; //只能匹配开始位置为this 的字符串。 var str = ‘this is a test!’; var str1 = ‘ this is a test!’; console.log(re
2018-03-28 17:40:22
1396
转载 常用Webstorm快捷键与Eclipse快捷键对比
常用快捷键—Webstorm入门指南提高代码编写效率，离不开快捷键的使用，Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。快捷键配置点击“File”-> “settings”Webstorm预置了其他编辑器的快捷键配置，可以点击默认配置-Eclipse的常用快捷键对照表查找/代替Webstorm快捷键Eclipse快捷键说明ctrl+shift+Nctrl+sh
2018-03-27 10:09:04
458
原创 React结合es6实例教程
前言 本文主要是关于webpack+es6+react的基础页面实例的讲解，通过这个简单的单页面的讲解，当掌握单页面的用法后，实现具体项目是也就是通过控制台调用不同的页面，本文为基础帖到实战帖的过度，适合有react基础的小伙伴，大神请绕行哦。 ok我们废话不多讲直接上图，先给大家看下完成后的效果图，是不是很丑，没关系啦！懂得原理剩下的交给css去做啦，...
2018-03-22 00:01:33
2133
原创 创建表空间创建用户以及数据泵/执行sql导入数据
小伙伴注意啦文中TEST就是你要创建的库的名字，在start和stop之间的可以替换TEST后直接使用一、创建表空间---------------------------------------------start-----------------------------------------------------CREATE TABLESPACE TESTDATAFILE 'D:\TES...
2018-03-16 18:58:20
756
原创 WebStrom创建ReactJs项目
1.下载安装 WebStrom 可以在官网直接下载，也可以点击提供链接直接前往https://www.jetbrains.com/webstorm/具体破解方法核心就是一直下一步出现在需要选择地址的时候输入http://idea.codebeta.cn（填写的地址不是超链接）2.下载NodeJS并安装可以在网上直接百度官网下载并安装即可，主要目的是为了安装和他一起下载并安装的NPM（包管理器）wi...
2018-03-14 14:55:37
1103
原创 GitHub安装使用及常见问题处理
本文主要是针对GitHub安装以及使用的1.下载gitLinux直接打开shell输入: sudo apt-get install gitWindows需要在网上下载一个Git For Window了，可到下述网站下载： https://git-for-windows.github.io/ 点击 Download，跳转到 Github ，下载对应安装包即可！2注册GitHub账号百度GitHub首...
2018-03-13 18:00:52
849
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人