- 博客(35)
- 收藏
- 关注
RSS订阅转载 小程序的get和post需要注意的地方
在进行异步请求之前先去小程序后台配置好服务器域名。get请求：header: { 'content-type':'json'}就可以。post请求：header: { 'content-type':'application/x-www-form-urlencoded'},转载于:https://www.cnblogs.com/ZM-ON...
2018-05-08 15:16:00
161
转载 CSS3 3D转换
三维变换使用基于二维变换的相同属性。3D变换功能与2D变换功能相当类似，css3中3D变换主要有4个功能函数： 1、3D位移：CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数。 2、3D旋转：CSS3中的3D旋转主要包括rotateX(),rotateY(),rotateZ(),rotate3d() 4个功能函数。 3、3D缩...
2018-05-01 15:47:00
126
转载 transform CSS3 2D知识点汇总
transform转换属性的5个值： 1、 translate（x值,y值） 移动效果。 2、rotate(45deg) 旋转效果。 3、scale(x轴倍数,y轴倍数) 缩放效果。 4、skew(x轴deg，y轴deg) 倾斜效果。 5、matrix() 矩阵转载于:https://www.cnblogs.com/ZM-ONE/p/89...
2018-05-01 10:42:00
104
转载 HTML5基础知识总结(一)
新增的标签和属性1、结构标签article section aside nav header footer hgroup figure address2、媒体标签video audio embed3、表单属性email url number range转载于:https://www.cnblogs.com/ZM-ONE/p/8974407.html...
2018-04-30 19:35:00
86
转载 自适应和响应式布局的区别，em与rem
自适应布局：不同终端上显示的文字，图片，等位置排版都是一样的，只是大小不同。 响应式布局：通过媒体查询监听屏幕大小的变化，做出响应式的改变，在不同设备可能展现不同的样式效果。 em:是相对其父元素的。 rem:相对于页面根元素，推荐使用rem。转载于:https://www.cnblogs.com/ZM-ONE/p/8969046.html...
2018-04-28 17:47:00
151
转载 减少页面加载时间的方法
1、优化图片2、优化CSS3、图片标明高度和宽度4、减少http请求转载于:https://www.cnblogs.com/ZM-ONE/p/8916850.html
2018-04-23 11:22:00
76
转载 node.js环境下写的vue项目
github地址:https://github.com/anxizhihai/JournalismProject.git转载于:https://www.cnblogs.com/ZM-ONE/p/8893293.html
2018-04-20 19:50:00
48
转载 vue.js组件之间的通信
父组件传值给子组件： 第一步：在data()里边添加值，我这里是调用接口的形式； 第二步：将值绑定在注册好的组件上第三步：在子组件里接受传递的值然后就可以在html里用传过来的值了。子组件传值给父组件第一步：用$emit()添加值触发text事件第二步：在钩子函数执行此方法或者在点击事件里触发此方法第三步：在父组件...
2018-04-16 19:55:00
48
转载 vue.js数组追加合并与对象追加合并的
今天在做懒加载的时候遇到的问题，在网上搜索找到的答案不是很清晰，就来写一下，方便以后使用。 直接上图吧 官方连接:https://cn.vuejs.org/v2/guide/reactivity.html转载于:https://www.cnblogs.com/ZM-ONE/p/8855660.html...
2018-04-16 14:18:00
945
转载 Vue指令 常见的几个内置指令
1、v-if指令:判断指令，根据表达式值得真假来插入或删除相应的值。2、v-show指令:条件渲染指令，无论返回的布尔值是true还是false，元素都会存在在html中，只是false的元素会隐藏在html中，并不会删除.3、v-else指令:配合v-if或v-else使用。4、v-for指令:循环指令，相当于遍历。5、v-bind:给DOM绑定元素属性。6、v-o...
2018-03-21 19:27:00
225
转载 JQuery手写一个简单的轮播图
做出来的样式:没有切图，就随便找了一些图片来实现效果，那几个小星星萌不萌。这个轮播图最主要的部分是animate()，可以先熟悉下这个方法。代码我放到了github上，链接:https://github.com/anxizhihai/Carousel_figure.git有兴趣的可以去看看。谢谢大家指正。转载于:https://www.cnblogs.com/...
2018-03-20 18:50:00
150
转载 推荐一款好用的日历插件
地址:http://www.layui.com/laydate/有详细的文档说明，基本满足各类需求，不谢哦转载于:https://www.cnblogs.com/ZM-ONE/p/8603703.html
2018-03-19 17:57:00
106
转载 JQuery获取复选框的值
在w3c看一下map()方法,就会了转载于:https://www.cnblogs.com/ZM-ONE/p/8568339.html
2018-03-14 16:22:00
77
转载 JQuery手写一个简单的分页
效果图:大概思路：使用ul进行初始布局，每一次点击事件改变li里的值。完整的代码在gitup上：https://github.com/anxizhihai/Paging.gitcss部分:html部分:JQuery部分:转载于:https://www.cnblogs.com/ZM-ONE/p/8567499.html...
2018-03-14 14:47:00
167
转载 JQuery给一个元素绑定两次点击事件(第二次点击事件)
由于项目的要求，需要给复选框设置样式，初始样式：，第一次点击的时候显示，第二次点击时候需要改变该样式:。 设计思路: 当点击次数为奇数时显示带有颜色的图片 当点击次数为偶数时显示没有颜色的图片下边是我封装的一个函数;转载于:https://www.cnblogs.com/ZM-O...
2018-03-14 14:25:00
717
转载 懒加载预加载(图片)
懒加载:只显示当前所能看到的页面的内容，这样做的好处可以减少服务器的压力，当页面继续往下拉的时候，再继续加载内容。预加载:一般用于图片加载，预先加载图片，还可以预先判断图片是否加载成功，如果加载不成功，可以使用本地图片替换，这样也能达到美观的效果.懒加载的主要代码:if(imgHeight < document.documentElement.clientHeight + ...
2018-03-06 19:51:00
99
转载 JQuery Ajax 使用FormData上传文件对象
FormData部分:先new FormData对象 :let somedata = new FormData(),然后将数据添加进去，这里我们使用append()进行添加。这里举一个上传头像的例子：let token = localStorage.token;let img = $(".file")..get(0).files[0];let somedata = n...
2018-03-05 19:33:00
98
转载 常用的伪类和伪元素
伪类：基于当前元素的状态，例如使用hover：显示隐藏一个div。 伪元素：对元素内的特定内容进行改变，例如使用:after给元素后边添加内容。常用的伪类：:link伪类将应用于未被访问过的链接，与:visited互斥。:hover伪类将应用于有鼠标指针悬停于其上的元素。:active伪类将应用于被激活的元素，如被点击的链接、被按下的按钮等。:v...
2018-03-04 17:52:00
176
转载 浮动产生的高度坍塌解决方法以及使用siblings()方法获取同级元素
高度坍塌：如果一个没有设置高度div里的元素都是浮动元素，这个时候就可能产生高度坍塌，因为div的高度都是普通元素撑起来的，div里的元素浮动之后，元素就会脱离文档流，所以父级的div高度就可能为零，解决办法，使用after伪元素： .div:after { content: '.'; ...
2018-03-04 17:37:00
86
转载 一招搞定css页面布局
如何做出漂亮的页面： 1、 多写页面，多改。 2、 多写页面，多改。 3、 多写页面，多改。大致的思想步骤： 写页面的时候先规划好大致的分块，无论是用定位或者浮动，首先要确定要应用的场景，使用完浮动后一定记得清楚浮动，使用定位时要清楚其他盒子会完全忽视这个定位的盒子，如果两个盒子都是定位并且重叠，这个时候，两个盒子都会是透明的。 关于布局，...
2018-03-04 15:34:00
56
转载 insertAdjacentHTML与innerHTML
insertAdjacentHTML:insertAdjacentHTML()将指定的文本解析为HTML或XML，并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接innerHTML操作更快。语法：element.insertAdjacentHTML(position, text)；bef...
2018-02-11 10:19:00
143
转载 js使用hover事件做一个“个人中心”的浮动层
原材料知识点：hoverhtml:css:转载于:https://www.cnblogs.com/ZM-ONE/p/8405749.html
2018-02-02 16:21:00
84
转载 通过ajax给后台提交数据时，radio性别数据的获取
通过ajax向后台异步发送数据，经常我们会遇到个人信息额提交，一般我们采用FormData来装数据。在装性别值得时候，我们会有两个radio框，获取radio值得方法如下：一般情况下，一个radio里边有四个属性，type = "radio" name = "names" value = man; checked = "checked" 在写html代码的时候，checked只能在...
2018-02-01 16:27:00
711
转载 使用transfor让图片旋转
材料：Transform，onmouseout，onmouseovercss:html:js:转载于:https://www.cnblogs.com/ZM-ONE/p/8350626.html
2018-01-25 12:02:00
131
转载 block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素...
block:块级元素默认display属性为block；无论块内内容有多少，总是占满一行；inline:行内元素默认display属性为inline；只占据块内的内容的大小，不会占满一整行；inline-block:将行内元素的display属性改为inline-block就可以控制行内元素的长和宽；常见的块级元素：div ul ol li dl dt p;常用的行内元素：...
2018-01-25 11:39:00
92
转载 使用classList来实现两个按钮样式的切换
classList属性的方法：add();remove();toggle();描述，在一些页面我们需要使用两个按钮来回切换，如图：我们要使用到add()和remove()方法html部分:<div class="login-title"><a href="javascript:void(0)" class="mya1" id="mya" onclic...
2018-01-23 19:05:00
426
转载 关于css透明度的问题
先看background和background-colorbackground:可以设置背景颜色，背景图片，还有定位。默认background:no-repeat;background-color:只可以设置背景颜色。默认background:repeat;设置透明度的方式有两种：第一种： opacity:0.5；这种设置透明度的方法会影响子节点。也就是说也会给后边节点的...
2018-01-18 11:42:00
90
转载 级动（两级联动）思路分享
原生js写级动首先先写两个<select>,第一级<select>里边填充你需要选择的第一级项第二个<select>,这里后边存放第二级选项首先先建一个数组，将省对应的市全部填写进去。我们获取第一级的对象和第二级对象，然后再返回当选中一级对象的时候索引值，然后再根据索引值找到第二级相对应的数组，然后以逗号为分割点，将数组分割成数组字符串...
2018-01-17 14:09:00
90
转载 js图片预览（一张图片预览）
核心思想：无论是一张图片上传还是多图上传，首先我们都需要先获得图片对象.栗子：<inuput type="file" id="myfile" onchange=" ">var myfiles = document.getElementById("myfile");接着我们使用URL.createObjectURL()方法获取选中的文件，语法：URL.cre...
2018-01-17 10:50:00
142
转载 js关于密码框强弱度的提示
三种密码强度的正则表达式：较弱：全是数字或全是字母 6-16个字符：/^[0-9]{6,16}$|^[a-zA-Z]{6,16}$/; 中级：数字、26个英文字母 6-16个字符： /^[A-Za-z0-9]{6,16}$/; 较高：由数字、26个英文字母或者下划线组成的字符串 6-16个字符： /^\w{6,16}$/;html部分： 密...
2018-01-16 16:53:00
189
转载 html单选框（性别选择）
在写单选框时，如何实现只能同时只能选择一个radio。将name设置为一样的数值；代码如下：<input class="myforms-3-2" type="radio" checked ="checked" name="2" value="sex1">男<input class="myforms-3-3" type="radio" name="2" va...
2018-01-16 14:44:00
3350
转载 盒子模型简述
盒子模型：盒子模型分为4个板块，分别是：margin,border,padding,content。margin:可以设置盒子的外边框与其他盒子之间的距离。border:可以设置盒子边框的属性，例如边框的高度之类的。padding:可以设置盒子里的内容与盒子内边框的距离，也就是content与内边框的距离。content:这个就是盒子里边的内容区域，例如可以放<a&...
2018-01-15 10:28:00
379
转载 关于网页布局的几个小知识点
1、内边距：在一个div块中实现注册和登录的切换时，登录和注册之间的距离可以使用padding来撑开，实现登录链接和注册链接之间的距离。2、padding和margin的区别：简单来说padding就是一个盒子内的内容距离盒子边框的距离，margin是盒子本身距离其他盒子之间的距离。border是盒子本身的边框。3、下划线：text-decoration:underline属性，...
2018-01-15 01:13:00
65
转载 js邮箱验证，身份证验证，正则表达式
邮箱验证：html部分：邮箱验证:<input type="text" id="mail" value="" / onkeyup="checkEmail(this.value)"> <span id="span1"></span>js部分：function checkEmail(str) { var em =...
2018-01-12 20:11:00
133
转载 js点赞效果图
点赞时点赞图标会发生变化。 html部分： <img src="img/icon_thumb_up.png" id="imgs1" style="display:none"> <img src=" img/icon_thumb_up_like_blue.png " id="imgs2" style="display:none"> <img...
2018-01-12 20:07:00
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人