点这个链接可以直接看到效果:http://www.zhouyangyang.com/c… 这是公用样式 .outer { width: 150px; height: 200px; background: pi…
分类:前端
weex ui组件库
写在最前面 Docs:https://houbank.github.io/dro…GitHub:https://github.com/hbteam/wee…HTML5在线demo演示:https:…
三目运算符
文章目录 三目运算符 1. 三目运算符 1.1 三目运算符的定义 1.2 三目运算符的应用 1.3 三目运算允许对不同类型的数值进行操作 三目运算符 1. 三目运算符 1.1 三目运算符的定义 三目运算符:计算机C/C+…
Codepen 每周精选:展现 WEB 魅力的 26 个页面特效(2018-6-4)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 一个正 20 面体的骰子https://codepen.io/chrisvfrit… 2. 纯 css 写的夜间景色的视差滚动效…
Mpvue 小程序转 Web 实践总结
介绍 Mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套…
通过jquery来进行“批量操作”表格中内容
通过jquery来进行“批量操作”表格中内容 作为一个职场小白,那就是遇到问题,多百度,多总结,多分享。今天,我遇到了这个小问题:点击按钮,拿到被选中项的id,以数组的形式返回出来。下面 上 例子: <!DOCTY…
利用js复制文本框里面的内容到剪切板,并且隐藏文本框
在页面中有时需要用到复制这个功能,提高用户体验。而内容是放在div中展示的不可以让用户修改。就相当于页面中有两个重复的内容,一个是用才展示给用户的,一个是用来复制的,而这个复制的用户看不到内容。 代码: <!DOC…
Vue中将文件批量下载打包成zip格式
1、下载插件 npm install jszip npm install file-saver 2、在vue文件中使用 import JSZip from'jszip' import FileSaver from'fil…
web 前端修炼之道
1.块级元素和行内元素的区别 块级元素即使设置了宽度,仍然是独占一行的, 块级元素可以设置margin和padding属性。行内元素的margin和padding属性只有水平边距,没有竖直边距。 竖直方向的padding…
未知宽度水平居中的几种方法
在某些特定的场合,在没有知道宽度的情况下却要求水平居中,前段时间在写分页的时候碰到了这个问题。当时在网上找了一些解决方法,并选了一个最合适的方法,现将当时整理的一些方法发出。下列以分页作为演示说明: 点击查看演示DEMO…
Vue基础
查看 原文站点,更多扩展内容及更佳阅读体验! Vue基础 构造函数Vue的根实例new Vue({}),并启动Vue应用。 var app = Vue({ el: "#app", data: {}, methods: {…
拖动图片,改变图片位置
js部分 // 正在拖动的图片的父级DIV var srcImgDiv = null; // 开始拖动 $(".img-div img").bind("dragstart", function() { srcImgDiv…