11 2017 档案

摘要:一、小程序 1、目录结构 主体结构 app.js 程序逻辑 app.json 程序的配置 app.wxss 全局样式 页面结构 page.js 页面的逻辑 page.json 页面的配置 page.wxml 页面的结构 page.wxss 页面的样式 2、文件格式 js 逻辑 wxml 页面结构 w 阅读全文
posted @ 2017-11-28 19:39 不完美的完美 阅读(164) 评论(0) 推荐(0) 编辑
摘要:一、JSSDK 1、开发步骤 绑定安全域名(域名绑定给任意一个公众号) 引入JS 权限验证wx.config({}) ready 所有的开发写在ready中 error 2、分享接口 onMenuShareTimeline 分享到朋友圈 wx.onMenuShareTimeline({ title: 阅读全文
posted @ 2017-11-28 19:15 不完美的完美 阅读(793) 评论(0) 推荐(0) 编辑
摘要:一、阿里云ECS的使用 1、Linux CentOS Ubuntu Readhat 2、远程登录 xshell 远程登录 winScp 远程文件操作 3、Linux命令 、 创建目录 删除文件或目录 4、yum 安装 卸载 5、安装vsftpd服务 yum install vsftpd 安装vsft 阅读全文
posted @ 2017-11-28 18:33 不完美的完美 阅读(470) 评论(0) 推荐(0) 编辑
摘要:linux的基本的命令行操作 第一步前登陆你的服务器 //创建文件夹的方法 mkdir 文件名 //进入指定文件夹 cd 文件名 //查看文件夹下的内容 ls or ll // 查看当前的路径 pwd // 返回上一级目录 cd .. //删除一个文件夹 rm rf 文件名 //创建一个文件并且编辑 阅读全文
posted @ 2017-11-27 14:46 不完美的完美 阅读(228) 评论(0) 推荐(0) 编辑
摘要:JS相关问题 数组去重 function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i 阅读全文
posted @ 2017-11-27 10:54 不完美的完美 阅读(16514) 评论(3) 推荐(2) 编辑
摘要:HTML&css相关问题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言 最主要的不同 XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭 标签名必须用小写字母 XHTMl文档必须拥有根元素 2.什么是语义化的HTML? 直观 阅读全文
posted @ 2017-11-27 10:52 不完美的完美 阅读(38271) 评论(4) 推荐(2) 编辑
摘要:1、为什么用Nodejs,它有哪些缺点? 事件驱动,通过闭包很容易实现客户端的生命活期。 不用担心多线程,锁,并行计算的问题 V8引擎速度非常快 对于游戏来说,写一遍游戏逻辑代码,前端后端通用 当然Nodejs也有一些缺点: nodejs更新很快,可能会出现版本兼容 nodejs还不算成熟,还没有大 阅读全文
posted @ 2017-11-27 10:48 不完美的完美 阅读(43307) 评论(0) 推荐(1) 编辑
摘要:前端网站 从别的网站看到保存过来的~~ 前端常用网址: http://www.jqsite.com/main/plug 前端社区网,提供了大量的css,css3,sass,responsive,mobile等最新前端技术文章、demo及特效插件下载资源。 http://www.jqsite.com 阅读全文
posted @ 2017-11-24 16:03 不完美的完美 阅读(1850) 评论(0) 推荐(0) 编辑
摘要:一、公众号 服务号:是公众平台的一种账号类型,旨在为用户服务。 订阅号:是公众平台的一种账号类型,旨在为用户提供信息和资讯。 1、订阅号(一月只能群发四次) 服务号(次数不限) 企业号 公众号的种类分为:普通订阅号丶认证订阅号丶普通服务号丶认证服务号。 2、订阅号开发 关键字回复 简单的菜单管理 投 阅读全文
posted @ 2017-11-24 15:50 不完美的完美 阅读(280) 评论(0) 推荐(0) 编辑
摘要:封装构造函数,用canvas写饼状图和柱状图 封装函数 // 场景 function XDLScence( options ) { this.stage = options.stage; //执行场景的初始化 this.init = options.init || XDLScence.voidFn; 阅读全文
posted @ 2017-11-23 18:42 不完美的完美 阅读(676) 评论(0) 推荐(0) 编辑
摘要:一、SVG 1、svg与canvas的区别 canvas绘制的是位图,svg绘制的是矢量图 canvas使用JavaScript绘制,svg使用xml绘制 canvas不能给每个图形绑定事件,svg可以给每个图形绑定事件 canvas适合游戏等频繁操作的应用,svg适合图标 canvas需要支持H5 阅读全文
posted @ 2017-11-22 20:10 不完美的完美 阅读(275) 评论(0) 推荐(0) 编辑
摘要:一、Canvas第三方类库 1、常见的第三方类库 konva.js body{ margin:0; } //创建舞台 var stage=new Konva.Stage({ container:" box", width:window.innerWidth, height:window.innerH 阅读全文
posted @ 2017-11-21 21:21 不完美的完美 阅读(3789) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html 封装 构造函数 绘制矩形 html{ overflow:hidden; } //构造函数 function Rect(options){ this.init(options); } Rect.prototype={ init:function(options){ opt 阅读全文
posted @ 2017-11-21 19:04 不完美的完美 阅读(392) 评论(0) 推荐(0) 编辑
摘要:制作饼状图 <!DOCTYPE html canvas绘制扇形图 body{ background: ccc; } canvas{ background: fff; } (function(){ //定义数据 var data = [ {title:"apple", value:0.24, colo 阅读全文
posted @ 2017-11-21 12:39 不完美的完美 阅读(1723) 评论(0) 推荐(0) 编辑
摘要:一、Canvas 高级 1、变换 位移 translate(x, y) 2、变换 缩放 scale(xS, yS) 3、变换 旋转 rotate(弧度) 4、环境的保存和释放 save() restore() 5、设置透明度 globalAlpha 属性 设置绘图环境的不透明度 值0~1之间 6、限 阅读全文
posted @ 2017-11-20 18:39 不完美的完美 阅读(945) 评论(0) 推荐(0) 编辑
摘要:制作一个画画板,有清屏有橡皮擦有画笔可以换颜色 画画板 body{ background color: ccc; } .control bar{ vertical align:top; display:inline block; } 清屏 画笔 橡皮擦 (function(){ var w=800; 阅读全文
posted @ 2017-11-19 15:06 不完美的完美 阅读(646) 评论(0) 推荐(0) 编辑
摘要:一、canvas的概述 1、定义 ``是H5新增的标签 canvas提供给了JavaScript绘图接口 canvas绘图建立在坐标系上 2、应用领域 炫酷特效 可视化数据(图表) 游戏 大型应用(地图) 在线系统(在线ps) 3、canvas标签 属性width 属性height 方法getCon 阅读全文
posted @ 2017-11-16 19:10 不完美的完美 阅读(452) 评论(0) 推荐(0) 编辑
摘要:十三、服务器推送 服务器主动向客户端推送信息 传统的HTTP协议传输,服务器是被动相应客户端的请求 1、解决方案 ajax轮询、ajax长轮询 Server Send Event WebSocket 2、ajax轮询 客户端定时向服务器发送请求 可能会造成无用的http请求 3、ajax长轮询 客户 阅读全文
posted @ 2017-11-15 19:22 不完美的完美 阅读(236) 评论(0) 推荐(0) 编辑
摘要:十一、ajax同源操作 URL说明是否允许通信 同一域名下允许 http://www.a.com/a.js , http://www.a.com/b.js 同一域名下不同文件夹允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名 阅读全文
posted @ 2017-11-14 19:10 不完美的完美 阅读(773) 评论(0) 推荐(0) 编辑
摘要:四、文件API 1、概述 H5允许JS有条件的读取客户端文件 允许读取的文件:1.待上传的文件2.拖进浏览器的文件 多文件上传设置属性multiple 过滤上传文件类型 设置accept属性 accept='image/jpg' accept='image/ ' 2、FileList对象 由File 阅读全文
posted @ 2017-11-13 11:41 不完美的完美 阅读(285) 评论(0) 推荐(0) 编辑
摘要:H5新API 一、地理位置API 1、navigator.geolocation对象 getCurrentPosition(callback,errCallback,options)获取当前位置 watchPosition(callback,errCallback,options)实时获取位置 cl 阅读全文
posted @ 2017-11-09 19:06 不完美的完美 阅读(485) 评论(0) 推荐(0) 编辑
摘要:一、vue动画 1、使用transition定义动画 //定义过渡的样式 / 动画刚开始时的状态,动画结束时的状态 / .move enter active,.move leave active{ transition:all 2s; } / 动画过渡的css样式 / .move enter,.mo 阅读全文
posted @ 2017-11-08 19:34 不完美的完美 阅读(1194) 评论(0) 推荐(0) 编辑
摘要:一、组件 1、父组件传递数据到子组件 01、props第一种写法 Vue.component("my component", { props: ['msg'], template: "child component,{{msg}}" }) 02、props第二种写法 Vue.component("m 阅读全文
posted @ 2017-11-07 19:27 不完美的完美 阅读(268) 评论(0) 推荐(0) 编辑
摘要:`JavaScript数组` 阅读全文
posted @ 2017-11-07 09:30 不完美的完美 阅读(1476) 评论(0) 推荐(1) 编辑
摘要:一、vue resource使用 vue resourse 在vue中实现发送ajax vue resource和vue之间的关系就相当于jQuery插件和jQuery 1,百度vue resource cnd 复制地址 打开 2,bower install vue resource 1、$http 阅读全文
posted @ 2017-11-06 12:34 不完美的完美 阅读(281) 评论(0) 推荐(0) 编辑
摘要:ajax <!DOCTYPE html ajax原理 function CreateXmlHttp(){ //非IE浏览器创建XmlHttpRequest对象 if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); } //IE浏览器器创建X 阅读全文
posted @ 2017-11-03 12:56 不完美的完美 阅读(136) 评论(0) 推荐(0) 编辑
摘要:写一点废话,昨天敲代码找bug,找了好久都没找到,后来一哥们找到他说,找代码的bug就像男女朋友吵架,女问男你错了没,男说错啦,女再问错哪了,男傻眼了不知道错哪。在找代码的过程中一直知道我错啦就是找不到错哪了,哈哈~~~~~~ 用vue知识点做购物车, <!DOCTYPE html computed 阅读全文
posted @ 2017-11-02 20:48 不完美的完美 阅读(680) 评论(0) 推荐(0) 编辑
摘要:一、vue的事件处理 1、vue的自带事件修饰符 (1)、prevent阻止事件的默认行为 </form (2)、stop阻止事件的冒泡 (3)、once绑定只执行一次的事件 点击 (4)、self 当且仅当事件是由自身触发时才会触发事件回调函数 三、计算属性 new Vue({ el:"", da 阅读全文
posted @ 2017-11-02 20:38 不完美的完美 阅读(256) 评论(0) 推荐(0) 编辑
摘要:一、v bind绑定class 1、对象的形式 数组形式绑定class 二、绑定style样式 1、对象的形式绑定样式 html结构 vue对象 new Vue({ el: ".box", data: { styleObj: { width: "200px", height: "200px", ba 阅读全文
posted @ 2017-11-02 20:18 不完美的完美 阅读(1022) 评论(0) 推荐(0) 编辑