sunda112-CSDN博客

原创 new promise 验证登录小demo

<html><head><title>promise测试</title></head><body><form name="form1">用户名：<input type="text" name="UsName" >&a

2018-04-06 20:58:21 519

原创 React路由简单实现一个导航

贴出结果先~ 点击类似a标签，跳转加载相应的组件使用react-router-dom路由包react-router-dom：随着react生态环境的壮大，后出现的包，这个包比react-router包轻巧了很多。代码：exact 指精确匹配配置文件package.json webpack.config.js 参考上一篇文章。...

2018-03-02 17:32:25 4055

原创 webpack ^4.0.1 版本的webpack.config.js配置

var path = require("path");module.exports = { entry:'./app/index.js', output:{ filename:'index.js', path:path.resolve(__dirname,'dist'), publicPath:'temp/' ...

2018-03-02 16:06:44 4332

原创 React 循环数组的2种方式

我们上边的例子是循环数组的内容到JSX中，其实在数组中可以直接使用JSX语法，看下面的例子。123456let arr=[ <h1 key="1">Hello world!</h1>, <h2 key="2"> React is awesome</h2>];ReactDOM.render(<div>{arr}&

2018-03-01 10:12:10 37521

原创 React 和组件

<!DOCTYPE html><html lang="en"><head> <script src="../build/react.js"></script>  <script src="../build/rea

2018-02-28 11:24:35 252

原创 webpack总结（3）处理项目中的css （less—css，sass—css）

安装style- loader css-loader新建css文件夹，新建common.css文件webpack把任何资源都视为模块，在入口文件app.js中引入需要的模块（可以require方式引用，此处我们统一用es6的import方式引用）在webpack.config.js中，配置css的loader，loader之间用！号串联起来npm run webpack 打包，页面成功加载css文...

2018-02-26 18:43:46 3599

原创 webpack总结（2）引用loader方式，babel

Loaders鼎鼎大名的Loaders登场了！Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的loader，webpack有能力调用外部的脚本或工具，实现对不同格式的文件的处理，比如说分析转换scss为css，或者把下一代的JS文件（ES6，ES7)转换为现代浏览器兼容的JS文件，对React的开发而言，合适的Loaders可以把React的中用到的JSX文件转换为JS文...

2018-02-26 16:16:31 3077

原创 webpack总结（1）

react+es6+webpack 常见前端开发组合webpack特性：模块打包器，代码分割，loaders，模块热更新（在开发工程中实时保存）安装webpack1.初始化 npm init2.安装webpack模块之间用require引用引用css文件，require("./style.css")安装npm install css-loader style-loader --save-d...

2018-02-25 14:26:27 378

原创 node 中 req.query 和 req.params 获取参数

node 中 req.query 和 req.params 获取参数//express node在web应用的一个框架，路由能力，静态文件处理能力，模版引擎的配合//使用express 路由能力 node:res.end ~express封装 res.send 并没有覆盖，引用express后亦可使用res.end// 使用express 引用静态资源// 使用express 模版引擎 app...

2018-02-09 13:25:49 10983 1

原创 node中原生post请求，与第三方模块 formidable

原生post请求：第三方模块 formidable：

2018-02-07 10:39:54 505

原创回调函数

回调函数，就是个参数而已，只不过这个参数传的是个函数形式，从而放在不同的位置，来实现同步或者异步执行。

2018-02-02 10:10:09 137

原创 node中，使用回调函数异步加载静态资源

var http = require("http");var fs = require("fs");var url = require("url");var path = require("path");var server = http.createServer(function(req,res){ // 转为对象，取出pathname var pathname =

2018-02-01 17:17:10 243

原创 node 中，url.parse(req.url).pathname 和 req.url 的区别

var http = require("http");var fs = require("fs");var url = require("url");var server = http.createServer(function(req,res){ var pathname = url.parse(req.url).pathname; console.log(pathnam

2018-02-01 16:02:21 6802

原创 ————java，php，Android全套视频资料--，分享给想学习的人哈

培训出来后，积累不少干货资源哦，都是全套60G左右的，微信：sunling2021，分享给想学习的人哈

2018-01-31 19:59:47 464

转载对比MySQL，你究竟在什么时候更需要MongoDB

摘要：对比传统关系型数据库，NoSQL有着非常显著的性能和扩展性优势，然而这些优点却建立在一些关键功能的丢失之上，比如事务、join等。那么在数据体积激增的当下，究竟哪个数据库才会适合你的场景，下面看Moshe的分享。【编者按】随着数据的爆发性增长，NoSQL得到的关注已越来越多，然而你的用例真正需要使用NoSQL数据库吗？又真的适合使用NoSQL吗？近日，Bright Aqua研发副

2018-01-30 11:56:33 11171

原创为什么要使用 Vue.set(object, key, value)

2018-01-12 10:47:42 4270

原创 Vue2.0中 v-for指令中的key用法

vue学习 {{key}}--{{item.name}}--{{item.age}} var foo = new Vue({ el:'#app1', data:{ items:[

2018-01-12 09:47:01 14555 3

原创 Vue v-for指令

vue学习 {{item.message}} {{parent}}-{{index+1}}-{{mun.no}} var foo = new Vue({ el:'#app1',

2018-01-11 10:30:23 2015

原创 vue 用 key 管理可复用的元素

vue学习 username passworld

2018-01-10 17:22:37 2044

原创 Vue.js computed 例子 class与style绑定

vue学习 {{fullName}} var foo = new Vue({ el: '#app1', data: { firstName: 'Foo', lastName: 'Bar',

2018-01-09 15:16:07 3663

原创 laravel php 项目知识点总结

raw('concat(area,address)') 合并数据库area address字段

2017-12-07 14:04:41 411

原创构建我的第一个react项目

基本环境：安装了node构建react项目步骤：create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目：$ cnpm install -g create-react-app $ cre

2017-09-01 15:54:25 298

原创 angular config路由配置

Document angular路由应用首页电脑打印机其他 var app = angular.module('routingDemoApp',['ngRoute']);//成功注册一个模版routingDemoApp,并且依赖注入ngR

2017-07-21 10:04:08 6268 2

转载 AngularJS —— 使用模块组织你的代码【已翻译100%】(1/3)

介绍AngularJS 的库里面有很多东西，但本文中我只想专注于小的，针对特定主题的库，我相信通过它们能对Angular有一个较好的介绍. 理解这篇文章并不需要你有任何Angular相关的，甚至是JavaScript的经验。希望你能从本文中看到一些使用Angular的好处，并乐于动手尝试.背景我使用Angular有一段时间了，而在学习Angular的时候，我也喜欢构建一些样

2017-07-05 10:36:03 318

原创 node 图片处理

图片处理http://www.graphicsmagick.org/GraphicsMagickis the swiss army knife of image processing. 瑞士军刀。只要服务器需要处理图片，那么这个服务器就要安装graphicsmagick软件。免费的。装完之后，可视化工具一点用都没有，从桌面上删除。我们要把安装目录设置为环境变量。控制台CMD命令

2017-06-13 19:42:07 1070

原创 nodejs session MD5加密学习笔记

nodejs session应用node中需要引用express-session ，var session = require('express-session')();读取和存储都用req.sessionvar express = require('express');var app = express();var session = require("express-

2017-06-13 17:43:00 508

原创 angular学习笔记

数据绑定：将模型中的数据与相应的视图进行关联，分为单向绑定和双向绑定。模型数据与视图位的关联关系，就是数据绑定从视图到model传数据，只能借助于表单元素点击 var App = angular.module('mytest',[]); App.controller('mycon

2017-06-13 13:54:46 262

转载浅析angular，react，vue.js jQuery使用区别

转自（http://www.cnblogs.com/leolovexx/p/5691402.html）前端越来越混乱了，当然也可以美其名曰：繁荣。当新启动一个前端项目，第一件事就是纠结：使用什么框架，重造什么轮子？PS:大牛留言讨论那么，希望看完此篇，能够给你一个清晰的认识，或者让你更加地纠结和无所适从 = =！本篇拿一注册功能作为样本，使用各种框架去实现功能，从而对比

2017-06-08 20:01:25 1892

原创 node中，GET请求和POST请求的参数

GET请求的参数在URL中，在原生Node中，需要使用url模块来识别参数字符串。在Express中，不需要使用url模块了。可以直接使用req.query对象。POST请求在express中不能直接获得，必须使用body-parser模块。使用后，将可以用req.body得到参数。但是如果表单中含有文件上传，那么还是需要使用formidable模块。

2017-06-07 15:23:56 665

原创 node中，post请求步骤

node post请求1 var alldata = "";2 //下面是post请求接收的一个公式3 //node为了追求极致，它是一个小段一个小段接收的。4 //接受了一小段，可能就给别人去服务了。防止一个过大的表

2017-06-06 16:33:52 865 1

原创 require要点 require('fs') fs读文件中路径的处理，

require()别的js文件的时候，将执行那个js文件。注意：require()中的路径，是从当前这个js文件出发，找到别人。而fs是从命令提示符找到别人。所以，桌面上有一个a.js， test文件夹中有b.js、c.js、1.txta要引用b：1 var b = require(“./test/b.js”);b要

2017-06-06 14:09:10 10483

原创 node 读取文件，异步模式用回调函数变同步

node，特性1：回调函数里套回调函数，特性2：实现顶层路由设计。var http = require("http");var fs = require("fs");var url = require("url");var path = require("path");var server = http.createServer(function(req,res){ var

2017-06-06 10:44:04 934

原创 React this.state

React

2017-05-31 14:58:45 327

原创 ajax 拼url地址，真的是门学问......

var dialog = new auiDialog();function openDialog(type,address_id){switch (type) {case "text":dialog.alert({title:"确认要删除此地址吗？",buttons:['取消','确定']},function(ret){if(ret.buttonIndex == 2

2017-05-22 17:17:06 6929

原创 js框架中，解决污染的方式（立即闭包函数）

//定义一个含有闭包特性的匿名函数(function(){var name = 'sun';var sex = '男';function get1(){return name +':'+sex;}function get2(){return name +':'+sex;}//外界无法访问闭包中的函数//

2017-02-09 11:00:45 1022

原创 h5，载入svg到html的三种方式

iframe、object 、embed

2017-01-08 18:04:32 10634

原创前端杂碎知识小结

1、script块最合适的放置位置在body后2、结构上和input成对出现，常用：用户名：在点击用户名的时候，input自动获取焦点（或者：label for=“input的name值”）3、向节点中添加文本1）lis.innerHTML = text;2) lis.appendChild(document.createTe

2016-12-30 21:43:47 344

原创跨域获取数据ajax方式

weather search北京上海天津重庆哈尔滨$(function(){$("#btn").click(function(){$("#content").text("");var cityCode = $("#city").val();url = 'http://cdn.weather.hao.

2016-12-29 11:29:40 409

原创实现跨域script原始方式，代码实例

weather search北京上海天津重庆哈尔滨function callback(data){console.log(data);var d = data.weather;var tag = '';for(var i=0;ivar that = d[i];var date = that.da

2016-12-29 11:26:11 332

转载 $.ajax跨域请求数据的解决方案

$.ajax跨域请求数据的解决方案发表于2016/9/8 15:39:38 281人阅读分类： javascript/jquery最近一直在搞公众号前台开发，遇到了ajax跨域请求的问题，像地区的省-市-县三级联动、汽车品牌-车系-车款的三级联动查询等都需要调用外部接口(其他工程项目的接口)完成。下面就分享一下个人解决跨域请求的方案，当然是在后台程序猿大哥的帮助下，我

2016-12-27 12:08:05 377

空空如也

空空如也