- 博客(80)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序图片排列扭曲问题
可以看到上面两排图片不对齐，后来发现是因为每个图片外面的view设置了padding:.sec3_images>view>view>view{ display: flex; flex-direction:column; width: 49.5%; padding:1%;}把padding去掉就ok。
2018-01-31 19:02:10
755
转载 react native 各种居中
import React,{Component} from 'react';import {View,Text} from 'react-native';export default class Demo13Component extends Component{ render(){ return (
2018-01-31 17:40:33
1380
转载 react native fetch
import React,{Component} from 'react';import {Button} from 'react-native';export default class Demo10Component extends Component{ handlePress(){ fetch("http://176.51.6.120/admin/data/pr
2018-01-31 15:19:28
240
转载 react native TouchableOpacity(点击渐变) TextInput
import React,{Component} from 'react';import {View,Button,Text,TouchableOpacity,TextInput} from 'react-native';export default class Demo09Component extends Component{ handlePress(){ al
2018-01-31 14:07:54
640
转载 react native FlatList
高性能的列表组件import React,{Component} from 'react';import {View,Text,FlatList} from 'react-native';export default class Demo08Component extends Component{ constructor(){ super(); t
2018-01-31 10:39:38
271
原创 react native 路径对，但读取图片错误问题
import React,{Component} from 'react';import {Image,View} from 'react-native';export default class Demo03Component extends Component{ constructor(){ super(); this.state={
2018-01-30 19:23:36
1644
原创 react native搭建环境时遇到的问题
这里主要谈谈模拟器的问题。前面打算在电脑上安装海马玩模拟器，结果安装失败，当初不知道怎么解决。今天搭建模拟器时，首先尝试了在百度搜索上下载的Bluestacks蓝叠模拟器，结果发现Dev Settings窗口始终抖不出来，估计是bug。后面又尝试海马玩模拟器，通过驱动人生更新驱动后，发现可以安装了(主要是更新了显卡驱动)。后面发现这个版本的蓝叠模拟器可以用。
2018-01-30 19:06:44
381
转载 移动端开发模式
1、WebApp 理解1： 通过前端技术，编写的可以运行在手机浏览器端的网页，提供的用户体验，类似于app 理解2： 结合着前端技术，加上原生开发时WebView组件，生成的应用程序优势：跨平台2、NativeApp 调用官方所提供的SDK(software develop kit)中的控件来编程，生成安装在手机操作系统中的app
2018-01-30 11:23:25
469
原创 小程序 tab切换
index.wxmlindex.jsswitchNav: function(event) { var cur = event.currentTarget.dataset.current; if (this.data.currentTab == cur) { return false; } else { this.setData({ cur
2018-01-29 17:08:34
1023
原创 小程序 input placeholder高度与input默认高度冲突问题
今天把input里的placeholder设置为22rpx，发现鼠标点击时，闪烁的图标高度总是大于placeholder高度，尝试了其他办法，搞不定，最后使用了textarea标签代替input标签。
2018-01-29 14:37:20
3246
原创 小程序背景图片问题
今天在小程序中设置了背景图片，发现不好使。不管是设置内联样式还是放在外部样式表，甚至加上!important都不好使，怎么办？后来查了下，发现可以通过标签设置一张图片做为背景图片，并把这张图片上的内容，例如text等标签放到之间，并且可以设置z-index突出层级关系。就ok了。
2018-01-29 10:18:10
870
原创 模块图片平铺、拉伸
参考效果网址：点击打开链接index.html function getId(id){ return document.getElementById(id); } img1.onmouseover=function(){ getId("img2").style.left="40%"; getId
2018-01-28 18:13:52
510
转载 angular 一般配置
app.module.tsimport { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import {AppRoutingModule} from './app.router';import {FormsModule} from '@angu
2018-01-24 11:51:47
291
转载 angular 嵌套路由
mylogin.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'mylogin', template: ` 登录页 查看邮件 `})export class MyLoginComponent impleme
2018-01-23 16:01:16
887
转载 angular 路由传参
cart.component.tsimport { Component, OnInit } from '@angular/core';import {Router} from '@angular/router'@Component({ selector: 'cart', template: ` 购物车页面 去结算 去结算
2018-01-23 14:51:34
393
转载 angular router
login.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'login', template: ` 这是登录页面 `})export class LoginComponent implements OnInit {
2018-01-23 10:56:13
348
原创 js——坑15 异步执行(setTimeout)
for(var i=0;i<5;i++){ var f=setTimeout(function(){ console.log(i); },i*1000); console.log(f); }上面代码输出：123455个5，每隔1s输出一次1,2,3,4,5是f的循环输出，也是setTimeout的返回值，返回值从1开始，每执行1次，返回
2018-01-23 09:03:17
373
原创 js——坑14 定时器加快
一共遇到两次定时器加快的情况了。第一次是因为清除定时器时把timer=null写在了clearInterval(timer)之前。这一次是因为onmouseout时竟然执行了两次time函数(time函数内启动定时器)，相当于开了两个定时器，所以时钟加快。如下这样写就不会有问题了：var t=null; function time(){ if(t==nu
2018-01-23 08:48:50
1103
转载 angular 网络请求
demo13.component.tsimport { Component, OnInit } from '@angular/core';import {MyHttpService} from './myhttp.service';@Component({ selector: 'demo13', template: ` http 按钮
2018-01-22 16:23:43
922
转载 angular services
demo.component.tsimport { Component, OnInit } from '@angular/core';import {UserService} from './user.service';import {HeartService} from './heart.service';@Component({ selector: 'demo12',
2018-01-22 15:31:53
300
原创 hover onclick冲突
今天遇到一个问题：要求是一个div，hover是一种样式，onclick后是另一种样式，结果两者冲突，当点击后，还是hover的样式，只有离开div才是onclick，所以就用了!important。后来自己又尝试了一个测试程序，发现onclick后hover无法生效，还是用了!important。主要原因是两者本身就有冲突，再加上操作的样式中有重复的。测试程序：
2018-01-22 13:53:28
1417
原创 JS——坑13
停止定时器 var count=1000; var timer=setInterval(()=>{ --count; console.log(count); },1000); function pause(){ clearInterval(timer); timer=null; } 如果将上面pause()中的两条语句调换，则点击按
2018-01-22 11:08:58
269
转载 动态样式绑定 定时器
demo.component.tsimport { Component, OnInit, OnDestroy } from '@angular/core';@Component({ selector: 'demo10', template:` 精彩 `})export class Demo10Component implements OnIni
2018-01-22 10:02:01
328
转载 angular 动态绑定样式
demo09.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'demo09', template: ` 按钮 透明度是动态绑定过来的 `, styleUrls:['./test.css']})expor
2018-01-19 18:01:46
2391
转载 angular 父子通信
xiaotou.component.tsimport { Component,OnInit } from '@angular/core';import { DaTouComponent } from './datou.component';@Component({ selector: 'xiaotou', template: ` 这是父组件
2018-01-19 17:13:33
341
转载 angular 自定义指令
demo06.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'demo06', template: ` 这是自定义指令demo `})export class Demo06Component implements OnInit
2018-01-19 15:23:43
444
转载 闭包——匿名函数自调
第一个链接 第二个链接 第三个链接 第四个链接 var links=document.getElementsByTagName("a"); for(var i=0;i<links.length;i++){ (function(i){ links[i].onclick=function(){ alert(i+1); } })(i); }
2018-01-18 19:17:41
387
转载 ng-container ng-for ng-if 数据类型
import {Component} from '@angular/core'@Component({ selector:'demo03', template:` 这是demo03 {{"index is "+myIndex+" value is
2018-01-18 18:57:54
2190
转载 第一个组件
demo01/demo01.component.tsimport {Component} from '@angular/core'@Component({ selector:'demo01', template:`this is our first component`,})export class Demo01Component{} app.component.ts
2018-01-18 16:48:33
274
转载 图片路径问题(静态、动态)
（1）<img src="../assets/img/favicon.ico">（2）v-for="u in list"<img class="pic" :src="require('../assets/'+u.avatar)">（3）示例1：（图片排列比较整齐时）this.$http.get("http://localhost/wyyx/indexProLis
2018-01-18 16:43:20
1335
转载 搭建angular开发环境
1、下载quickstart点击打开链接2、在quickstart目录下输入npm install3、npm start4、localhost：3000
2018-01-18 15:46:21
293
转载 js兼容
（1）ajax的实现方式不同，这个我所理解的是获取XMLHttpRequest的不同，IE下是activeXObject；（2）标准的事件绑定方法函数为addEventListener，但IE下是attachEvent；（3）事件的捕获方式不一致，标准浏览器是由外至内，而IE是由内到外，但是最后的结果是将IE的标准定为标准；（4）我们常说的事件处理时的event属性，在标准浏览器其是传入的，IE下
2018-01-18 10:42:29
232
原创 css兼容
1、透明度一般在ie中用的是filter:alpha(opacity=0)在firefox中，一般就是直接使用opacity:02、IE的怪异盒子在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）当设置为
2018-01-18 10:36:02
213
转载 声明提前
function fn(a){ console.log(a); //输出函数 var a=2; //声明提前 function a(){}; //声明提前 console.log(a); //输出2 } fn(1);
2018-01-18 08:50:59
185
原创 解决vue无法解析.ico结尾图片路径
上面路径是对的，可是报错说找不到，why？后来查找资料才发现，vue框架默认配置图片格式没有ico的，所以需要手动加上在bulid/webpack.base.conf.js中有如下一行：test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,上面这是已经加上ico的，但是发现还是报错，难道还有其他问题？不是的，是因为改了配置后需要退出再启动服务才行。做完这些
2018-01-16 18:58:59
1853
转载 模板2——复合组件、引入bootstrap和jquery、向服务器发送http请求
list.vue 列表页 {{tmp}} import MyFooter from '@/components/MyFooter' export default{ data:function(){ return {list:[100,200,300]} }, methods:{ jump(myInd
2018-01-16 16:39:28
423
转载 vue模板1——list detail
List.vue 列表页 {{tmp}} export default{ data:function(){ return {list:[100,200,300]} }, methods:{ jump(myIndex){ this.$router.push('/myDetail/'+myIndex);
2018-01-16 14:02:56
911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人