涉水的小菜叽-CSDN博客

原创 react-router-dom 嵌套路由

项目中，经常会出现几个页面共用一个组件的情况,而且几个页面的流程是一致的，为了方便页面的管理和后期的维护性，我们需要使用页面嵌套页面的这种形式去开发。这里用react-router-dom来实现：首先引入需要用到的组件import { BrowserRouter as Router, Switch, Route, Redirect } from 'react-router-dom';然后定义好我们的嵌套路由：[{ path: "/father", component: Fathe

2020-09-24 15:36:46 4020 1

原创 vue进阶

以下是自己在vue项目的开发与学习过程中，逐渐学会并使用的一些知识点，希望对刚入门vue的前端小伙伴们有一些帮助1.vue-router2.vue-axios3.vue-vuex4.vue-mixins———————————————————————分割线———————————————————————-1.vue-router在学会用router进行路由...

2018-08-27 17:35:20 374

原创分享初学Electron遇到的坑和避免被坑

最近我在学习用electron打包js代码封装成桌面程序。下面就把当中遇到的一些问题记下来免得自己忘记，同时也分享给初学electron遇到问题的童鞋。首先是调出控制台的代码：｛mainWindow｝.webContents.openDevTools(); //｛mainWindow｝是指你定义的窗口名字！！！然后呢，是因为electron和jQuery /Vuejs/anglarjs冲突的问

2017-09-26 20:12:22 26916 5

原创 js中关于ASCII码、进制的转换

数字的进制转换：var i = 100;console.log(i.toString(16)); //64//这里就把进制给转换成了16进制;字符串的16进制转换：比如要把a转换成16进制数字：var hex = parseInt('a',16)console.log(hex) //1016进制字符串转换成10进制数：var a = '0xaa'console.log(parseInt

2017-09-17 15:47:31 3346

原创 SessionStorage

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数

2017-09-02 19:52:46 1246

原创 Jsonp请求

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <input type="text" name="搜索" id="inp" /> <div id="div"

2017-08-10 19:06:27 340

原创 Ajax

====常用方法＄()传入一个函数,会执行它(功能代码块)//＄(function(){xxxxxx}) ＄(document).ready(function(){//文档加载完毕的回调函数}) ＄.noConflict()//var jq=＄.noConflict()//避免冲突,更改调用名字＄.parseJSON()//＄.parseJSON(‘{“name”:”karen”}’)/

2017-08-10 18:53:08 242

原创 jQuery

====什么是jquery 1.Jquery是一个js函数库,又常常被叫做jq,里面代码很多,但是用的时候代码很少,是目前js的主流框架 2.使用JQ就可以做出我们前面做过的所有效果,那为何还要学习js? Js是语言基础,jq是js的代码库的封装,比如在jq中我们不可能看到基本数据类型有哪些,因为js有哪些jq中使用得就是这些,不管js还是jq,都是我们做项目使用得工具而已,要做出漂亮并且高性能

2017-08-10 18:34:20 329

原创 vue.js框架之表单排序&分页

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript"></script> <title>表格组件</title> </head> <body> <div

2017-08-09 11:01:01 1105

原创 Vue.js框架练习之购物车

<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../lib/vue.min.js"></script> </

2017-08-09 10:55:50 488 1

原创 Vue.js进行查询操作

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript" ></script> <title>字符转换</title> </head> <body> <di

2017-08-09 10:48:53 8213 2

原创 Vue.js框架路由练习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name='viewport' content='width=device-width,initial-scale=1,m

2017-08-09 10:34:48 647

原创 Vue.js路由

简单路由<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript" ></script> <script src="../lib/vue-router.js" type="text/java

2017-08-08 20:31:45 601

原创微信小程序之音乐播放器

首先还是贴出项目文件截图：如图可知有5个页面需要设计首先是app.json页面：{ "pages": [ "pages/index/index", "pages/singer/singer", "pages/songList/songList", "pages/play/play", "pages/chooseSinger/chooseSinger

2017-08-02 19:08:55 22681 11

原创微信小程序之类似电影影评小程序

这是博主的文件截图Soon：首先如图建立文件夹和page页面然后app.json页面更新代码如下：{ "pages": [ "pages/hotPage/hotPage", "pages/comingSoon/comingSoon", "pages/search/search", "pages/more/more" ], "window": {

2017-08-02 18:50:16 3715

转载 MUI框架（2）

一套代码，实现wap、微信公众号、iOS和Android的App以及流应用，并且保证在App平台上有更好的体验，这对于提升开发效率有巨大的帮助。实现多端发布，需要处理平台差异，尤其是HTML5+规范扩展的、浏览器并不支持的API，需要兼容降级或动态去除方案。本文详细讲述了mui的多端发布功能，能做什么，不能做什么，能做的怎么做。运行环境识别多端发布首先需要识别在不同的运行环境，有几种判断环境

2017-07-27 16:01:41 476

原创 Zepto.js

Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。 大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分都能和jQue

2017-07-26 22:31:01 1404

原创 Touch.js

Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。 Touch.js官网： https://www.awes

2017-07-26 22:29:53 665

原创 swiper

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQ

2017-07-26 22:24:55 539

原创 MUI框架（1）

MUI（Mobile User Interface）是一套基于HTML5的，遵循html5+规范的，中国团队开发的，开源的，用于手机端界面开发的一套框架。mui框架是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。目前，MUI是基于H5的最方便的App开发框架之一！ 官网：http://dev.dcloud.net.cn/mui/ 通过HBuilder，我们可以快速

2017-07-26 22:20:19 2918

原创初学--jQueryMobile

触摸优化的Web框架：jQuery Mobile是一个基于HTML5的用户界面系统，旨在使所有智能手机，平板电脑和桌面设备上都可以访问的响应网站和应用。但是jqueryMobile只适合做一些简单的移动页面，如果需要做像如电商平台一样的网站，请使用其他框架例如MUI。引用网络资源：<link rel="stylesheet" href="http://code.jquery.com/mobile

2017-07-21 19:09:30 301

原创 PHP(5)--总结php原生态的一些代码（不定时补充）

1：echo 遍历和内容的替换 <?php //遍历$classlist数组,形式如关联数组，也可以写成$classlist as $key $key['字段1'] foreach ($classlist as $key => $value) { echo ' <tr class="odd gradeX">

2017-07-20 16:58:01 857

原创 PHP(4)封装的mysql操作模块

<?php class DB{ //定义属性 public $db; //定义构造函数 function __construct($db_config){ $this->db = new mysqli($db_config['host'], $db_config['user'], $db_config[

2017-07-20 16:25:32 282

原创 CI中的site_url和base_url的自我总结

CI框架中写代码，经常会遇到需要写路径或者跳转等一些问题，那么该怎么设置跳转或者路径地址呢？我们可以去百度CI的用户手册查询有哪些方法，并且也写了详细的用法。这里笔者只介绍site_url 和base_url的用法，base_url ()：基地址，怎么理解呢？比如说我们以MVC模式用CI框架写了一个页面，在浏览器输入localhost/CodeIgniter-3.1.5/index.p

2017-07-20 15:56:41 4621

原创 PHP(3)--CI框架的使用

首先需要下载一个CI框架，把下载好的 CodeIgniter-3.1.5 添加到wamp的工作目录下，笔者的是在www目录下，然后将CI目录放到编译工具中，找到在这里设置你的mysql数据库的登陆信息。 hostname—-数据库地址 username—-登陆账号 password—-登陆密码 database—-需要操作的库名设置好了过后，如何来使用CI框架呢？这里需要插入MVC的概

2017-07-20 15:06:42 631

原创 nodejs--websocket简易代码实现局域网多个客户端进行通信

初识websocket先安装好websocket插件:命令窗输 npm install websocket 命令窗运行文件代码：var express = require('express');var app = new express();app.use(express.static('public'));app.set('views engine','ejs');app.get('/',fu

2017-07-20 11:27:24 5215 1

原创 PHP（2）-wamp的mysql

操作wamp的mysql一：进入到mysql运行wamp，左键点击选择localhost，会进入到localhost页面，点击phpmyadmin 在登陆页面输入你的账号密码，默认账号是root 没有密码，登陆!进入页面，点击新建，设置数据库名，创建一个数据库用来保存数据，笔者在这创建了一个叫mydata的数据库。点开新创建的database，新建一个数据表，输入表名，字段，保存，这样

2017-07-19 19:46:23 296

转载 PHP（1）-wamp的安装和运行

wamp的安装和运行一 wamp的介绍wampserver 64位是一款windows系统下的Apache+PHP+Mysql集成环境整合包，这款工具拥有简单的图形和菜单安装和配置环境。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。二 wamp的安装这里是wamp的下载地址安装wampserver的过程很简单，只要一直点击next就可以完

2017-07-19 19:20:30 872

原创 express框架的注册登陆

前端：html语言后端：nodejs–express框架数据库：mongodb –只限于在本地数据库使用– 第一步–在用下面代码之前，请配置好相关环境关于代码中所用到的Mongodb操作的模块，请移步到本人另一篇博客. 【自己封装的mongodb操作的模块】第二步–在nodejs目录创建一个*.js文件代码如下：var express = require("express");

2017-07-19 16:54:10 981

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-07-19 16:07:19 183

原创自己封装的Mysql数据库操作模块

自己封装的很简陋的mysql数据库操作的模块[注]这里是基于nodejs进行的mysql模块操作；在nodejs目录下创建一个名为*.js文件：模块代码如下：function useMysql(myhost,myuser,mypassword,mydatabase){ function forArr1Value(arr1){ for(i in arr1){ ar

2017-07-19 15:51:23 2416

原创自己封装的mongodb操作的模块

[注]：这些代码都是基于nodejs进行的. 在nodejs目录下创建一个模块文件*.js，以便调用，以下是模块代码：function mongodbModel(dbname,dataform) { var MongoClient; var DB_CONN_STR; this.init = function() { MongoClient = r

2017-07-19 15:27:53 1682

原创初学：nodejs有关Mongodb的使用

Mongodb的使用关于如何配置MongoDB数据库：首先找到安装目录在 bin里面在bin下的命令窗cmd操作，输入 mongod.exe –dbpath D:\DB 注意:数据库存放的地址文件夹为 D:\DB,自己设置，也可以是其他盘的根目录注意：运行后不能关闭上面的命令窗，否则数据库不能正常操作然后：在mongo.exe命令窗可以进行数据库的相关操作了； show dbs :

2017-07-19 15:01:42 385 1

些许就好丶的博客