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

Git git是什么 是目前最先进的分布式版本控制工具（管理不同版本文件的一个应用程序） git诞生 2002年之前，linux自己手动维护linux版本代码 2002到2005使用免费的bitkeeper 2005之后，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 下载redis npm 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 下载bootstrap https://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对应一个value Hash（散列） 一个key可以对应多个值 list（列表） 简单的字符串列表 Set（集合） 是string类型的无序集合 可以将多个字符串存在一个key中 Zset（有序集合） 也是string类型的元素集合而且把不允许重复成员。不同的是每个元素都会关联一个double类型的分数 成员唯一，但是分数可以重复 总结 除了string类型，其他都可以一个key存多个值 ...

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

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

原创 vue 小补充

V-model

原创 vue 05 day(插槽)

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

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

安装： npm install mysql --save var 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/new name,age, gender,hobbies 处理添加学生 请求 GET /students/edit id 渲染编辑页面 POST /students/edit id，name,age, gender,hobbi

原创 node 02基础

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

原创 node 01基础

node node采用EcmaSaipt进行编码。 node没有bom和dom node中的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 一，什么是vue vue是第三方开发的，渐进式的，基于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 storage Web Storage 提供了一种比 cookie 更加直观的数据存储方式，其以 名/值 对的形式进行存储。可以在客户端浏览器存储用户专用数据（登录用户昵称/用户id/购物车/…） 客户端/服务器端存储数据 客户端存储方式（不安全/数据量少） cookie 兼容性好，操作复杂，存储数据1kb flash 依赖flash播放 web storage 兼容性差，操作简单，存储 8MB IndexDB 不标准 服务器端存储方式（安全/海量/高

原创 HTML5：canvas基础

HTML特性（canvas）01 canvas是一个可以用脚本（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、section 5. 新的表单控件，比如：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