- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue双向数据绑定原理Object.defineProperty详解
代码思路：先给两个input的value赋一个初始值10通过Object.defineProperty给obj对象的name属性，一个get和一个set方法get方法是取obj.name属性的时候触发，set方法是给obj.name赋值的时候触发通过input.value=obj.name，把obj.name的值取出来(被取值)通过等号赋值给input.value给inpu...
2018-12-06 23:06:11
500
原创 Css3的animation属性实现雷达扩散效果
最终实现效果网址http://www.east.com.cn/（在网页底部可以看到）html代码<section id="map"> <div> <a href="" class="circle"></a> <a href="" class="ripple p1
2018-05-25 08:58:50
2183
原创 类似于阿里云首页banner的实现
https://www.aliyun.com/阿里云地址实现技术http://www.swiper.com.cn/和http://www.jq22.com/jquery-info178 核心代码 // swiper首页banner var swiperBanner = new Swiper('#banner .swiper-container', { spaceBetween: 30, ...
2018-04-01 14:14:52
2412
原创 网页常见数字滚动效果
//数字滚动代码function countUp(target, startVal, endVal, decimals, duration, options) { this.options = options || {useEasing: true, useGrouping: true, separator: ',', decimal: '.'} if (this.opti
2018-01-23 09:58:29
3723
原创 Vue组件命名踩坑
reportView-container组件在根实例引用<reportView-container></reportView-container>Vue会报错report-view-container这样写的话就没问题了
2018-12-20 16:14:45
573
2
原创 悬浮框随网页的滚动而滚动
$("#qqlayer")为悬浮框容器$("#qqlayer").css("top",$(window).height()/3+"px");var qqlayer_top = $("#qqlayer").offset().top;$(window).scroll(function(){ var offsetTop = qqlayer_top + $(window).scrollTop()-20+".
2018-06-06 15:25:17
3245
原创 input单选样式修改
html结构<input class="m_input" type="radio" id="male" checked="checked" name="sex"><label for="male">男</label><input class="m_input" type=
2018-05-17 12:32:38
1806
转载 textarea光标初始位置没有在左上角的问题
<textarea></textarea>标签之间不能有空格原文地址https://blog.csdn.net/balmunc/article/details/70599165
2018-05-16 15:53:24
874
1
转载 js判断设备响应不同网址
<script type="text/javascript"> // borwserRedirect (function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent...
2018-05-15 11:48:11
423
原创 属性排序找出最大，并在相应li上添加样式
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .hot{ dis
2018-04-09 10:49:32
141
原创 水波特效
类似于这种波浪效果的实现，css3<style> @keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) tran...
2018-04-01 14:10:40
1078
转载 GIT常用命令
原文地址:http://blog.csdn.net/m0_37805167/article/details/79176129转载朋友的，自己也记录一下git status 查看文件修改等状态git add 常用git add .git commit -m ” ” 用于将暂存的修改提交入仓库,提交信息是引号中文字git pull 从远端拉取代码git push 往远端推送代码git push ori...
2018-02-27 16:01:55
137
原创 HTTP/1.1可使用的方法
GET：获取资源POST：传输实体主体PUT：传输文件DELETE：删除文件OPTIONS：询问服务器支持哪些方法TRACE：追踪路径CONNECT：要求用隧道协议连接代理
2018-02-27 10:59:22
1608
原创 jsonp随笔小记
jsonp是一种解决跨域的方法，跨域是请求和被请求的双方不符合同源政策的情况下进行数据交互。jsonp的实现原理是利用script标签的src不受同源政策影响，通过动态给页面加入script标签，script标签的src后要有一个回调函数用来接收数据，以此达到跨域。...
2018-02-26 14:57:35
185
原创 图解http片段小记
客户端与服务器端交互，分为应用层-传输层-网络层-链路层。客户端发送数据通过应用层-传输层-网络层-链路层，相对应的当数据到达服务器端，接收数据依次从链路层-网络层-传输层-应用层依次接收。TCP协议的三次握手，主要用来确保数据到达目标，当TCP发送数据包后，会携带SYN标志，接收端收到后会回传一个带有SYN/ACK标志的数据包来传达确认信息，最后发送端在回传一个ACK标志的数据包代表三次握手结束...
2018-02-25 20:57:11
204
原创 rem布局js设置
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {
2018-01-24 10:33:40
1368
原创 Canvas实现小星星闪烁效果
html结构: src="banner01.jpg" alt=""> script:$(function () { //进行浏览器环境检测 //IE版本检测，非IE浏览器返回east.NOT_IE var NOT_IE = 1000; var ieVersion; if(navigator.appName ===
2018-01-23 18:06:35
1604
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人