css实现对号小图标 .h { position: relative; width: 80rpx; height: 80rpx; background-color: rgba(0, 0, 0, 0.4); z-index: 5;}.h::before { content: ''; position: absolute; wi
css js html 实现滚动字幕 滚动字幕 字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~字幕会滚动啦~ #affiche { color: red; display: block; width: 96%;
Web移动端Fixed布局的解决方案 Web移动端Fixed布局的解决方案 移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。这篇文章解决了这个问题,是一个不错的方法。Web移动端Fixed布局的解决方案
Javascript的伪数组 Javascript的伪数组 在Javascript中什么是伪数组? 伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。 1.典型的是函数的 argument参数, 2.像调用getElementsByTagName,document.childNodes之类的,它们都返回 NodeList对象都属于伪数组。
webpack构建react项目和处理组件的依赖 webpack构建react项目和处理组件的依赖webpack的简介: 是facebook另一个神器,与react配合开发是目前web前端最主流的技术从诞生开始就是瞄准了目前的大型单页面app的开发1.能够实现管理模块依赖2.代码分割,资源压缩3.抽取公共模块的功能首先应该有nodejs的环境:1.通过npm安装webpack n
angularjs路由实现导航栏 angularjs路由实现导航栏第一种: 路由 a{ text-decoration:none; } 首页 公司简介 关于 联系我们 var app = angular.module('myApp',["ngRoute"]); app.confi
React属性传递 React属性传递 属性:属性是在一个组件被声明的时候就被(父组件)赋予的,并且不可以被修改.属性被传递的方式一般是在组件被调用的时候被传,除了可以传递字符串以外,还可以传,对象,数组. 属性的传递主要有两种方法:1. 属性的设置和传递(键值对设置):2.展开形式设置propsvarobj={name:"1",attr:"00
React动态添加事件 react事件 React .lala{ color:red; } var event={ Click:function(){ alert("点我干嘛?") }, Touch:function
React给添加元素增加样式 React给添加元素增加样式第一种方法: React .lala{ color:red; font-size: 40px; } var Hello=React.createClass({ render
ionic 下拉刷新 ionic 下拉刷新 下拉刷新 body{ cursor: pointer; } var my = angular.module('starter', ['ionic']) my.run(function($ionicPlatform) { $ionicPl
ionic 的 Drg拖动事件 ionic 的 Drg拖动事件 Drg拖动事件 body{ cursor: pointer; } var my=angular.module('starter', ['ionic']) my.run(function($ionicPlatform) { $ionicPlatform
js实现百度搜索接口及链接功能 js实现百度搜索接口及链接功能 anchor *{ margin:0; padding:0; } #wei{ width:500px; height:600px; margin:0 auto; border:0px solid gray; } #wei input{ width:476
angularjs实现百度的搜索接口及链接的实现 angularjs实现百度的搜索接口及链接功能 搜索 *{ margin:0; padding:0; } #wei{ width:500px; height:600px; margin:0 auto; border:0px solid gray; } #wei input{ width
angullarjs实现锚点楼层跳转 angullarjs实现锚点楼层跳转 anchor #wei div{ width:100%; height:720px; background: red; color:#fff; text-align:center; line-height: 720px; margin:20px; font-size
angularjs实现拖拽 angularjs实现拖拽 drag *{ padding:0; margin:0; } .wei{ width:100px; height:100px; background: red; position:absolute; cursor: pointer; /*left:0;top:0;*/
angularjs实现tab切换 angularjs实现tab切换 *{ margin: 0; padding: 0; } .box{ width:300px; margin:20px auto; height:200px; } #tab1 .first{ background: #f40; color:#fff;
angularjs的过滤器实现搜索与排序 angularjs的过滤器实现搜索与排序利用angularjs实现动态的插入以及利用过滤器进行数据的搜索以及排序. Document 姓名 年龄 {{arr1.name}} {{arr1.age}} // var wei = document.getElementById("wei"
Angularjs的工具方法 Angularjs的工具方法废话不说,直接上代码: function A(){ this.name="小虎"; } function B(){ this.sex="man"; this.age=18; } var a = new A(); var b = new B(); //继承,a继承b angu
angularjs之购物金额计算 angularjs之购物金额计算当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angularjs一种新的方法进行购物车总额的计算.代码如下: angular 价格: 数量: 运费:{{cup.fee|currency:"¥"}} 总金额:{{all()|currency:"¥"}} // 购物金额计算 func
实现页面之间的参数传递 实现页面之间的参数传递 当我们在本界面需要接受上一个界面传来的参数时,我们应该怎么做,比如我们做一些电商网站,对于商品详情页,我们需要从上一个界面传来参数,然后根据传来的参数,这是一般传来的是商品的id等,我们根据传来参数利用AJAX取对应的数据,完成数据的显示。下面是一个简单的例子,来实现简单的页面传参。当理解了之后,就可以与ajax结合实现从json数据中取进行判断显示了。下