dfe3318-CSDN博客

转载百度小程序自定义组件component

1.新建component组件 list2.index页面引入list组件在json页加入正确示例"navigationBarTitleText": "智能小程序示例","usingComponents": {"searchs": "/components/searchInput/searchInput","search-list": "/componen...

2019-07-04 17:22:00 911

转载 es6扩展运算符与可变参数

扩展运算符 : ...val如果我们要合并两个数组常用方法：var params1 = [1, 2,4];var params2 = ['a', 'b', 5].concat(params1);console.log (params2):输出：[1，2，4，‘a’，‘b’, 5]es6用法：var params1 = [1, 2,4];var par...

2019-07-04 10:03:00 220

转载百度小程序开发总结

1，template 引用涉及到页面布局相同，内容不同的可以用template引用方式一：<import src="./person-card.swan" /><template is="person-card" data="{{person}}" />方式二：<include src="header.swan" />2.filter过...

2019-07-03 17:44:00 219

转载正则表达式-梳理

先贴上两个地址，正则表达式的生成工具，第三个是正则表达式的生成图文解析，并测试正确与否1，http://www.bejson.com/othertools/regex_create/2，http://tool.oschina.net/regex/#3，https://regexper.com/#.手机号：var pattern = /^0?(13|14|15|1...

2019-07-01 11:50:00 95

转载 SVG初识

SVG 意为可缩放矢量图形（Scalable Vector Graphics）个人认为现在svg可能有点过时了，svg的很多功能css3或者canvas都能做到很好的效果，但是刚刚研究了一下还是看到了一些很实在的写法。优势：SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质...

2018-09-03 16:12:00 131

转载移动端兼容适配js+css全局样式

这是研究了淘宝和拉钩以及网易的兼容全局样式后，提取的兼容样式，经过实战可用css全局样式@media screen and (max-width:321px){ body,html{font-size:15px}}@media screen and (min-width:321px) and (max-width:400px){ body,html{font-size...

2018-08-31 16:21:00 172

转载 css3在IE下兼容

原文地址：http://blog.csdn.net/bingqingsuimeng/article/details/44201433做前端的同学都应该听说或者用过，是一段脚本，可以让ie实现css3里的圆角和阴影效果。css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。ie-c...

2018-01-18 15:25:00 175

转载 input各种输入验证

限制输入框只能输入数字，并且保留两位小数<input type="text" onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0?(/\.0?$/.test(value)?value:p2.replace(/0$/,'').replace(/\.0$/,'')):''" onblur="valu...

2018-01-16 16:22:00 148

转载从底部上升

<div id="id1" style="background-color: yellow;width:100%; height:0px; position:absolute; right:0; bottom:0px;">122222</div><script language="javascript" type="text/javascript"> ...

2018-01-09 10:48:00 82

转载 textarea聚焦的多种写法

1、textarea标签内容复制代码代码如下:<span style="font-size:14px;"><tr><td align="right" valign="top">备注：</td><td><textarea name="" id="remark" cols="" rows="" class="te...

2017-10-19 15:16:00 699

转载 vue.js入门

通过npm，安装vue 最新稳定版本$ npm install vue# 最新稳定 CSP 兼容版本$ npm install vue@csp# 开发版本（直接从 GitHub 安装）$ npm install vuejs/vue#dev# 最新稳定版本$ bower install vue新建一个应用，实现双向绑定引入vue.js文件<script...

2017-07-11 16:01:00 61

转载全选，反选

<section class="order-list" id="pagination"> <ul id="p1" class=" _current" > <li class=""> <input type="checkbox" onclick="selectAll()"> ...

2017-07-11 10:46:00 86

转载 jquery列表，点击反应

$(document).ready(function() { $('#product-type>a').click(function () { $("#product-type>a").eq($(this).index()).css("background-color", "yellow"); });});转载于:http...

2017-06-02 16:19:00 86

转载 echarts动态数据获取展示（地图，折线图）

1.引入相应的js文件，这是基本，注意要使用的js<script src="js/echarts/build/dist/echarts.js"></script><script src="js/echarts/doc/asset/js/esl/esl.js"></script><script src="js/echar...

2017-05-18 16:55:00 1702

转载移动端的公共样式库

@media screen and ( min-width: 319px){html{ font-size: 100px;}}@media screen and ( min-width: 359px){html{ font-size: 106px;}}@media screen and ( min-width: 383px){html{ font-size: 112px;}}@media...

2017-05-09 14:47:00 152

转载弹出层

2017-05-09 10:51:00 74

转载 eharts入门篇一

1.导入文件样式从官网下载界面选择你需要的版本下载，根据开发者功能和体积上的需求，我们提供了不同打包的下载，如果你在体积上没有要求，可以直接下载完整版本。2，引入 ECharts 文件<scprpt src="echarts.min.js"></script>3.在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。(注意必须要给...

2017-04-27 16:11:00 210

转载手机侧滑导航栏

<!DOCTYPE html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, u...

2017-04-19 15:43:00 114

转载用js+cookie实现商城的购物车功能

页面上的添加功能主要就是两个按钮<input name="buy" type="image" alt="第一个商品" src="images/buy.gif" align="middle" onclick="getInfo();" style="float:left;" /> <h1>商品1</h1><br/> &l...

2017-04-11 11:03:00 213

转载实现文字底部居中

.txt{ height:300px; width:300px; border:1px solid #333333; text-align:center; position:relative }.txt p{ position:absolute; bottom:0px; padding:0px; margin:0px}...

2017-04-01 11:39:00 693

转载超出两行或三行显示省略号

.p1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }　<p class="p1">老师附件是肯定附件是独立开发建设的开发到了福克...

2017-04-01 11:36:00 110

转载 clear-fix清除浮动的两种写法

1. [代码]clearfix 清除浮动 .clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .clearfix {zoom: 1;}2. [代码]clea...

2017-03-31 12:17:00 250

转载 sass学习入门篇（三）

这章我们讲“嵌套”，嵌套包括两种：一，选择器嵌套。二是属性的嵌套。一般用选择器嵌套居多一，选择器嵌套：指的是在一个选择器中嵌套另一个选择器来实现继承。使用&表示父元素选择器li{float :left; a{ color:#fff; &:hover{ color:#ddd; ...

2016-05-26 18:03:00 91

转载 sass入门学习篇（二）

从语法开始但是语法也不是一两句的事情，首先看基本的导入，使用一，sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，建议scss.二，导入使用@import导入但是和css导入有点区别。比如基础的文件命名：_mixin.scss导入的时候可以省略下划线写成：@import "mixin"三，注释sass有...

2016-05-26 16:11:00 75

转载 sass入门学习篇（一）

先简单的介绍一下sass，如果你了解less,sass就没什么太大问题Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、mixins、导入等众多功能，并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好，同时也让你能够快速开始小型项目，特别是在搭配Compass 样式库一同使用时。这一段是百度的，本人总结还不行。...

2016-05-26 14:27:00 88

转载 CSS3 基础知识[转载minsong的博客]

CSS3 基础知识1.边框 1.1 圆角border-radius:5px 0 0 5px; 1.2 阴影box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3...

2015-12-15 15:48:00 58

转载 js倒计时，秒倒计时，天倒计时

按天倒计时HTML代码1:<Script Language="JavaScript"> <!-- Begin var timedate= new Date("January 14,2006"); var times="研究生考试"; var now = new Date(); var date = time...

2015-12-09 10:30:00 163

转载 webstorm快捷键收集【转发】

WebStorm快捷键收集1、webstorm快捷键：IntelliJ-Idea 的快捷键Ctrl+/或Ctrl+Shift+/注释（//或者/*…*/）Shift+F6重构-重命名Ctrl+X删除行Ctrl+D复制行...

2015-12-08 15:58:00 171

转载 placeholder各种浏览器兼容问题

只要在页面上引入placeholder.min文件，再以$('input,textarea').placeholder();就可以兼容ie等各种浏览器。placeholder.min.js文件链接：http://pan.baidu.com/s/1eRaOoy2转载于:https://www.cnblogs.com/937522zy/p/5025333.html...

2015-12-07 10:09:00 80

转载 bootstrap快速入门笔记（九）-响应式工具

一，可用的类超小屏幕手机 (<768px)小屏幕平板 (≥768px)中等屏幕桌面 (≥992px)大屏幕桌面 (≥1200px).visible-xs-*可见隐藏隐藏隐藏.visible-sm-*隐藏可见隐藏隐藏.visible-md-*隐藏隐藏可见隐藏.visible-lg-*...

2015-12-01 19:01:00 87

转载 bootstrap快速入门笔记（八）-按钮，响应式图片

一，默认样式:.btn-default , .btn-primary , .btn-success ,.btn-info, btn-warning ,btn-link二，尺寸：.btn-lg, .btn-sm, .btn-xs和。.btn-block：可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block）元素。三，激活状态：对于<button>元素...

2015-12-01 18:34:00 82

转载 bootstrap快速入门笔记（七）-表格,表单

一，表格1，<table>中加.table类2，条纹表格：通过.table-striped类可以给<tbody>之内的每一行增加斑马条纹样式。　　**跨浏览器兼容性：条纹状表格是依赖:nth-childCSS 选择器实现的，而这一功能不被 Internet Explorer 8 支持。3，带边框的表格.table-bordered:&l...

2015-12-01 16:52:00 131

转载 bootstrap快速入门笔记（六）-代码

一，内联代码<code>:For example, <code><section></code> should be wrapped as inline.二，用户输入<kbd>:用户通过键盘输入的内容:To switch directories, type <kbd>cd</kbd&gt...

2015-12-01 14:54:00 87

转载 bootstrap快速入门笔记（五）-文本元素类，各种标签,排版

1，h1到h6这里也有定义了2，全局元素被直接赋予font-size设置为14px，line-height设置为1.428，<p>（段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）3，“.lead”：让段落突出显示，就是字体加大了，加粗了。4，<mark>内联文本元素；文字背景是黄色；5，<del&...

2015-12-01 14:40:00 114

转载 bootstrap快速入门笔记（四）-less用法指南， mixin和变量

一，less变量,less文件1.bootstrap.less这是主要的 Less 文件。该文件中导入了一些其他的 less 文件。该文件中没有任何代码。2.forms.less这个 Less 文件包含了表单布局、输入框类型的样式。3.mixins.less4.这个 Less 文件让 CSS 代码可重复使用。5.patterns.less这个 Less 文...

2015-12-01 11:47:00 184

转载 bootstrap快速入门笔记（三）响应式，行,列，偏移量，排序

一，响应式列重置 .clearfix<div class="row"> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> &l...

2015-11-30 20:04:00 164

转载 bootstrap快速入门笔记（二）-栅格系统，响应式类

一，栅格系统大致有以下：1，行row必须包含在.container（固定宽度）或.container-fluid（100% 宽度）中，一行有12列2.“列（column）”在水平方向创建一组列col,只有列能作为行的直接子元素.row .col-xs-4　　通过列设置padding属性，通过为.row元素设置负值margin从而抵消掉为.container元...

2015-11-30 19:44:00 118

转载 bootstrap快速入门笔记（一）

一，头部基本格式：<head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <meta name="...

2015-11-30 18:44:00 56

转载 Angularjs快速入门（四）-css类和样式

例子：1 .error{background-color:red;}2 3 .warning{background-color:yellow;}View Code 1 <div ng-controller='HeaderController'> 2 <div ng-class='{error:isError,warning...

2015-11-30 14:21:00 52

转载 .NET 二维码生成（ThoughtWorks.QRCode）【转发jiangys】

.NET 二维码生成（ThoughtWorks.QRCode）2015-06-21 22:19 by jiangys,3790阅读,8评论,收藏,编辑引用ThoughtWorks.QRCode.dll （源代码里有）1、简单二维码生成及解码代码： //生成二维码方法一 private void CreateCod...

2015-11-26 14:18:00 101

空空如也

空空如也