zhouSty-CSDN博客

原创二，四，八，十六转化10进制

所以转化为10进制的公式系数*基数^权次幂… 什么是系数，基数，权次幂？打个比方如简单的 2进制数 100 转换为10进制数//二进制转换10进制 100=1*2^2+0*2^1+0*2^0=4 //系数为每一位的数字如100 系数就有3个（1,0,0），1234有4个（1,2,3,4）。 //基数就是逢n进一的n，基数为几就有

2017-09-08 15:39:48 671

原创 less学习汇总

1定义变量@text:300px;//这里定义了一个text变量body{width:@text//这里是引用}相当于body{width:300px}2混合比如我在定义一个两个div的 .div,div1 这两个div唯一不同就是div1比div 多一个margin：100px，那么可以用less这样写<div class="div"></div><div class="

2017-08-24 14:06:41 287

原创 react 数据传递

state 只用于组件内部数据传递首先要了解Virtual DOM （虚拟dom）是什么意思。 Virtual DOM 概况来讲，就是在数据和真实 DOM 之间建立了一层缓冲。对于开发者而言，数据变化了就调用 React 的渲染方法，而 React 并不是直接得到新的 DOM 进行替换，而是先生成 Virtual DOM，与上一次渲染得到的 Virtual DOM 进行比对，在渲染得到的 V

2017-08-16 23:52:08 485

原创 react jsx语法

1 必须使用div包裹2 return 换行的HTML必须用（）包裹3 标签结束后必须使用 / 4 class必须写成className5 jsx 表达式必须用{}包裹6 React 组件，首字母一定要大写。7 可以在jsx里面运行函数，单必须用{}包裹8 标签使用自定义属性必须data-xxx9 数组里面的元素能自动展开import React, { Component } from 'r

2017-08-16 10:44:30 284

原创 ES6箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：下面是把es6写法拆分为es5，使阅读更方便简单。一个参数写法；//es6写法 let s = a=>a+1; console.log(s(1)) //打印结果为 2//es5写法var s = function(a){

2017-07-25 14:07:15 313

原创 css3@media 兼容ios4，ios5，ios6,6plus

//device-height 设备可视高度//-webkit-min-device-pixel-ratio 是设备上物理像素和设备独立像素,设备像素比率@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) { /* 兼容iphone4/4s */

2017-07-07 13:05:05 510

原创关于ios关闭右划回退页面的

运用hbuilder mui 和 h5+ 开发 app 遇到过这样一个很常见的需求利用本地缓存记住密码自动登录的需求首先在（1）在index 首页面判断是否本地缓存有数据var unames = plus.storage.getItem('user_name'); //alert(unames) if(unames == null || unam

2017-06-16 15:02:28 2838

原创 ES6 初步学习

var 是 es5 定义变量的唯一方法， es 6 新增了 let 和 const以前es5 只有一个全局作用域和一个函数作用域 var就不多说了es6 新增了let 块级作用域 :{ let a = 1 console.log(a); //打印a是1}//console.log(a); //打印a 会报错const 声明一个恒量 ~ 什么是恒量？就是只

2017-05-31 17:19:54 403

原创 Python环境配置和java共存

听说python很厉害的样子就试着玩了一下。 1：安装 python http://www.python.org/download/ 下载地址选择自己想玩的版本下载，下载之后一直点下一步安装就好了，这里没啥难的 2：环境配置其实和java差不多比java还简单不过他也要到 path 里面配置环境变量那就遇到坑了，因为 path 里面已经有 java 环境了我

2017-05-26 17:43:19 6923 3

原创 vue路由

创建组件首先引入vue.js和vue-router.js 主要是router.js 不是resouce.js resouce.js是用来交互的安装# npm install vue-router –save-dev<div id="box"> <ul> <li> //在a元素上使用v-link指令跳转到指定路径。

2017-05-19 10:47:33 247

原创 vue动画 -组件

Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡.fade-enter-active, .fade-leave-active { transition: opacity .5s}.fade-enter, .fade-leave-active { opacity: 0}<div id="demo"> <b

2017-05-16 18:19:21 1278

Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板

2017-05-15 16:33:46 364

原创 vue常用过滤器

写法：{{ message | ‘过滤器’}} 1：{{message | capitalize}} 首字母大写， 2：{{message | uppercase}} 全部大写， 3： {{message | lowercase}} 全部小写， 4：@click=“show| debounce 2000” 延迟2秒执行，<div id="box"> <input typ

2017-05-15 15:39:40 607

转载 vue生存周期

生存周期 <div id="app"> <p>{{ message }}</p></div><script type="text/javascript"> var app = new Vue({ el: '#app', data: { message : "xuxiao is boy" },

2017-05-15 14:04:04 423

原创 vue实例的简单属性和方法调用

$mount（） // 等同于 el： <div id="box"> {{a}} </div> <script> var vm=new Vue({ data:{ a:1 } }).$mount("#box"); </script>vm.$da

2017-05-12 18:01:50 1750

原创 vue-交互 -取值- 赋值

交互: $http （ajax）如果vue想做交互引入: vue-resouce//一个vue文件get:this.$http.get(url,{ a:1, b:2 }).then(function(res){ //成功方法 alert(res.data);

2017-05-12 16:26:24 4093 1

原创 vue常用指令

1: v-model`<div id="box"> <input type="text" v-model="{{mas}}" /> </br> {{mas}} </div> <script> var a = new Vue({ el:"#box",

2017-05-12 14:31:54 316

zw1046921704的博客