TA的文章(16)
-
学习方法
1.上课认真听讲，不明白的问题等老师讲完了再去深究。2.多按着别人的代码抄，同时要去理解别人这些代码的作用。3.把老师发的代码，还有自己写的代码都存起来，当碰到类似问题，就能回去找到答案。4.当想到什么能不能用之类的时候，去写一遍就什么都知道了。5.多与同学讨论，这样也能互相学习。最后还是要多理解吧！
-
关于悬浮加边
我们做前端经常会遇到悬浮给盒子加边框操作，当一排有很多盒子的时候悬浮加边框就会挤动旁边的盒子。我总结了一下我自己知道的能解决，悬浮加边框挤动旁边盒子的方法。1. 悬浮的时候减少盒子的宽高，效果如下。2. 先设好一个透明的边框，再悬浮的时候就不会挤动了，效果如下。3. box-sizing: border-box;这个属性会把边框加到盒子内部，它的初始值是box-sizing: content-box;欢迎补充。
-
HTML的块状、内联、内联块状元素的特点
元素分类及特点： 1.块级元素： 在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。块级元素特点： （1）每个块级元素都从新的一行开始，并且其后的元素也另起一行；（一个块级元素独占一行） （2）元素的高度、宽度、行高以及顶和底边距都可设置； （3）元素宽度在不设置的情况
-
jsDOM查看节点一些个人见解
找节点之前需要先获取节点，常用方法有一下几种：getElementById( )//获取某个节点的ID getElementsByName()//获取name名，返回一个数组 getElementsByTagName()//获取标签名，返回一个数组getElementsByClassName()//获取类名，返回一个数组层级关系属性obj.parentNode 父节点obj.firstChild 子节点obj.lastChild 最后节点obj.children 所有的子元素(
-
用event获得鼠标坐标
<div id="box" onmousemove="fn1(event)">坐标0,0</div> function fn1(e){ e.target.innerHTML="坐标"+e.clientX+","+e.clientY }先建一个div，给个事件，然后调用一个方法把event通过传参传回去。方法里面就用传回来的去点clientX，这是获得鼠标的横坐标。点clientY，就是获得纵坐标。459就是横坐标，189就是纵坐标。
-
关于jquery ajax动态加载点击事件失效
如题，我在一次做项目的时候就遇到了这种点击事件无效的问题。在网上查了一下，说的是ajax异步还在处理的时候，js已经加载完了。所以事件根本没有绑定上，就出现了失效的问题。然后给出了两种解决方法方法一：$('.demo1').live('click', function(){ alert('OK');});方法二：$(".demo").on('click','.demol',function(){ alert('OK')});我用了方法一是可用的，大家可以自己试试。
-
WeUI框架安装
方式一（推荐）微信官方、BootCDN 和 cdnjs 为 WeUI 提供了 CDN 链接，推荐使用，链接如下：来源地址微信官方//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css微信官方//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.cssBootCDN//cdn.bootcss.com/weui/0.4.3/style/weui.csscdnjs//cdnjs.cloudflare.com/ajax/l
-
WeUI框架--表单篇
按钮普通按钮<a href="javascript:;" class="weui-btn weui-btn_primary">主要的</a>加载按钮<a href="javascript:;" class="weui-btn weui-btn_primary weui-btn_loading"><i class="weui-loading"></i></a>禁用按钮<a href="javascript:;" class="weui-btn weui-btn_primary weui-b
-
WeUI框架--操作反馈
这里主要介绍一下手机操作的反馈功能，ActionSheet(弹出式菜单)，Dialog(对话框)，Msg(提示页)，Toast(弹出式提示)，Picker(多列选择器)。菜单IOS菜单效果图： Android菜单效果图： <div> <!--ios按钮--> <a href="javascript:;" class="weui-btn weui-btn_default" id="showIOSActionSheet">iOS ActionSheet</a> <!--安卓按钮--> <a
-
WeUI框架--导航栏
这里介绍一下,WeUI里面两个导航栏Navbar和Tabbar。Navbar<!---------------顶部导航---------------> <div class="weui-tab"> <div class="weui-navbar"> <div class="weui-navbar__item weui-bar__item_on"> 选项一 </div> <div class="weui-navbar__item"> 选项二 </div> <div
-
WeUI框架总结
介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。WeUI 说明文档参考https://github.com/Tencent/weui/wikiWeUI 视觉标准参考https://github.com/weui/weui-design移动端Web开发注意:1.body中加上ontouchstart<body ontouchstart>...</body>2.加入<meta name="viewport" co
-
js的数据类型判断
1.判断是否是undefinedvar a = undefined; console.log(typeof(a))//undefined if (typeof(a) === "undefined") { console.log("undefined"); } var exp = undefined; if (exp === undefined) { console.log("undefined"); }2.判断是否是nullvar a = null; if (a === nul
-
阿里云部署web项目
首先，我是用的新用户免费一个月的那个服务器，系统选择的是：Windows Server 64位中文版 接下来就是连接服务器进行操作1.win+R 然后输入mstsc 确定2.计算机那里输入的服务器公网ip3.点开本地资源如下,再点详情信息进去4.驱动器下面打了勾的连上了服务器，就能直接从里面复制东西过去。然后确定，再点连接会输入密码，这个密码就是你服务器的密码。连接成功就是服务器的系统桌面：5.给服务器系统装上IIS，IIS这里我就不多说了，自行百度。6.用IIS发布网站，打开IIS，在网站上右
-
Vue购物车总结
先看下项目效果图这次做这个项目，发现computed(计算属性)特别好用。这次项目因为总金额、节省、和积分，都是上面点击购买，下面就立即显示商品信息和算出总金额、节省、和积分。这里用计算属性是非常好的，相关数据发生变化就自动更新数据。上面的商品展示我是把原数组拆分成了两个数组，用的数组的filter()方法进行筛选拆分的。商品展示随机排序利用的是，数组sort()方法。我是把这个方法绑定到了Vue的beforeMount() 这个钩子函数上面。因为它是数据渲染前的钩子函数，用到这里我觉得比较合适
-
vue总结
1.v-cloak指令<style type="text/css"> [v-cloak] { display: none; } </style> <p v-cloak>{{age}}</p>这个指令是用来提高用户体验的，因为有一次我无意间疯狂刷新发现Mustache 能显示出来的。然后就去查了一下关于这个的问题，vue的作者是有考虑到这一点的。提供了v-
-
微信小程序总结
1.小程序安装官方文档:框架: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html组件: https://mp.weixin.qq.com/debug/wxadoc/dev/component/API: https://mp.weixin.qq.com/debug/wxadoc/dev/api/小程序账号注册:https://mp.weixin.qq.com/wxopen/waregister?action=step1
