- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Azure Cli中国区登录踩坑
Azure有个1元一个月1500体验套餐。功能眼花缭乱！微软当然也提供了命令行的方式操作： azure cli 工具由于中国区是世纪运营的。当使用：az login 会跳到微软官方的登录界面。然后登录不了！！折腾个把小时（真心觉得世纪做得很差，文档机器翻译，有区别的地方不加以说明）。当然Google 老半天，发现一文章 ，写了如何改变区。az cloud set --name Azur...
2019-06-01 22:04:13
3136
2
原创 WebPackage ProxyTable设置无效不常见情况
想用Vue写一个多人博客项目，搭建环境使用Vue-Cli，在跟前后端对接时候发现前后端在不同端口，不能跨域请求。WebPackage中有提供一个代理可以转发请求。于是进行按照官方指导设置：// config/index.jsmodule.exports = {// ...dev: { proxyTable: { // proxy all requests starting wit...
2019-01-17 14:56:05
5665
1
原创 关于CSS中的line-height等于容器高为什么会居中
大家都用过line-height，可以实现垂直文本居中：//html<p> 这是文字</p>//cssp{ height: 40px; line-height: 40px; border: 1px solid red; font-size: 20px;}当然还可加入text-align：center让它水平居中一、line-heig...
2019-01-06 13:18:57
1713
1
原创 Egg框架三——基础功能
Egg框架三——基础功能一、Router1. router支持路由方式支持一下路由格式：router.verb('path-match', app.controller.action);router.verb('router-name', 'path-match', app.controller.action);router.verb('path-match', middleware1...
2019-01-05 18:43:02
1471
原创 Egg框架二——渐进式开发
Egg框架二——渐进式开发一、初始状体插件写在extend里边（这时候只是扩展）example-app├── app│ ├── extend│ │ └── context.js│ └── router.js├── test│ └── index.test.js└── package.json二、插件的雏形把代码写成插件的形式，但并不独立出去。（觉得能成...
2019-01-05 18:42:15
451
原创 Egg框架一——Egg与koa
Egg框架一——Egg与koa一、Koa特点koa中间件模型是``洋葱模型` 请求经过一个中间件会执行两侧Context 上下文模型，相较于 request 和 response 而言更加符合语义。优异的异常处理async function onerror(ctx, next) { try { await next(); } catch (err) { ...
2019-01-05 18:40:38
6797
原创 Egg框架介绍
一、前因偶然在Github中看见基于Nodejs的[N-blog][https://github.com/nswbmw/N-blog] 原本计划参照GitHub中给出指引去学习,然后用express来写个多人博客。但是发现这篇教程可以提供方向，当遇到具体细节实现和原理时候还是摸不着头脑。最后决定还是准备自己动手写，选择了“下一代的web框架” koa2（其实是跟express差不多，同一作者团...
2019-01-05 18:36:32
3461
原创 require的基本使用，理解module.exports与exports
require本文是讲关于如何在node中使用require。一、历史渊源require时代的模块 node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能。模块化编程在js界流行，也是基于此，随后在浏览器端，requirejs和seajs之类的工具包也出现了，可以说在对应规范下，require统治了ES6之前的所有模块化编程，即使现在，在ES6...
2018-12-29 15:24:42
1787
原创 Electron 使用jQuery的时候“jQuery/$ is not defined”
Electron 使用jQuery的时候“jQuery/$ is not defined”一. 问题描述最近在写一个音乐下载器用到bootstrap+jQuery+Electron。在jQuery引入的时候出现:二. 解决方案首先想到的是引入位置导致，换过多次位置无解，在stackflow上，找到： https://stackoverflow.com/questions/...
2018-08-24 11:18:48
3385
原创 专题三、清除浮动的几种方法
专题三、清除浮动的几种方法一、清除浮动原因：当容器内有浮动元素或者都是浮动元素，导致不能撑起容器的高度，使得内容溢出到容器的外面而影响布局（浮动溢出）。二、清除浮动常用方法 使用clear属性的空元素 <style> .box{ background-color: gray; } ...
2018-08-17 10:56:25
218
转载 关于setInterval和setTImeout中的this指向问题
转自https://www.cnblogs.com/zsqos/p/6188835.html问题描述前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例：var num = 0;function Obj (){ this.num = 1, this.getNum...
2018-08-14 14:13:26
383
原创 CSS专题一：探索居中
CSS专题一：探索居中一、前言CSS的居中方式，有时候很好用，但大多数时候还是令人迷茫的，所以这个专题就专门归纳整理常用的居中方式，这样以后写起来就不用浪费时间去实验。 居中分为水平居中和垂直居中，下面会讲居中方式以及用代码验证的结果。二、水平居中1. margin: 0 auto;测试代码： <style> .box1{ ...
2018-08-13 14:09:21
249
原创 AJAX注意事项
AJAX注意事项一、中文URL问题 中文URL必须做转换，用encodeURIComponent 请求超时用obj.abort来进行异步处理 URL只能有ASCII码 二、post请求 post请求要使用Content-type指定类型 在send方法中进行传递参数 三、XML文件 结果有中文，要添加header 来设置中文 f...
2018-08-07 10:46:23
244
原创 AJAX与PHP
AJAX与PHP一、post-file 提交文件，$_FILES来收取文件，要指定编码文件 默认存在一个temp文件夹中，要指定文件夹来存储文件 PHP路径拼接使用. 号 二、AJAX 技术 AJAX是服务器交换数据并更新部分网页的技术，不需要重新加载整个页面 AJAX 五个步骤： 1.创建一个异步对象 : XMLHttpReques()...
2018-08-07 10:46:01
429
原创 C5、jQuery 原理
jQuery 原理一、入口 jQuery 本质是一个闭包 jQuery用闭包来实现防止框架冲突 jQuery让外界访问局部变量使用window对象 jQuery为什么要给自己传window参数 方便后期压缩代码 提升查找效率 jQuery为什么要给自己传undefined参数 方便压缩代码 ...
2018-08-07 10:43:42
244
原创 C4、jQuery DOC 二
C4、jQuery DOC 二一、筛选 siblings 选中非当前其他对象，专门排他操作 eq、get 获取伪数组个数 二、动画 show/hide slideDown/UP 展开收起动画 动画队列 每次动画之前先停止动画 $A.stop delay()延时时间 animate()用于产生自定义动画 stop()停止...
2018-08-07 10:42:23
156
原创 C3、jQuery DOC 一
C3、jQuery DOC 一一、内容选择器 $("div:empty"); //作用：找到没有文本也没有子元素的指定元素 $("div:parent");//作用：找到有文本内容或有子元素 $("div:contains('我是div')")；//找到包含文本的子元素 $("div:has('span')")//找到包含指定标签 二、属性操作 属...
2018-08-07 10:42:02
166
原创 C7、冒泡机制
C7、冒泡机制一、冒泡机制 内层的事件层层传递到最外层 事件由里到外层层触发 二、阻止冒泡事件 通过（其他浏览器）event.stopPropagation()或者（IE浏览器）event.cancelBubble = true ...
2018-08-07 10:38:55
268
原创 C6、scroll家族
C6、scroll家族一、scrollTop，scrollTop scroll是与窗口滚动有关的 windows.onscroll 监听器 兼容性解决： document.documentElement.scroll document.body.scroll 二、scrollTo移动到指定的坐标店 scrollTo(x,y)...
2018-08-07 10:38:32
195
原创 钉钉API考勤打卡记录获取(PHP + JS)
前言： 钉钉有个开发平台，通过API可以开发自己企业内部应用，钉钉开发文档顺序写的有点乱，花了挺长时间才看懂，我建立一个php后端以及一个单独网页（不运行在钉钉上）来获取考勤记录，当然能做的不止这些，可以删除公司成员，修改部门，瞎发通知等等。。。（这是上路的新手，大神忽略，练习下AJAX倒是挺好的。）一、准备钉钉API地址： https://open-doc.dingtalk.co...
2018-08-06 22:10:33
15855
原创 Apache2.4 Forbidden You don't have permission to access / on this server.
Apche ：2.4.23系统：windows 10集成环境：WAMP 64位 安装WAMP在windows 10上 ，在127.0.0.1上访问网页无压力 在其他IP下出现：Forbidden You don't have permission to access / on this server. 403错误这个是服务器权限配置问题：打开Apche 目录，...
2018-08-02 09:55:41
5933
1
原创 C3、jQuery DOC 一
C3、jQuery DOC 一一、内容选择器 $("div:empty"); //作用：找到没有文本也没有子元素的指定元素 $("div:parent");//作用：找到有文本内容或有子元素 $("div:contains('我是div')")；//找到包含文本的子元素 $("div:has('span')")//找到包含指定标签 二、属性操作 属...
2018-07-23 16:55:40
173
原创 C2、jQuery的核心函数和工具
一、核心接收函数 $() 接收方法 接收字符串 选择器 返回选择的元素 接收字符串代码片段（标签DOM元素）返回jQuery对象 接收一个DOM元素 会被包装成jQuery对象给我们 二、jQuery对象jQuery对象是一个伪数组（有0到length-1的属性，并且有length属性）三、静态方法 直接添...
2018-07-23 16:55:19
200
原创 C1、jQuery 入门
C1、jQuery 入门一、jQuery 常用jQuery 版本 开发版和压缩版（min），开发板阅读性更好 $(document).ready(function(){ })二、jQuery的入口函数 js入口和jQuery入口都能拿到DOM元素的宽高 jQuery 入口函数拿不到DOM元素宽高（远程）加载模式不同，原生JS会等待DOM加载完毕...
2018-07-23 16:54:39
162
原创 C4、其他对象
C4、其他对象一、内置对象DateAPIgetData()获取日getDay() 获取星期getMonth() 获取月getFulllYear()获取年自定义时间 new Date（Y/Y/Y/Y h:h:h:h）。。。二、定时器setInterval设置执行setInterval("func()",1000)setInterval(func,1000)setInterval(func(){},1...
2018-07-08 09:36:34
156
原创 C2、BOM与DOM
C2、BOM与DOM一、window对象所有的全局变量都是window属性所有的全局方法都是window方法二、document对象document对象是window的一部分getElementById获取指定id节点querySelector（） id选择器，all可以选择全部事件绑定：方式一匿名函数，选择CSS，然后.click=function 来构造点击方法例如h5.click = fun...
2018-07-08 09:22:56
119
原创 设置float浮动无效
一、问题描述在做瀑布流的时候设定给div设定float：left 发现无效。原代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流</title> <style&a
2018-07-07 08:31:55
6165
原创 C2、BOM与DOM
C2、BOM与DOM一、window对象所有的全局变量都是window属性所有的全局方法都是window方法二、document对象document对象是window的一部分getElementById获取指定id节点querySelector（） id选择器，all可以选择全部事件绑定：方式一匿名函数，选择CSS，然后.click=function 来构造点击方法例如h5.click = fun...
2018-06-26 16:39:20
150
原创 树莓派B raspberry pi B 安装魔镜
树莓派B raspberry pi B 安装魔镜一、前言 最近想弄一个魔镜玩一玩，效果如下： 有没有感觉太好看了，这是magicmirror的官网这张图也展示了它的原理，就是相框+原子镜+屏幕，如果你是树莓派2/3代只需要执行一个脚本即可以安装完成bash -c "$(curl -sL https://raw.githubusercontent.com/MichMich/MagicM...
2018-06-21 23:12:56
1827
原创 C1、JS对象
C1、JS对象一、面向对象和基于对象面向对象支持创建对象，有封装、继承、多态，万物皆对象基于对象，无法创建自定义的类型，不能很好支持继承和多态面向对象特征属性和行为二、JS中的对象JS中的对象想象成一个键值对，值可以是属性或者方法直接调用相当于是使用静态函数JSON与js对象区别，JSON全部都是字符串对象遍历用for in 的方式三、this对象this在哪个对象中指的就该对象谁调用this，...
2018-06-21 16:41:26
459
原创 C4 JS基本语法3
C4 JS基本语法3js一、运算符加法遇到字符串的时候自动转换成字符串（什么时候遇到什么时候转换）-*/这些会自动把字符串转换成数字运算 3.严格相等运算符，==和===，比较类型，值，对象（是不是指向同一地址）二、数据类型转换Number() 强制转换成number类型，parseInt()则转换成int类型数据String（）强制转换成字符串boolean() 强制转换成Boolean三、错误...
2018-06-20 11:06:28
339
原创 C3、JS基本语法2
C3、JS基本语法2js一、字符串字符串要写成多行，可以在末尾加入 \base64 可以使用atob（） 进行编码 btoa()解码二、对象对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。键值对，如果键全是数字则自动转换成字符串，数字开头的混合要加入双引号（最好都加入双引号）键值对的表示的是对象的引用（类似java中的实例引用指向其他对象）,但只限于对象，如果是原始类...
2018-06-20 09:54:10
624
原创 C18、背景相关
C18、背景相关一、背景尺寸background-sizeCSS3新增的属性，专门用于设置背景图片大小支持百分比、像素、auto等等cover，告诉图片等比拉伸，填满元素二、背景图片定位区域属性背景图片默认从padding上面开始显示的background-origin：指定背景图片从什么区域开始显示background-clip: padding-box三、设置多层背景图片background ...
2018-06-13 13:28:07
164
原创 C2、JS基本语法1
C2、JS基本语法1js一、变量如果一个变量值是没有赋值，那么它的值将会是undefined，这是js的关键字js是个动态类型的语言，可以随时修改变量的类型变量提升：js解析引擎是一行一行解析代码，遇到变量定义会提升到头部二、标识符号arg0、_tmp、$elem、π 合法的标识符1a // 第一个字符不能是数字 23 // 同上 *** // 标识符不能包含星号 a+b // 标识符不能包含加号...
2018-06-12 13:25:55
312
原创 C1、JS导论
C1、JS导论js一、什么JS语言js是轻量级的脚本语言，js本身不提供任何与I/O相关的API，需要宿主HOST提供，经典的host有浏览器和nodejs不是一个纯粹的“面向对象语言”，他还支持函数式编程js核心的语法：基本语法构造和标准库以及额外环境提供的API（浏览器控制类、DOM类、WEB类）二、控制台调试程序Ctrl+Shift+J打开控制台然后在控制台中可以直接输出代码...
2018-06-12 13:24:01
174
原创 C16、2D转换模块
C16、2D转换模块一、旋转播放和平移transfrom：rotate(deg) 旋转多少度transfrom: translate() 平移多少pxtransfrom：sale() 缩放tranfrom: translate() sale() ;综合多个转换，坐标系会发生改变二、形变中心点默认以自己中心点来旋转的transform-origin: 0,0 围绕这个点旋转 可以是px、% ...
2018-06-08 16:38:04
134
原创 C15、过渡模块
C15、过渡模块一、a标签伪类选择器作用修改a标签状态的样式的a:link改变链接属性a:visited改变访问后属性a:hover:鼠标悬停下状态a:active:修改鼠标长按下状态伪类选择器有严格顺序 love** ha**te如果默认状态和访问样式一样可以简写a{}伪类选择器在标签选择器的后面a标签盒子有关的都写在标签选择器中，后文字背景相关写在伪类选择器中二、过渡模块伪类选择器可以用在其他...
2018-06-08 13:22:35
170
原创 C14、定位流-相对定位
C14、定位流-相对定位一、定位流：相对定位 position: relative：相对于以前的标准流位置进行移动 不脱离标准流，还是会占用一份空间，区分块级及行级空间left、right、top、bottom.多个方向会矛盾使用场景，微调元素，配合绝对定位使用绝对定位position:absolute ：脱离标准流，相对于body来定位不区分行内和块级元素没有祖先元素情况下使用body作为参考，...
2018-06-07 20:35:40
274
原创 J1900低功耗小PC装liunx问题
J1900显卡对Ubuntu支持不太友好，一、配置一 为 J1900 2G 32G内存 安装Ubuntu 16.04 LTS， 网口有时会自动断开，显卡有问题，无法安装intel驱动，升级Ubuntu 18 后显卡依然有问题，但是有所好转安装win10 使用无压力。二、配置二 为J1900 4G 64G 内存直接安装Ubuntu 18 没有任何问题，显卡问题也解决了。网络没有问题...
2018-06-06 22:02:32
12428
原创 C13、网页布局方式
C13、网页布局方式一、网页布局方式：浏览器如何对当前内容进行排版排版方式：1.标准流（文档流/普通流） 垂直排版（从上到下）2.浮动流 3.定位流二、浮动流基本概念浮动流：“半脱离标准流”的排版方式浮动流只有一种排版方式，就是水平排版，它只能设置一种排版方式浮动流不能使用margin: 0 auto 的部分块级元素，浮动流中全部可以设置宽高，不区分三、浮动元素脱标什么是浮动元素脱标？脱标： 脱离...
2018-05-26 07:59:43
205
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人