- 博客(35)
- 收藏
- 关注
原创 Cordova+Vue进行WebApp开发---爬坑系列
1. 下载并安装 Java jdk 环境:http://www.oracle.com/Download --> Java (JDK) for Developers -->下载Java jdk安装Java jdk:如果需要修改路径就需改 不需要的话就直接一直下一步安装配置环境变量:新建系统变量 -- 变量名“JAVA_HOME”,变量值“C:\Java\jdl1....
2018-09-12 00:32:51 1191
转载 vue-router: 嵌套路由
模板抽离我们已经学习过了Vue模板的另外定义形式,使用<template></template>。 <!-- 模板抽离出来 --> <template id="home"> <div>首页</div> </template> <tem
2018-03-06 00:58:06 474
原创 nvm管理node和npm版本
1. upgrade指定的node版本: nvm install 8.9.42. 指定默认node版本:nvm alias default v8.9.4 然后新开终端,再运行node -v才会生效要打开新的终端窗口的原因:使用nvm的时候,每次打开终端会先去读取default的默认值的版本是多少,然后去调用。如果你在相同的终端先设置default,但是不重新载入新的环境变量,那还是会使用原先的no...
2018-03-05 10:25:35 628
原创 css背景斜角
编写一个斜角的背景界面,利用的是border实现,让border-top和border-right有不同的color,使其看起来就是斜角的效果一个显示斜角效果的组件bevelEdgeimport PropTypes from 'prop-types';import classNames from 'classnames/bind';import styles from './style.scss'...
2018-03-01 15:39:43 3994
转载 Git的使用--如何将本地项目上传到Github
很早之前就注册了Github,但对其使用一直懵懵懂懂,很不熟练。直到昨天做完百度前端技术学院的task,想把代码托管到Github上的时候发现自己对于Git的操作是如此之愚钝,所以今天决定把Git好好学习一遍,好让自己以后能更好地使用Github,主要还是通过Git教程 - 廖雪峰的官方网站来学习。简要步骤可以直接看最后的总结。 Git的安装就不说了。
2018-01-24 00:13:20 2276
原创 English Study
misgivings 疑虑 担忧despite 尽管integration 集成awesomeness 精彩 卓越 敬畏zoom out browser 缩放浏览器Again the reminder 再一次提醒fix...issue 解决...问题verify 校验在软件开发中,ticket表示一个任务parameters 参数notification 通...
2018-01-22 12:34:14 284
原创 vue项目
1. vue init webpack portfolio 安装模板2.cd portfolio 进入项目3.npm install 安装模块下代码的依赖4.项目准备,新建resource文件夹,将图片放在其中5.所有的代码文件都放在src文件夹中,src下一般有三个子目录,assets,components(在其中自建文件夹,存放组件,满足组件就近维护原则)和common(公共模块和资源,其...
2018-01-20 15:52:49 720
原创 Mac常用终端命令
1. netstat -vanp tcp | grep 3008 sudo lsof -i tcp:3000 找到是指定的端口号被哪个进程使用 kill -9 6636 杀死进程 后面的参数为PID2.ls -l 查看当前目录下可见文件 ls -all 查看当前目录下的文件 包含隐藏文件 pwd 查看当前是在哪个目录下 mkdir 创建文件夹 to
2018-01-18 17:31:51 172
原创 Git命令使用
1. 提交到GitHub上的代码出现冲突/远程上的代码出现了更新 先git add . 和 git commit 将自己的代码储存好,git checkout 回主分支,git pull origin 拿下最新的代码,再git checkout 回自己的分支,git rebase origin/feature/blankstate,查看是否会出现冲突,如果有的话就得在webstorm上解决冲突
2018-01-16 12:33:05 172
原创 CSS study
1.实现两条横线中间插文字<div className={styles.pickPathStart}> <div className={styles.tip}>PICK A PATH TO START</div></div>.pick-path-start { width: 678px; margin: 0 auto; ...
2018-01-12 16:47:45 407
原创 React test Study
1.simulate可以模拟点击或者状态改变cashFundCard.find('.btn').simulate('click');cashFundCard.find('input').simulate('change', {target: {value: '0'}});2.创建实例,就可以调用组件里面的方法import { shallow } from 'enzyme
2018-01-11 14:45:33 231
原创 React学习
1.when loop array, if you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:当循环一个数组,如果每个item没有固定的ID,你可以使用item的索引作为最后的选择const todoItems = todos.map((todo, i...
2018-01-09 18:22:06 416
原创 定时器
setTimeout&setInterval1. ->设置一个定时器(setTimeout),等到1000ms后开始执行对应的方法,方法执行完成后,定时器结束 window.setTimeout(function () { }, 1000); ->设置一个定时器(setInterval),等到1000ms后开始执行对应的方法,方法执行完成后,
2017-10-25 12:03:12 641
原创 回到顶部实例scrollTop
1、之前我们学习的JS盒子模型中:client系列/offset系列/scrollWidth/scrollHeight都是"只读"属性->只能通过属性获取值,不能通过属性修改元素的样式2、scrollTop/scrollLeft:滚动条卷去的高度/宽度(这两个属性是唯一"可读写"属性) box.scrollTop = 0; //->直接回到了容器的顶部
2017-10-25 10:26:43 1654
原创 获取元素的偏移量offset
parentNode有盒子的布局如下查看每一层盒子的parentNode:父亲节点,HTML结构层级关系中的上一级元素center.parentNode //innerinner.parentNode //outerouter.parentNode //bodyjs是区分大小写的插曲一点小知识:null和undefined都代表
2017-10-18 16:13:09 5513
原创 webpack的配置(一)
node&npm下载node.js:https://nodejs.org/zh-cn/安装完成之后,任何一个目录都可以用npm命令node -v 可以查看node.js的版本信息,同时也是检验node.js是否安装成功npm:NodeJS包管理和分发工具如果Npm太慢,安装阿里的cnpm,执行下面命令:npm install -g cnpm --registry=https
2017-10-17 19:37:58 576
转载 浏览器报Uncaught TypeError: Cannot read property 'trigger' of undefined解决方案
在使用Zepto的时候谷歌浏览器报错 Uncaught TypeError: Cannot read property 'trigger' of undefined如截图:解决办法如下1、谷歌浏览器输入 chrome://flags/ 回车2、找到 指针活动 那一项3、选择 已停用然后重启google浏览器就好了
2017-10-11 16:31:53 6714
原创 获取元素的具体样式信息getcss
1、元素.style.属性名 ->需要我们把元素的样式都写在行内样式上才可以(写在样式表中是不管用的) console.log(box.style.height); //->"" 没写行内样式的情况 console.log(box.style.width); //->"200px" 写了行内样式 ->
2017-10-10 17:14:26 1329
原创 移动端的iscroll
在PC端的时候,我们使用的是position:fixed的方法使得导航栏,标题栏等固定在头部但是,在移动端的开发当中,使用position:fixed固定定位,很多手机都支持不好,尤其是在定位的区域还需要输入内容调取虚拟键盘的时候会出现很多很多的问题解决这个问题,就不能使用固定定位了,而使用局部滚动出来(iscroll)首先,给整个html的width和height都设置为100%,并
2017-09-28 10:58:29 402
原创 EJS模板引擎
我们经常会使用AJAX/JSONP等技术,从服务器端获取到我们所需要的数据,然后把数据动态的展示在对应页面中。1.不依托JS,而是使用PHP/Ruby/Python/JSP等技术实现数据的绑定(没有前后端分离)2.JS代码中进行字符串拼接这种方式属于前后端分离,在JS中获取到服务器端返回的数据后,把之前在HTML页面中写好的标签,一句句的复制到JS中,用字符串拼接的方式,把标签和数据拼
2017-09-27 15:58:26 829
原创 jQuery的AJAX和JSONP
jQuery中的AJAX写法 $.ajax({ url: 'data.txt', type: 'get', dataType: 'json', data: null,//get请求的时候为null async: true,//true为异步,false为同步 timeout: 3000,/
2017-09-27 15:43:39 434
原创 JS的盒子模型
一。JS盒子模型指的是通过JS中提供的一系列的属性和方法,获取页面中元素的样式信息值 var box = document.getElementById("box"); console.dir(box); #box(有很多自己的私有属性)-> HTMLDivElement.prototype -> HTMLElement.prototype -> Ele
2017-09-26 15:36:16 1016 1
原创 JS的同步与异步
同步指下一个程序的执行需要等到上一个程序执行完毕,也就是得出结果后下一个才能执行,异步指的是上一个程序指向后,下一个程序不用等到上一个程序出结果就能执行,等上一个出结果了调用回调函数处理结果就好。-> JS是属于单线程,我们最好使用异步编程- > 定时器都是异步编程-> 事件绑定 异步-> 回调函数 异步-> 在AJAX中可以使用异步编程
2017-09-25 16:30:49 382
原创 HTML5新特性
1、标签语义化,比如header,footer,nav,aside,article,section等,新增了很多表单元素,入email,url等,除去了center等样式标签,还有除去了有性能问题的frame,frameset等标签2、音视频元素,video,audio的增加使得我们不需要在依赖外部的插件就可以往网页中加入音视频元素。3、新增很多api,比如获取用户地理位置的window.
2017-09-25 16:25:20 203
原创 优化加号+操作符
var str="我喜欢我可爱的女朋友,";str=str+"她叫喵喵,";str=str+"她时而可爱,时而认真,";str=str+"她那天真的笑声可以让人忘掉一切烦恼。";console.log(str);这里的优化主要是对加号操作符的优化,因为加号在JavaScript中非常耗时和耗内存,需要经过以下六步:1、首先开辟一块临时空间,存储字符串,2、然后在开辟一块空间
2017-09-25 16:03:31 310
原创 JavaScript的作用域,作用域链,变量
JavaScript的作用域是指变量的作用范围,内部作用域由函数的形参,实参,局部变量,函数构成。内部作用域和外部的作用域一层层的链接起来形成作用域链。当在函数内部要访问一个变量的时候,首先要查找自己的内部作用域有没有这个变量,如果没有就到这个对象的原型对象中去查看,还是没用的话,就到该作用域所在的作用域中找,直到到Window所在的作用域,每个函数在声明的时候就默认有一个外部作用域的存在
2017-09-25 15:21:28 189
原创 JavaScript的闭包
闭包简单的说就是一个函数能访问外部函数的变量,这就是闭包。function a(x){ var tem=3; function b(y){ console.log(x+y+(++tem)); }}a函数中的b函数就是闭包了,b函数可以使用a函数的局部变量,参数。最典型的闭包应该是下面这样,将定义在函数中的函数作为返回值。func
2017-09-25 13:36:17 278
原创 移动端响应式布局基础
搭建一个H5页面,我们需要在head中添加一个meta标签快捷键:meta:vp + tab键 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">viewport:视
2017-09-19 18:32:03 3886
原创 JSONP跨域技术
JSONP和AJAX相同点:都是客户端向服务器端发送请求文本:给服务器端传递数据,或者,从服务器端获取数据的方式不同点:AJAX属于同源策略JSONP属于非同源策略(跨域请求) --- > 实现跨域请求的方法有很多种,只不过JSONP是最常用的区分同源和非同源用当前的页面的地址 && 数据请求的接口地址 之间的比较1.协议2.域名或者IP3.端口号
2017-09-19 16:44:45 416
原创 移动端的事件库
FastClick.js:解决click事件300ms的延迟touch.js:百度云手势事件库 GitHub地址:https://github.com/Clouda-team/touch.code.baidu.com
2017-09-17 17:55:55 906
原创 JS中的本地存储
在客户端运行的JavaScript是不能操作用户电脑磁盘中的文件的(保护客户端运行的安全)JS中的本地存储:使用JS向浏览器的某一个位置中存储一些内容,浏览器及时关闭了,存储的信息也不会销毁,当再重新打开浏览器的时候,我们依然可以获取到上一次存储的信息本地存储和缓存是不一样的,本地存储有本地存储的点,缓存有缓存的点。记住用户名密码,购物车等就属于本地存储 本地存储方案:
2017-09-16 11:25:12 4989
原创 移动端事件基础
PC端的基本事件:鼠标事件:click mouseover mouseout mouseenter浏览器能够阻止其默认的冒泡机制 mouseleavemousemove mousedown mouseup mousewheel滚轮事件 load scroll blur focus change键盘事件: keydown
2017-09-15 14:20:21 541
原创 使用swiper做的小案例
案例效果展示:(移动端模式看)https://chenshuhuahh.github.io/swiperDemo/手机二维码扫描看效果:
2017-09-14 23:33:58 1370
原创 swiper的使用和轮播图
Swiper可以实现移动端网站的内容触摸滑动Swiper依然拥有progress,这是制作3D切换效果的利器在swiper上加些小动画,制作高大上的展示http://www.swiper.com.cn/5分钟制作轮播图步骤:①引入swiper.css和swiper.js文件②定义轮播图盒子③css设置定义盒子大小
2017-09-14 23:03:10 553
原创 GitHub的使用
GitHub简介GitHub简单来说就是一个网站,一个搭建供用户进行管理代码的平台,基于Git操作进行管理的一个平台可以找到自己想研究的框架,类库,插件的源代码,FORK到自己的仓库里面一份同时,GitHub除了是一个代码托管仓库,也可以在这个平台上发布前端的项目文件使用GitHub1.在自己的电脑上,首先要安装Git①在这个网址下载window的安装包https://gi
2017-09-14 14:29:30 323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人