- 博客(93)
- 收藏
- 关注
原创 node.js学习中理解的point
node.js1,Node.js开发的目的就是为了用JavaScript编写Web服务器程序:借助jsvascript天生的事件驱动机制加V8高性能引擎,编写高性能的web服务。2,node环境下,通过模块化的js+函数式编程,采用最新的es6标准,无需考虑浏览器的兼容性问题。3,集成环境:Visual Studio Code(vscode):启动速度快,执行简单,调试方便,重点是免费。4...
2019-05-20 11:31:05
878
原创 vue-蒙版引导-driver.js
1,driver.js 新用户引导https://kamranahmed.info/driver.js/#single-element-no-popover模型大致如下图:2,代码如下:import Driver from 'driver.js' // import driver.jsimport 'driver.js/dist/driver.min.css' // import ...
2019-05-05 16:20:23
6250
4
原创 vue生命周期示意图
这里写自定义目录标题vue生命周期示意图代码实例vue生命周期示意图Vue在实例化的过程中,会调 beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed ,些生命周期的钩子,给我们提供了执行自定义逻辑的机会。:beforeCreate :• (更新前)数据还...
2019-03-05 10:57:30
913
1
原创 vue+treeTable 树形表格
dataTranslate.jsimport Vue from 'vue'function DataTransfer (data) { if (!(this instanceof DataTransfer)) { return new DataTransfer(data, null, null) }}// 数据转换DataTransfer.treeToArray = fu...
2018-11-02 16:54:47
29788
1
原创 vue-spa单页应用-
新建项目使用vue-cli创建搭建项目。build文件夹下的:webpack.base.conf.js :无论开发还是上线都需要用到的基础配置文件。webpack.dev.conf.js :项目开发时的配置文件webpack.prod.conf.js:项目上线时的配置文件,项目上线时,不需要dev server,项目开发时不需要代码压缩,不需要取消代码注释。config文件夹下:设...
2018-10-11 11:26:24
367
1
原创 vue单页应用程序spa--day02
动态创建组件:一般项目中会使用vuex:全局数据管理。局部过滤器和局部自定义指令 <body> <div id="app"> <one></one> <two></two> </div> <script>
2018-10-10 15:27:24
188
原创 vue单页应用程序spa--day01
day01:渐进式:jq大类方法:操作dom,vue使用数据驱动编程,达到操作dom的目的。框架:jq是库,封装了很多方法,直接调用即可。框架实际就是一整套的解决方案,按照官网的规范开发。单页应用程序spa:局部更新页面。课程大纲:vue组件式开发:前后端分离:后端只关注与数据输出(提供api接口)或者业务逻辑处理,前端负责url的跳转以及传参,二者独立开发互不依赖。VS Code...
2018-10-10 14:46:59
259
原创 git和github绑定ssh key
第 1 步:生成 SSH key第 2 步:添加 SSH key安装 SSH !接下来,输入ssh-keygen -t rsa命令,表示我们指定 RSA 算法生成密钥,然后敲三次回车键,期间不需要输入密码,之后就就会生成两个文件,分别为id_rsa和id_rsa.pub,即密钥id_rsa和公钥id_rsa.pub. 对于这两个文件,其都为隐藏文件,默认生成在以下目
2018-02-04 20:12:53
1718
原创 sublime text3 配置项中文说明
// 主题文件的路径“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”, // 设置字体和大小,必须在Settings-User里重写,这里设置没有任何效果“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不
2018-01-28 18:37:14
3431
原创 github已有项目上添加并更新
github已有的项目上追加demo时,打开git bash输入用户名和邮箱12$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"利
2018-01-24 20:39:55
3898
原创 Ajax跨域初识
Ajax跨域 1,同源策略 同源策略是浏览器的一种安全策略,所谓同源指的是请求url地址中的协议,域名,和端口都相同,只要其中之一不相同就是跨域。 同源策略主要是为了保证浏览器的安全性。 在同源策略下,浏览器不允许ajax跨域获取服务器数据。2,获取服务器端的数据, 即使在跨域的情况下,获取服务器端的数据,是非常常见的。 在实际的生产环境当中,(项目部署上线之后),一般情况下都是部署在不
2017-06-15 10:14:01
417
原创 移动web 移动端Touch事件
一, Touch事件1,touchstart:当手指触碰屏幕时候触发。 绑定事件的方法:dom.addEventListener('touchstart',function(e){});事件返回的e对象包含那些移动端特有的属性: targetTouches 目标元素的所有当前触摸,被触摸的对象元素内的 changedTouches 页面上最新更改的所有触摸。是一个数组,记录了所有的触摸点
2017-05-25 16:54:28
350
原创 移动web开发笔记01
一, 1, 流式布局:width=100%; 2, Viewport:<meta name="viewport"content="width=device-width,initial-scale=1.0,user-scale=1.0"/>3, 清除点击高亮: 移动端特有的点击链接或者某区域时的高亮 定义高亮颜色: -webkit-tap-highlight-col
2017-05-24 10:41:44
315
原创 Ajax笔记03初步封装
一,封装过程: 1,初步封装整体流程: (1提取url地址,2提取请求方式type(get或者post),3true异步不用提取一般用的比较少, 4不同的业务逻辑在回调函数离处理,出入匿名函数callback参数,在回调函数尾部进行调用.)function ajax(url,type,callback){ var xhr = null; if(window.XMLHttpReq
2017-05-23 20:48:54
199
原创 ajax笔记03 异步同步请求
一,异步, html代码:回调函数内后加载,实现了异步更新。<head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var btn=document.getElem
2017-05-23 16:05:48
227
原创 Ajax笔记02-json
一,json数据格式: json数据格式和js对象的对比: 在ajax中放json数据请求: 二,json数据解析: 解析服务器端响应的json数据,一般parse();方法比较常用。 对象嵌套通过点访问。 了解:早期解析使用:eval();字符串转换成对象。内部强制要求加双括号双引号变成表达式。。 缺点:安全隐患,当传入js代码解析后,有安全隐患。 三,数据解析,字符串
2017-05-23 12:39:18
230
原创 Ajax笔记01
一,隐藏帧 iframe方式实现页面局部更新 把响应的信息显示到iframe中。 1得到用户名和密码 2判断,如果 如果用户名输入的是admin并且密码输入是123,那么显示登录成功。 类似于异步效果: 二,使用ajax发送请求需要如下几步: 1,创建XMLHttpRequest对象 2,准备发送(调用open方法,主要运用post,get请求方式) 3,执行发送动作(se
2017-05-22 13:28:02
194
原创 笔记
一,面向对象: 一切事物皆对象。 类:就是模子,确定对象将会拥有的特征(属性)和行为(方法)。 类的特点:类是对象的类型 具有相同属性和方法的一组对象的集合。 对象的属性:屏幕尺寸5寸,cpu双核1.4G,内存2G内存等(具有特定的值) 对象的方法:对象执行的操作,能干什么(打电话,发短信)。 类和对象的关系 。。。。。。。。。。
2017-05-22 11:46:56
256
原创 fullpage插件的基本使用
1,fullpage插件是基于jq的插件,所以必须先导入jq , 2,自定义传参 3,注意布局的子页面的class必须拥有 section。 4,需求:当滚动到新页面的时候,当前页变色 eq()方法。 jq中当前页变色 eq()方法 需要的索引是0开始, 所以当前页应的索引应该是index-1: $(“.section”).eq(index-1).css(“backgro
2017-05-18 16:40:37
266
原创 css3弹性布局基础01
一,新型布局方式:使用细节: 弹性布局,默认一行显示,无法换行。 换行需要自行开启弹性布局的换行功能。 变为多行以后及无法使用align-items 进行位置设置。 只能用align-content 在多行的时候 设置的属性跟justify-content一模一样。flex-wrap:wrap; ①display: flex; ②/* 调整主轴方向 */ flex-direc
2017-05-18 15:07:26
327
2
原创 css3基础02web字体及字体图标
一,web字体: css3提供web字体,支持导入第三方字体文件。 实际开发中不会让用户下载整个字体文件包,而是在字库文件中截取某一段来减少用户容量。 (实际开发中美工会提供) ①阿里巴巴字体制作网站:iconfont-阿里巴巴矢量图标库。 在线制作文字→下载→下载后无文件后缀名→手动修改为.zip格式后解压→sublime里边复制粘贴。→把需要的文件粘贴到根目录下。→修改url中的路径。
2017-05-18 14:33:25
242
原创 css3动画基础语法01
一,动画的使用必须要准备 1,准备动画@keyframes关键字定义 2,需要为想要使用动画的dom元素 添加一系列的动画属性。/* 1,定义动画 */@keyframes toright{ from{ /* from中如果不设置默认使用的是 初始状态 */ } to{/* 移动方向 */ transform:translateX(800px); }}/*
2017-05-18 11:56:20
471
原创 css3基础3D小盒子笔记
3d小盒子: 记忆点: ① perspective:500px; 透视效果。 显示3d透视效果,需要配合父元素添加transform-style:preserve-3d; 在旋转时才能在3d空间变换显示。 ②x轴,y轴,z轴的旋转后的移动,始终是根据自身的Z轴移动。 transform:rotateY(0deg) translateZ(100px);<style> body{
2017-05-18 10:48:34
413
原创 css3基础笔记03-2d和3d过渡
一,2d过渡: 安卓机器人demo: <style> body{ background-color: skyblue; } .robot{/* border: 1px solid gray; */ margin: 50px auto; width: 400px; height: 400px;}.robot>div{ background-color: yel
2017-05-17 17:34:38
293
原创 css3基础笔记02
一,过渡:让某些属性按照渐渐的进行改变。 transition: 过渡的单独写法:linear,ease-in,ease-out实际开发的时候 不会使用transition来制作太长的动画效果 所有使用默认的ease即可。div{ width: 100px; height: 100px; border: 1px solid gray;/*指定属性,如果想要所有的都能够过渡 使用al
2017-05-17 15:08:36
265
原创 css3基础笔记01
一,伪元素选择器 常用的伪元素:lorem快速生成测试文本 1,伪元素选择器 用的是两个冒号分隔,早期写法是一个冒号,浏览器也能识别,但是不建议酱紫写。 1,首字母加样式 ::first-letterp::first-letter{ font-size: 30px; color: hotpink; float: left;/* 首字母下沉 */2,首行特殊样式 ::first-
2017-05-17 12:09:30
228
原创 html5笔记02
一,Hbulider编辑器安装使用。 二,html5新增全屏幕效果 this.requestFullScreen();/*querySelector()方法支持css3中的选择器*/ document.querySelector('input[type=button]').onclick=function () { //标准的语法就是 //ie11以下都不支持 //由于
2017-05-12 11:11:58
370
原创 html5笔记01
1,常规布局写法:<body> <!-- header --> <!-- nav --> <!-- main --> <!-- aside --> <!-- arcile --> <!-- footer --></body>1,h5新语义标签:<header> <nav> <!-- a[href=#]{
2017-05-10 22:59:01
344
原创 php基础01
一, 实现动态网站技术: -php, java(jsp) .net Node.js python …… 二,基础语法1,声明,字符串拼接,单双引号作用。 js中的字符串拼接, ※js中的单双引号的作用基本相同,只有json格式的数据必须使用双引号。 例://字符串:var json='{"username":"zhangshan","age":"12","sex":"male
2017-05-09 15:35:35
179
原创 wamp初配置
一, 静态网站:提前写好的html页面(包括图片,媒体文件,,静态资源文件) 问题:可维护性差,没有交互性 动态网站: 动态指的是html页面是动态生成的,这里动态生成的不一定是一个完整的页面,有可能仅仅是页面的一部分,或者仅仅是数据。 维护性较好。二, 搭建服务器环境: wamp集成环境 apache 提供静态资源服务 Mysql 数据库 php 编程语言,用来开发网站。①ww
2017-05-09 11:18:49
235
原创 jQ多库共存及常见插件及jq,ui
在页面操作过程当中,有可能引入多个外部js文件, 很有可能自己写的js文件里的变量名或者函数名有可能是使用对象,此时会把js中的对象, 此时会把js中的同名掉,失去了原本对象的意义。 此时可以通过: $.noConflict()var xy=$.noConflict();或者用jquery来对$对象进行释放控制权。插件1,jQuery之家—纯js带弹性动画的手风琴图片相册特效。 插件2,
2017-05-08 16:09:23
375
原创 jQ中的each方式
jq中有隐式迭代,不需要我们再次进行遍历对某些元素进行操作。 但是,如果涉及的到对不同元素有不同的操作,MAME需要进行each方法遍历。//当需要操作不同的元素不同的设置方式的时候,可以考虑用each方法。 //页面加载后,让每个li的透明度发生改变。 $(function () { $(".comment>li").each(function (index,element
2017-05-08 13:49:19
446
原创 jQ基础day05五星评分小案例
jQ基础day05-18,$(function() { $(".comment>li").mouseover(function () { //鼠标进入,当前的五角星以及它前边的所有兄弟五角星都变成实心。 $(this).text("★").prevAll("li").text("★"); }).mouseout(function () { /* 鼠标
2017-05-08 12:48:47
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人