weixin_50430856的博客

原创 vue子组件传值父组件

工作问题

原创 Css预处理语言Less与sass

Less简介Less是一门向后兼容的CSS扩展语言。变量@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}等价为#header { width: 10px; height: 20px;}混合是将一组属性从一个规则集包含到另一个规则集的方法。.bordered { border-top: dotted 1px black; border-bottom:

原创 mpaaS的kylin框架-项目结构（脚手架）

脚手架简介项目初始化结构如下project├── mock│ ├── mock.config.js│ └── rpc│ └── test.js├── package.json├── www└── src ├── common │ ├── components │ ├── css │ │ └── base.less │ ├── img │ └── js ├── layout │ ├

原创 mpaaS的kylin框架-构建项目及运行

移动开发平台mPaaS的客户端开发组件前端框架与UI组件基于H5框架-kylin框架搭建前端开发环境开发调试安装依赖开发调试前端框架与UI组件基于H5框架-kylin框架Kylin是mPaaS H5容器的无线前端解决方案，具有高效的运行时，一致的开发体验，丰富的研发支撑，完善的UI组件等优点。解决移动Hybrid开发中遇到的前端打包，浏览器兼容性，mock接口等问题。kylin仅提供基于Vue2.0的视图层框架，以极小的 JS加载开销实现高效的DOM更新。注意：只提供Safari，UC Webvi

原创 给js对象添加新属性的方法

原创 git的使用教程02

1 工作区，暂存区，本地库概念工作区（working directory）：电脑的本地磁盘目录本地库（repostory）：工作区中有一个因此目录.git，他就是git的本地版本库暂存区（stage）：一般存储在git目录下的index文件，所以我们吧暂存区有时候叫做索引。关系图分支项目已经上线了，但是产品经理又提出了新的需求，评估实现这个新功能需要两个月的时间。三十项目还是需要同时上线运行，时不时修改bug，如何管理这几个版本。查看分支git branch -v...

原创 git的使用教程01

Gitgit是什么是目前最先进的分布式版本控制工具（管理不同版本文件的一个应用程序）git诞生2002年之前，linux自己手动维护linux版本代码2002到2005使用免费的bitkeeper2005之后，linux开发git集中型版本控制工具和分布式版本控制工具集中型的版本控制svn，cvs，vss特点：实现大部分开发中对版本管理的需求结构简单，上手容易缺点对中央仓库依赖严重，一旦损坏，历史数据怎么恢复程序员上传的都是完整版，如何追溯查询系统正在上线运行，需要修改bug

原创 各大平台的要求

applovin的要求按照正常情况打包跳转使用的是mraid.open()来跳转下载页面在 https://p.applov.in/playablePreview?create=1中二维码测试ironSore的要求在这个链接里：https://demos.ironsrc.com/test-tool/?adUnitLoader=dapi&mode=testing&size=phone（这个也是测试链接）将跳转的mraid.open改改成userClickedDownloadBu

原创 Nginx

Nginx就是用来处理 服务的可以处理来自80端口的任何攻击和请求反向代理可以隐藏真实 的服务器端口在nginx的配置项中加入server{ listen 80; server_name 121.4.41.47; location / { proxy_pass http://127.0.0.1:8081; }}然后在服务器上简单布置任何一个端口的node服务，就可以通过ip不用加端口就可以访问这个node服务了每刷新一次就可以

原创 node连接本地和服务器上的数据库（redis，mongodb，mysql）

redis官方文档https://github.com/NodeRedis/node-redis#node-redis下载redisnpm install redis --save连接本地数据库var redis =require('redis')// 连接本地端口var client=redis.createClient('6379','127.0.0.1')client.on("error",function(error){ console.log(error)})cli

原创 bootstrap，layui，elementui vantui的区别

bootsratp使用方法安装bootstrap下载bootstraphttps://v4.bootcss.com/docs/getting-started/download/引入css文件和js文件引入css<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl

原创 redis五种类型的区别

string（字符串）一个key对应一个valueHash（散列）一个key可以对应多个值list（列表）简单的字符串列表Set（集合）是string类型的无序集合 可以将多个字符串存在一个key中Zset（有序集合）也是string类型的元素集合而且把不允许重复成员。不同的是每个元素都会关联一个double类型的分数成员唯一，但是分数可以重复总结除了string类型，其他都可以一个key存多个值...

原创 redis数据库五大数据类型

Redis数据库安装redis菜鸟教程：https://www.runoob.com/redis/redis-intro.htmlredis数据类型Redis支持五种数据类型：string（字符串），hash（散列），list（列表），set（集合）及zset(sorted set：有序集合)。String（字符串）一个 key 对应一个 value。键为xiaoye 对应的值为“xiaoye”（本来是想打中文的，但是打不起）注意：一个键最大储存512mbHash(散列)Redis h

原创 vue 小补充

V-model

原创 vue 05 day(插槽)

Vuevue插槽插槽（slot）是vue提出来的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显示不显示、怎样显示，都是由父组件进行控制的，而插槽在哪里显示就由子组件来进行控制组件插槽<div id="app"> <son> <p>这是插槽</p> </son> </div> <template id="tem1"> <di

原创 node连接mysql数据库和prominse还有promise封装ajax

安装：npm install mysql --savevar mysql = require('mysql');// 1.创建连接var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '134658', database : 'people'});// 2.连接数据库connection.connect();//3. 执行数

原创 MongoDB 数据库的基本使用和node结合起来

关系型数据库和非关系型数据库表就是关系或者说表与表之间存在关系1，所有的关系性数据库都需要通过sql语言来操作2，所有的关系型数据库在操作之前都需要设计表结构3，而且数据表还支持约束唯一的主键默认值非空4，非关系型数据库非常的灵活5，有的菲关系型数据库就是key-value对儿6，但是MongoDB是长的最像关系型数据的菲关系型数据库数据库->数据库数据表->集合（数组）表记录->（文档对象）7，MongoDB不需要设计表结构8，也就是说你可以任意往里面存

原创 node中的增删改查-Express-crud

Express-crud起步初始化moban路由设计请求方法请求路径get参数post参数备注GET/students渲染首页GET/students/new渲染添加学生页面POST/students/newname,age, gender,hobbies处理添加学生 请求GET/students/editid渲染编辑页面POST/students/editid，name,age, gender,hobbi

原创 node 02基础

node 模块系统 npm什么是模块化：文件作用域通信规则加载 require,导出commonJs模块规范在Node中的JavaScript还有一个很重要的概念：模块系统模块作用域使用require方法用来加载模块使用exports接口对象来导出模块中的成员main.js中的代码//默认得到的是对象//使用对象中的成员必须点出来某个成员才能访问//有时候对于一个模块，我仅仅就是希望导出一个方法就可以了var fooExports=require('./foo')co

原创 node 01基础

nodenode采用EcmaSaipt进行编码。node没有bom和domnode中的JavaScript有文件操作的能力// fs是file-system的简写，就是文件系统的意思// 在node中想进行文件操作，就鼻血 引入fs这个核心模块// 在fs核心模块中，就提供了所有文件操作相关的api// 列如：fs.readFile就是用来读取文件的// 1.使用require方法加载fs核心模块var fs = require('fs')// 2.读取文件// 第一个参数是读取文件

原创 Vue 04 day（路由）

Vue使用refs获取DOM和组件//refs获取 Dom节点<div id="app"> <h3 ref="myh3">哈哈哈哈啊，今天的天气正好</h3> <button type="button" @click="getelement">获取元素</button> </div> <script src="js/vue.js" type="text/javascript" charset="utf-8

原创 Vue 03 day(组件传参)

Vue 03 day模板语法允许开发者，声明式的将DOM绑定至最底层Vue实例的数据上。所有的Vue的模板都是合法的HTML。Vue将模板编译成虚拟的DOM渲染函数。Vue能够智能的计算出最少需要重新渲染多少组件，并把DOM操作次数减少到最少。...

原创 Vue 02day

vue 02框架和库的区别框架：是一套完整的解决方案：对目标的侵入性较大 项目如果需要更换框架，则需要重新架构整个项目。库(插件)：提供某一

原创 js中闭包的详解

JS中闭包的详解先来看一道题了解一下闭包的运行流程。第一道题var a=9; function fn(){ a=0; return function(b){ return b+a++; } } var f=fn(); console.log(f(5)); console.log(fn()(5)); console.log(f(5)); console.log(a);先来画图分析第二道题function fn(i){ retu

原创 黑窗口下的mysql的基础指令

Mysql使用数据库在cmd中连接数据库//连接数据库C:\Users\admin>mysql -u root -p//展示所有数据库（记住加分号）mysql> show databases;//使用数据库mysql> use mysql;//use后面是数据库名字//展示该数据库的所有表格mysql> show tables;//查询表的结构mysql> desc proc;//退出连接mysql> quit;Bye...

原创 vue基础01day

vue一，什么是vuevue是第三方开发的，渐进式的，基于MVVM设计模式的纯前端的js框架第三方：别人写好的，我们直接下好即可渐进式：可以逐步在项目中引入vue各项功能，同时可以与其他技术混用，但是不推荐（只要不是使用框架，一律使用es5，不能出现es6；我们使用框架的时候就使用es6）mvvm 设计模式：1，传统前端三大部分：html/css/JavaScript问题：html/css功能都太弱了，对于页面中发生的一切变化都需要JavaScript来编写，导致了需要JavaScript编写

原创 HTML5 拖放

HTML5 拖放拖动源对象（会动），触发三个事件dragstart：拖动开始，在源对象开始被拖放时触发drag：拖动中，在源对象拖放过程中被触发dragend：拖动结束，在源对象释放后被触发（也可能在目标区域内，也可能在目标区域外）拖动目标对象（不动），触发四个事件dragenter：拖动进入，在源对象进入目标对象的区域范围时被触发dragover：拖动悬停，源对象在目标对象悬停时触发注意：浏览器块（div等）默认禁止拖拽事件的拖放操作，所以若想监听 drop 操作，需要在 dragover

原创 HTML5 Web storage

HTML5 Web storageWeb Storage 提供了一种比 cookie 更加直观的数据存储方式，其以 名/值 对的形式进行存储。可以在客户端浏览器存储用户专用数据（登录用户昵称/用户id/购物车/…）客户端/服务器端存储数据客户端存储方式（不安全/数据量少） cookie 兼容性好，操作复杂，存储数据1kb flash 依赖flash播放 web storage 兼容性差，操作简单，存储 8MB IndexDB 不标准服务器端存储方式（安全/海量/高

原创 HTML5：canvas基础

HTML特性（canvas）01canvas是一个可以用脚本（JavaScript）再其中绘制图形的html元素，是html5中新曾元素.注意：canvas不支持再IE9一下的浏览器执行初步使用canvas//获取canvas元素var canvas=document.querySelector('canvas'); // 获取canvas画笔,必须声明为2d，不然会报错var ctx=canvas.getContext('2d');canvas的标签默认尺寸是300*150注意：如果

原创 html5基础学习

HTML5新特性1. 用于绘画的canvas元素和svg元素2. 用于媒介回访的video元素和audio元素3. 对本地离线存储的更好的支持4. 新的特殊内容元素，比如：article、footer、header、nav、section5. 新的表单控件，比如：range、date、time、email、url、search视频（video）视频的基本标签controls 显示播放原生控件兼容性差loop 循环播放，取值为布尔值autoplay 自动播放视

原创 2020-9-25微信小程序

微信小程序一.组件<view></view> 视图容器，相当于html中的div元素，属于块级元素hover-class当view被点击时的样式，取值为string类型的类名hover-start-time按住多久后出现点击的样式，取值为number类型的毫秒数hover-stay-time手指松开多久后失去点击的样式，取值为number类型的毫秒数2，<text></text>相当于html中的span、p标签，当text单独

原创 2020.09.24 promise

es6的promis当有多个异步函数的时候function one(next){ console.log('One run start'); setTimeout(()=>{ next() },2000) // console.log(2); } function two(next){ console.log('one end'); console.log('tw