- 博客(93)
- 收藏
- 关注
RSS订阅原创 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
856
原创 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
6215
4
原创 vue生命周期示意图
这里写自定义目录标题vue生命周期示意图代码实例vue生命周期示意图Vue在实例化的过程中，会调 beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed ，些生命周期的钩子，给我们提供了执行自定义逻辑的机会。：beforeCreate ：• （更新前）数据还...
2019-03-05 10:57:30
887
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
29719
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
356
1
原创 vue单页应用程序spa--day02
动态创建组件：一般项目中会使用vuex：全局数据管理。局部过滤器和局部自定义指令 <body> <div id="app"> <one></one> <two></two> </div> <script>
2018-10-10 15:27:24
179
原创 vue单页应用程序spa--day01
day01：渐进式：jq大类方法：操作dom，vue使用数据驱动编程，达到操作dom的目的。框架：jq是库，封装了很多方法，直接调用即可。框架实际就是一整套的解决方案，按照官网的规范开发。单页应用程序spa：局部更新页面。课程大纲：vue组件式开发：前后端分离：后端只关注与数据输出（提供api接口）或者业务逻辑处理，前端负责url的跳转以及传参，二者独立开发互不依赖。VS Code...
2018-10-10 14:46:59
248
原创 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
1705
原创 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
3395
原创 github已有项目上添加并更新
github已有的项目上追加demo时，打开git bash输入用户名和邮箱12$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"利
2018-01-24 20:39:55
3859
原创 Ajax跨域初识
Ajax跨域 1，同源策略 同源策略是浏览器的一种安全策略，所谓同源指的是请求url地址中的协议，域名，和端口都相同，只要其中之一不相同就是跨域。 同源策略主要是为了保证浏览器的安全性。 在同源策略下，浏览器不允许ajax跨域获取服务器数据。2，获取服务器端的数据， 即使在跨域的情况下，获取服务器端的数据，是非常常见的。 在实际的生产环境当中，（项目部署上线之后），一般情况下都是部署在不
2017-06-15 10:14:01
407
原创 移动web 移动端Touch事件
一， Touch事件1，touchstart：当手指触碰屏幕时候触发。 绑定事件的方法：dom.addEventListener('touchstart',function(e){});事件返回的e对象包含那些移动端特有的属性： targetTouches 目标元素的所有当前触摸，被触摸的对象元素内的 changedTouches 页面上最新更改的所有触摸。是一个数组，记录了所有的触摸点
2017-05-25 16:54:28
327
原创 移动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
305
原创 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
193
原创 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
212
原创 Ajax笔记02-json
一，json数据格式： json数据格式和js对象的对比： 在ajax中放json数据请求： 二，json数据解析： 解析服务器端响应的json数据，一般parse();方法比较常用。 对象嵌套通过点访问。 了解：早期解析使用：eval（）；字符串转换成对象。内部强制要求加双括号双引号变成表达式。。 缺点：安全隐患，当传入js代码解析后，有安全隐患。 三，数据解析，字符串
2017-05-23 12:39:18
224
原创 Ajax笔记01
一，隐藏帧 iframe方式实现页面局部更新 把响应的信息显示到iframe中。 1得到用户名和密码 2判断，如果 如果用户名输入的是admin并且密码输入是123，那么显示登录成功。 类似于异步效果： 二，使用ajax发送请求需要如下几步： 1，创建XMLHttpRequest对象 2，准备发送（调用open方法，主要运用post，get请求方式） 3，执行发送动作（se
2017-05-22 13:28:02
187
原创 笔记
一，面向对象： 一切事物皆对象。 类：就是模子，确定对象将会拥有的特征（属性）和行为（方法）。 类的特点：类是对象的类型 具有相同属性和方法的一组对象的集合。 对象的属性：屏幕尺寸5寸，cpu双核1.4G，内存2G内存等（具有特定的值） 对象的方法：对象执行的操作，能干什么（打电话，发短信）。 类和对象的关系 。。。。。。。。。。
2017-05-22 11:46:56
252
原创 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
254
原创 css3弹性布局基础01
一，新型布局方式：使用细节： 弹性布局，默认一行显示，无法换行。 换行需要自行开启弹性布局的换行功能。 变为多行以后及无法使用align-items 进行位置设置。 只能用align-content 在多行的时候 设置的属性跟justify-content一模一样。flex-wrap:wrap; ①display: flex; ②/* 调整主轴方向 */ flex-direc
2017-05-18 15:07:26
315
2
原创 css3基础02web字体及字体图标
一，web字体： css3提供web字体，支持导入第三方字体文件。 实际开发中不会让用户下载整个字体文件包，而是在字库文件中截取某一段来减少用户容量。 （实际开发中美工会提供） ①阿里巴巴字体制作网站：iconfont-阿里巴巴矢量图标库。 在线制作文字→下载→下载后无文件后缀名→手动修改为.zip格式后解压→sublime里边复制粘贴。→把需要的文件粘贴到根目录下。→修改url中的路径。
2017-05-18 14:33:25
236
原创 css3动画基础语法01
一，动画的使用必须要准备 1，准备动画@keyframes关键字定义 2，需要为想要使用动画的dom元素 添加一系列的动画属性。/* 1，定义动画 */@keyframes toright{ from{ /* from中如果不设置默认使用的是 初始状态 */ } to{/* 移动方向 */ transform:translateX(800px); }}/*
2017-05-18 11:56:20
458
原创 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
405
原创 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
286
原创 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
257
原创 css3基础笔记01
一，伪元素选择器 常用的伪元素：lorem快速生成测试文本 1，伪元素选择器 用的是两个冒号分隔，早期写法是一个冒号，浏览器也能识别，但是不建议酱紫写。 1，首字母加样式 ::first-letterp::first-letter{ font-size: 30px; color: hotpink; float: left;/* 首字母下沉 */2，首行特殊样式 ::first-
2017-05-17 12:09:30
223
原创 html5笔记02
一，Hbulider编辑器安装使用。 二，html5新增全屏幕效果 this.requestFullScreen();/*querySelector()方法支持css3中的选择器*/ document.querySelector('input[type=button]').onclick=function () { //标准的语法就是 //ie11以下都不支持 //由于
2017-05-12 11:11:58
348
原创 html5笔记01
1，常规布局写法：<body> <!-- header --> <!-- nav --> <!-- main --> <!-- aside --> <!-- arcile --> <!-- footer --></body>1，h5新语义标签：<header> <nav> <!-- a[href=#]{
2017-05-10 22:59:01
340
原创 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
170
原创 wamp初配置
一， 静态网站：提前写好的html页面（包括图片，媒体文件，，静态资源文件） 问题：可维护性差，没有交互性 动态网站： 动态指的是html页面是动态生成的，这里动态生成的不一定是一个完整的页面，有可能仅仅是页面的一部分，或者仅仅是数据。 维护性较好。二， 搭建服务器环境： wamp集成环境 apache 提供静态资源服务 Mysql 数据库 php 编程语言，用来开发网站。①ww
2017-05-09 11:18:49
223
原创 jQ多库共存及常见插件及jq，ui
在页面操作过程当中，有可能引入多个外部js文件， 很有可能自己写的js文件里的变量名或者函数名有可能是使用对象，此时会把js中的对象， 此时会把js中的同名掉，失去了原本对象的意义。 此时可以通过： $.noConflict()var xy=$.noConflict();或者用jquery来对$对象进行释放控制权。插件1，jQuery之家—纯js带弹性动画的手风琴图片相册特效。 插件2，
2017-05-08 16:09:23
367
原创 jQ中的each方式
jq中有隐式迭代，不需要我们再次进行遍历对某些元素进行操作。 但是，如果涉及的到对不同元素有不同的操作，MAME需要进行each方法遍历。//当需要操作不同的元素不同的设置方式的时候，可以考虑用each方法。 //页面加载后，让每个li的透明度发生改变。 $(function () { $(".comment>li").each(function (index,element
2017-05-08 13:49:19
436
原创 jQ基础day05五星评分小案例
jQ基础day05-18，$(function() { $(".comment>li").mouseover(function () { //鼠标进入，当前的五角星以及它前边的所有兄弟五角星都变成实心。 $(this).text("★").prevAll("li").text("★"); }).mouseout(function () { /* 鼠标
2017-05-08 12:48:47
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人