- 博客(76)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 react基础
理论知识在本博客开始就有介绍，这里不再重复。本篇主要从react结构写法，css修饰以及简单的逻辑事件操作来学习react。 react框架自13年5月份提出来，发展的主要有15版跟16版，两个版本差异还是蛮大的。react15,低版支持高版；而react16,高版拒绝低版。主要原因还是react更多的遵循原生js的语法，15版的话，封装了很多函数之类的，可以直接来用，支持高版。而高版更接近原生...
2018-09-03 17:31:19
217
转载 浏览器快捷键大全
基本适用于各种浏览器 热键组合 实现的功能 F1 浏览器帮助中心 F12 打开控制台 可以调试JS、CSS Ctrl+J 进入“下载内容”页面 Ctrl+H 查看“历史记录”页面 Ctrl+D 将此页加入书签 Ctrl+F 打开/关闭 搜索框（搜索页面内的文字） Ctrl+P 打开打印窗口 Ctrl+T 新建标签页 Ctrl+W 关闭标签页 Ct...
2018-08-24 16:23:19
1323
转载 vue-router 2.0 常用基础知识点之router.push()
router.push(location) http://www.jianshu.com/p/ee7ff3d1d93d 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写...
2018-08-24 09:05:50
446
原创 vue脚手架搭建之单文件组件的开发
由于一个完整的项目包含许多的视图，组件全部写在一个html页面中也不利于后期维护。所以我们需要通过脚手架进行项目工程化来构建我们的项目，就不再使用html来构建了，也不在引入vue.js文件了。全部换成单文件组件+webpack+vue的脚手架进行项目的构建。 首先，需要全局安装vue脚手架（全局安装，只需一次），方法是： npm i vue-cli -global 然后就可以构建项目...
2018-08-23 22:37:46
434
原创 vue拖拽案例
本案例基于vue自定义指令和原生js的写法实现的。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue拖拽</title> <script src="https://cdn.jsdelivr.net/npm
2018-08-22 23:04:47
4095
原创 vue基础之过渡效果
在vue官方api中，有提到Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。详见vue过渡基础 提到过渡，就不得不说动画。二者的区别主要有两点： 过渡只有一组关键帧(开始、结束),动画可设置多组关键帧 过渡需要事件触发，动画不需要事件触发 在 CSS 过渡和动画中自动应用 class <!DOCTYPE html> <html>...
2018-08-22 22:12:26
486
原创 浅谈vue中的路由及传参
关于vue里面的路由，类别有导航路由、编程式路由、单容器路由、嵌套路由、命名路由等。当然这些路由并不全是对立的，他们有的也是可以一块使用的，比如单容器路由里面可以用到导航、编程式路由、命名路由以及其他路由；关于vue路由之间的传参主要有两种方式，一种是params传参，另一种是query传参。 由于要传递数据，这里分享一个后台接口：请求数据接口 vue路由 在写路由之前一定...
2018-08-22 20:57:58
2211
1
原创 vue基础之组件3
利用vue组件实现一个toast的显示，然后消失 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../7-16/js/vue.js" type="
2018-08-21 21:00:44
200
原创 vue基础篇之组件2
上篇介绍了组件的注册、模板和嵌套组件的写法，这篇主要介绍组件之间的传值和操作，包括父子组件传值、平行组件传值、父组件操作子组件，子组件操作父组件。 父组件传值给子组件 父组件－>子组件 通过在子组件标签上绑定自定义属性名,父组件数据为属性值。 子组件内部通过props属性 数组形势 接收属性名 模版内...
2018-08-21 20:41:04
215
原创 vue基础篇之组件1
组件是可复用的Vue实例，vue里面用到组件的好处主要是提高代码的复用率，便于后期管理维护代码。 注册组件（三种方法） 注册组件，传入一个扩展过的构造器 Vue.component("v-header",Vue.extend({ })) 注册组件，传入一个选项对象（自动调用 Vue.extend） Vue.component("v-footer",{ ...
2018-08-21 19:56:34
295
原创 vue生命周期钩子函数
//index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../8-20/js/vue.js" type="text/javascr
2018-08-21 11:59:32
459
原创 文本框大小的控制
文本框大小控制，这里用到一个插件flexText，可以去GitHub上面找到，下面将源码拿过来了。 //jquery.flexText.js /* 此插件textarea的高度是 height:100%; 继承父元素的高度 ==> 父元素只有一个 position:relative; 用于定位textarea 页面中加载完毕又添加了pre标签，pre标签是以块元素存在的并...
2018-08-20 23:41:22
2593
原创 bootstrap+vue实现信息的增删改查
主要是对bootstrap和vue的基本用法进行一个练习，代码奉上 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>信息管理系统</title> <link rel="stylesheet" type
2018-08-20 23:20:25
2026
转载 vue从1.0到了2.0以后，有哪些变化?
1. 在每个组件模板，不在支持片段代码 组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> &...
2018-08-20 23:12:05
276
原创 vue基础之小案例
Todolist <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href=&quo
2018-08-20 23:10:30
1912
原创 vue基础篇
本文主要从vue的基础概念、和其他框架的对比、基础语法、基础指令、计算属性、监听、过滤器以及交互来解读vue框架。 vue是什么 Vue.js是一个构建数据驱动的web界面的渐进式框架。目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目进行整合。 作者：尤雨溪 注：渐进式框架-----自底向上、增量开发。 MVC和MVV...
2018-08-20 19:39:46
406
原创 node周总结
理论知识点： nodejs包管理器npm yarn cnpm的区别 依赖安装：npm是npm i;yarn是yarn add；cnpm是cnpm i 安装顺序：npm是一个依赖接一个依赖进行安装。yarn是并行安装。 安装信息：npm安装信息全部打印出来。yarn安装信息是以emoji表情包展示出来 再次安装：npm安装过的依赖再次安装会重新下载，yarn安装过的依赖再次安装不会重新下载。...
2018-08-18 11:58:15
207
原创 锚点回到顶部
锚点在本页面跳转有三种方式比较常用，可以用来回到顶部，代码奉上。 1.给锚点文本标签添加id,针对任何标签来定位都生效 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=&quo
2018-08-17 20:42:03
3737
原创 数组遍历、过滤、迭代的方法
前端数据操作过程中，少不免要对数组进行处理。那数组里面提供的方法常用到的简单的做个整理，主要是数组的过滤、遍历和迭代。 遍历：按一定顺序查看数组里面的每一个元素值，可以处理得到相应的值或者得到最终值。 过滤：将满足条件的元素筛选出来，返回数组filter。 迭代：指依次计算元素，元素前后相互影响计算值，最后返回一个结果值。 1.遍历 for循环：遍历数组最常用的方法，适用于数组已知，知道其...
2018-08-17 20:23:29
1429
转载 百度HR给的JS面试题
说出以下代码运行结果 var a = {n: 1}&nbsp;&nbsp; var b = a;&nbsp;&nbsp; a.x = a = {n: 2}&nbsp;&nbsp; console.log(a.x);&nbsp;&nbsp; console.log(b.x)&
2018-08-17 11:56:31
814
1
原创 单选框radio、复选框checkbox、下拉菜单select的选中问题
在前后端交互的时候，我们经常要取数据、传数据、对得到的数据进行处理。从前端取数据的时候，最常见的就是input框，当它的类型是text或者password的时候还好说，毕竟只是一个input框，怎样都可以取到它的value。但要是单选框或者多选框，再或者下拉菜单呢？我们又该如何去取数据，这是一个值得思考的问题。 单选框选中问题 //input.html <!DOCTYPE html>...
2018-08-16 18:00:44
2273
原创 css显示省略号
有时候，页面并不需要展示全部信息。或者展示全部信息会影响页面布局的时候，就需要将多余信息显示成省略号，主要css代码就四句：定宽、不换行、超出隐藏、显示省略号 width：1111px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis //demo.html <!DOCTYPE html> <htm...
2018-08-16 16:58:22
448
原创 socket通信和websocket通信协议
socket通信 网络上的两个程序通过一个双向的通信链接实现数据的交换，这个链接的一端称为一个socket socket通信流程图 服务器端通过创建一个socket的通信链接，然后绑定socket和端口号并监听，就可以接收来自客户端的连接请求了，前提是客户端也有socket并且连接到了该服务器所在设备的端口。客户端通过send想socket中写入信息，服务器就可以读到。如果服务器关了，客户...
2018-08-10 12:04:32
8317
1
原创 async模块
async是一个异步处理模块，主要有三个方式： 串行无关联 async.series() 并行无关联 async.parallel() 串行有关联 async.waterfall() 他们的基本用法，建一个a的文件夹，在它下面打开命令窗口，npm init 创建package.json文件，之后安装依赖，npm i async -D 写一个异步流程的js文件如下 //yb.js...
2018-08-09 17:04:58
731
原创 Express脚手架项目2
前面《Express脚手架项目》篇基本实现了一个留言板登录注册和留言的一个功能，但是一旦留言很多就会破坏页面结构，这里需要一个分页的效果。在说分页之前，先让留言能够查看在detail.ejs页面展示一下。 //detail.ejs <!DOCTYPE html> <html> <head> <title>详情</title>...
2018-08-09 16:54:42
488
原创 Express脚手架项目
新建一个b文件夹，之后在命令窗口express -e pro(项目的名字)搭建脚手架 ----------->cd pro ---------- npm i安装依赖。 之后npm start既可以启动项目。（这里前提是设备中安装过express和node的全局环境哦） 下面主要用脚手架项目产生的文件进行一个分析： Package.json依赖解释 body-parser ...
2018-08-08 21:04:11
1138
原创 node学习篇之框架express
前面也有提到，和node搭配的框架主要有express、koa、Hapi。express框架比较完善、稳定、文档全、社区大，koa框架比较超前，Hapi这个框架的话比较复杂---适合做复杂的大型项目。所以这里介绍的是express框架和node的一个搭配。 首先，对express框架做一个简单的介绍： express框架是一个基于node平台开发的轻量级的框架，可以用来快速开发web和移动应用...
2018-08-08 19:36:54
315
原创 Nodejs连接MongoDB
nodejs连接mongodb的关键指令： 写法一： var MongoClient = require('mongodb').MongoClient; var url = 'mongodb://localhost:27017/html5'; 写法二： var mongodb = require("mongodb"); var server = new mongodb.Server("l...
2018-08-08 17:43:12
376
原创 Mongodb中的一些总结
一、概念 MongoDB是一个基于分布式文件存储的数据库，有C++语言编写，旨在为WEB应用提供可扩展性的高性能数据存储解决方案。是目前世界上应用最广泛的nosql数据库。 二、特点及优缺点 MongoDB的特点：高性能、易部署、易使用，方便存储 MongoDB优缺点： 优点： 面向文档存储的数据库(数据存储是BSON格式的) ...
2018-08-08 16:24:03
239
原创 node学习之路由
//luyou.js var http=require("http") var url=require("url") var obj=require("./comm") http.createServer((req,res)=>{ res.writeHead(200,{'content-type':'text/html;charset=utf-8'}) if(req.url!="...
2018-08-07 22:52:37
324
原创 nodejs篇之数据的转接
本篇主要讲到两个方向，一个是通过其他网站接口请求数据到自己的服务器，供自己的网站访问，属于https-request---get请求。另一个是修改别人网站的数据信息，当然是非恶意攻击的。 一、以豆瓣api为例，从其上请求数据到本地服务器 首先，进入该网址豆瓣api 快速入门，找到豆瓣Api v2（测试版），用法上面都有教，有例子。比如说，拿到其中一个接口：/v2/movie/in_theat...
2018-08-07 19:59:31
1438
原创 nodejs篇之数据的最简单交互
第一种，是从后台取数据 首先，搭建node服务器 //server.js文件 //server服务器的配置 var http = require("http"); http.createServer((req,res)=>{ res.writeHead(200,{"content-type":"text/html;chaset=utf-8","Access-Control...
2018-08-07 19:25:46
2108
原创 nodejs学习之基础篇
学习nodejs的原因：一是有需求，工作需要；二是之前在前端有接触过，也有了解到nodejs的一些知识。 下面会对前端中依赖于node或者跟node相关的东西做一些整理，当然不够全面，主要是拿一些常用的进行对比跟分析： 一、自动化构建工具 gulp webpack grunt gulp ---用于构建项目，进行压缩合并。其核心文件是gulpfile.js； 核心API语法有dist ...
2018-08-06 20:10:58
2768
原创 关于React高、低版本的整理
React在2013年5月份开源以来，版本就一直在更新。13-17年主要是低版的（15版），17年9月份出的高版（16版），两个版本之间差别还是蛮大的，改动的小细节也不少，本文就这些改动做一个整理。 先说高版 1.引入的基本文件 react.production.min.js react-dom.production.min.js browser.min.js 2.定义组件的方式...
2018-08-04 20:21:03
6881
原创 React学习的小总结（一）
一、React简介 1.React由来 React是为解决两个问题而生的，一是：构建大型网站过程中，数据绑定需要大量操作真实DOM，性能成本较高；二是：双向数据流导致网站的数据流向太混乱，不好控制。这两大问题也是facebook在构建instagram网站时候遇到的，当时市场调研过MVC框架，发现并不能满意，于是提出react框架，并于2013年5月份开源。 结论：用react原因-----...
2018-08-04 15:47:33
1756
react基本引入文件
2018-08-04
富文本编辑器
2018-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人