前端
关注
分享
扫一扫
html、css,javascript,jquery
Asteroid 325
专注自己和专注自己热爱的事。Cross my fingers for me.
展开
-
找图片资料
iconfont图标 https://www.iconfont.cn/search/index?searchType=icon&q=发布&page=1李老师网盘 http://jimli.synology.me:5000/d/f/584470470143817637西田图像 https://www.sitapix.comcoloradobe色轮 调色盘产生器 https://color.adobe.com/zh/create/color-wheelveer图库原创 2021-03-06 14:30:34 · 237 阅读 · 0 评论 -
css3的box-sizing:border-box；
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。假设我们需要一个五列的布局。我们要考虑的第一件事就是外边距（margins）.假设所有的列都需要4%的外边距，我们需要为所有的外边距保留20%（4%*5（5列）=20%）的占宽比；然后我们从总宽比（100%）里面减去20%，得到的就是转载 2020-09-21 22:56:36 · 727 阅读 · 0 评论 -
Promise
一，何为Promise？为了直观一点，首先我们采用console.dir(Promise)看一下它的结构组成。从上面的图片中我们可以到，**Promise其实是一个构造函数，它有resolve，reject，race等静态方法;它的原型（prototype）上有then，catch方法，**因此只要作为Promise的实例，都可以共享并调用Promise.prototype上面的方法(then,catch),接下来我们试着使用一下Promise。二.Promise的使用首先我们来看一下Promis转载 2020-09-17 16:29:04 · 98 阅读 · 0 评论 -
异步请求
异步请求当浏览器向服务器发送同步请求时，服务处理同步请求的过程中，浏览器会处于等待的状态，服务器处理完请求把数据响应给浏览器并覆盖浏览器内存中原有的数据，浏览器重新加载页面并展示服务器响应的数据。那么，有没有一种技术，可以让浏览器发送请求给服务器，服务器处理请求的过程中，浏览器不处于等待的状态，并且浏览器接收响应数据的同时不再重新加载整个页面，既请求发送之前的数据不丢失，又能实现页面的局部刷新呢？那就要用到ajax请求——异步请求模型，那么异步请求的原理是什么呢？我们知道，在同步请求模型中，浏览器是直转载 2020-09-17 15:11:07 · 4409 阅读 · 0 评论 -
前端路线
原创 2020-08-22 19:45:36 · 200 阅读 · 0 评论 -
thinkphp的extend和block
2.定义模板页面base.html(剩下的页面都可以继承这个页面)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> {bl.转载 2020-07-05 22:31:10 · 825 阅读 · 0 评论 -
微信小程序1/7---------配置tabBar--对若干一级页面的入口链接
原创 2020-07-03 23:17:19 · 252 阅读 · 0 评论 -
微信小程序-----1.6从about页跳到weekly页
text内只能是纯文本，所以上述没有效。原创 2020-07-03 21:41:12 · 314 阅读 · 0 评论 -
layui遇到的弹出层被遮挡的问题
layui弹出层被遮挡的话 area: ['100%', '100%'], offset:['0px','0px']， <a href="javascript:;" onclick="editPassword();" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>原创 2020-07-02 16:58:39 · 2852 阅读 · 0 评论 -
css--------------z-index
z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。img{ position:absolute; left:0px; top:0px; z-index:-1;}</style>...原创 2020-07-02 15:38:48 · 125 阅读 · 0 评论 -
微信小程序1/5-------新增页
将多个页面需要的样式提取到app.wxss中原创 2020-07-01 21:42:03 · 214 阅读 · 0 评论 -
css---font-weight文本的粗细
font-weight 属性设置文本的粗细属性：normal 默认值。定义标准的字符。bold 定义粗体字符。bolder 定义更粗的字符。lighter 定义更细的字符。原创 2020-07-01 20:56:13 · 272 阅读 · 0 评论 -
微信小程序-----------响应式长度rpx
原创 2020-07-01 20:49:40 · 477 阅读 · 0 评论 -
css---border_radius
属性定义及使用说明border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性提示： 这个属性允许你为元素添加圆角边框！原创 2020-07-01 20:48:47 · 215 阅读 · 0 评论 -
Expecting ‘STRING‘,‘NUMBER‘,‘NULL‘,‘TRUE‘,‘FALSE‘,‘{‘,‘[‘, got INVALID报错
小程序报错：把json文件里的注释全部删掉，json文件里不能有注释原创 2020-07-01 20:36:49 · 1214 阅读 · 0 评论 -
微信的openid
微信h5静默、非静默授权获取用户openId的方法和步骤:一、openId是什么？openId是用户在当前公众号下的唯一标识（‘身份证’），就是说通过这个openId，就能区分在这个公众号下具体是哪个用户。二、openId有什么用？假如用户A在当前公众号下购买了一件商品，用户的下单信息肯定要存储到后台数据库，那根据什么进行存储呢？openId是用户在当前公众号下的唯一标识，通过openId和用户的下单购买信息进行键值对的数据绑定。那么我要查询该用户购买过什么商品，就能够通过openId去查询，并且数转载 2020-06-20 17:21:07 · 3881 阅读 · 0 评论 -
微信小程序-----1/3应用弹性盒子布局
.container{ background-color: #eee; height: 100vh; display:flex; flex-direction:column; justify-content: space-around; align-items: center;}flex布局是什么?flex是Flexibe Box 的缩写,意思为”弹性布局”, 用来为盒子模型提供最大的灵活性;采用flex布局的元素,称为flex容器,它的所有字元素...原创 2020-06-18 18:03:53 · 1231 阅读 · 0 评论 -
微信小程序----1/2
原创 2020-06-17 22:44:58 · 165 阅读 · 0 评论 -
微信小程序-------1/1
小程序简介1/1、小程序的开发准备工作发展过程原创 2020-06-16 20:19:17 · 190 阅读 · 0 评论 -
微信小程序7---新页面的创建和页面代码组成结构
方式1编译后会自动出现about:方式2手动点击pages文件夹，右击点击新建目录，命名为news，则原创 2020-04-26 14:14:11 · 495 阅读 · 0 评论 -
微信小程序6--app.json代码编写
"enablePullDownRefresh": true, 是否可以拉下刷新路径都是页面pages:页每个页面的如果与上面的app.json的window中的不一样，到自己的页面的json里修改不一样的字体颜色tabBar不能在单页面写和设置们只能在app.json里设置tabBar不能设置大小networkTimeout:超时时间r...原创 2020-04-26 03:36:54 · 780 阅读 · 0 评论 -
微信小程序4--微信WEB开发者工具的安装和项目创建
微信小程序原创 2020-04-23 16:01:10 · 261 阅读 · 0 评论 -
微信小程序3--微信小游戏
原创 2020-04-23 09:48:29 · 1124 阅读 · 1 评论 -
微信小程序2
订阅号：推送一天一次，不可以直接关联微信支付服务号：推送一周一次，可以直接关联微信支付原创 2020-04-23 09:34:19 · 145 阅读 · 0 评论 -
微信小程序1
原创 2020-04-23 00:29:42 · 149 阅读 · 0 评论 -
Vue---1
vue的实例对象和插值表达式console.log(app);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue-v2.6.11.js...原创 2020-02-26 17:24:59 · 266 阅读 · 0 评论 -
jQuery--summary[9]ajax
jQuery - AJAX 简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或...原创 2019-12-10 11:17:59 · 129 阅读 · 0 评论 -
jQuery--summary[8]过滤
缩小搜索元素的范围三个最基本的过滤方法是：**first(), last() 和 eq()，**它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法first() 方法返回被选元素的首个元素。下面的例子选取首个 <div> 元素内部的第一个 &...原创 2019-12-10 10:58:31 · 106 阅读 · 0 评论 -
jQuery--summary[7]
jQuery 遍历什么是遍历？jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。图示解析：...原创 2019-12-10 09:30:54 · 121 阅读 · 0 评论 -
jQuery--summary[6]
jQuery - 获取并设置 CSS 类通过 jQuery，可以很容易地对 CSS 元素进行操作。 切换 CSS 类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作...原创 2019-12-10 07:02:56 · 255 阅读 · 0 评论 -
jQuery--summary[6]
jQuery - 删除元素通过 jQuery，可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法：remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素<!DOCTYPE html><html> <head> <meta charset="...原创 2019-12-09 22:19:03 · 94 阅读 · 0 评论 -
jQuery---summary[5]
jQuery - 添加元素通过 jQuery，可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法：append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容append()/prepend()<!DO...原创 2019-12-09 21:49:33 · 141 阅读 · 0 评论 -
jquery--summary[4]
jQuery - 获取内容和属性jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。lamp DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准...原创 2019-12-09 17:08:17 · 142 阅读 · 0 评论 -
jQuery---summary3
jQuery 效果- 动画jQuery animate() 方法允许您创建自定义的动画1.jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长...原创 2019-12-08 18:33:37 · 121 阅读 · 0 评论 -
jquery---summary【2】
jQuery 效果 - 淡入淡出jQuery 拥有下面四种 fade 方法：fadeIn()fadeOut()fadeToggle()fadeTo()一、注意大小写，fadeIn() fadeOut() fadeToggle() fadeTo() 大小写不能变。二、fadeTo() 没有默认参数，必须加上 slow/fast/Time1.fadeIn()方法jQ...原创 2019-12-08 16:18:07 · 136 阅读 · 0 评论 -
jQuery--summary[1]学到的
jQuery下载手册jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程jquery 入门：什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函...原创 2019-12-07 20:39:56 · 151 阅读 · 0 评论 -
javaScript---js动画
1.js动画原理（匀速、碰撞）2.动画函数封装（getstyle,减速，透明度，多属性）3.轮播：透明度，水平原创 2019-12-01 15:12:27 · 159 阅读 · 0 评论 -
javascript--事件summary[1]
事件1.事件基础2.事件处理函数3.事件对象4，事件默认行为及阻止方式5.DOM2级事件处理程序6.事件委托机制1. 事件基础javascript事件是由web页面的用户引起的一条列操作。当用户执行某些操作的时候，再去执行一系列代码或者当用来获取事件的详细信息，如鼠标位置，键盘按键等2.事件处理函数javascript可以处理的事件：鼠标事件，键盘事件，HTML事件所有事件...原创 2019-11-20 12:16:33 · 361 阅读 · 0 评论 -
javascript--DOM-summary
DOMdocument object model 文档对象模型（DOM是“w3c文档对象模型”，是中立于平台和语言的接口，他允许程序和脚本动态的访问和更新文档的内容，结构，和样式）html,css页面内容js页面行为操作【注】DOM是打通html，css,js，壁垒的工具DOM的分类(3种)<div title="属性节点">测试div</div>1.元素节...原创 2019-11-19 10:10:22 · 165 阅读 · 0 评论 -
JavaScript--日期
日期日期对象Date创建：var d=new Date();alert(d); //Tue Nov 12 2019 11:44:43 GMt+800 参数：如果我们不传参数，默认获取的就是当前系统的时间我们所用的时间都是格林尼治时间，中国北京处于东八区生成日期对象的参数参数类型可以是：Date("2015/08/22")Date("2015-08-22")Date(201...原创 2019-11-12 20:34:15 · 134 阅读 · 0 评论