你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
webhome
-
移动和PC端中的hover处理
移动和PC端中的hover处理最近都忙死了，好久都没更新博客了。今天还是想提下移动端的问题 :hover选择器。说到移动和PC端中的hover处理问题，已经碰到过很多次了，先前一直没去仔细的研究过，有时候忽略过去了。众所周知，现在项目都注重交互用户体验，譬如按钮之类的都加上hover效果。但是这个效果在PC端体验很好，如果页面需要做成响应式，那问题就来了，发现在移动端点击按钮后，会执行PC的hov905 人浏览
-
webhome
-
谈谈移动端页面性能优化方案
众所周知，在互联网行业里，移动端占有的比例越来越高了，尤其实在电商领域，用户购物大部分在移动端。比如淘宝双11，在移动端支付的接近7成。这就要求我们产品质量越来越高，那对于我们前端工程师来说也是一个挑战，如何让我们所开发的页面能有更好的体验，就是我们今天讨论的话题：移动端页面性能优化。Html5的出现对于移动端影响挺大，HTML5框架可以提升网站的访问速度，通过优化前端将响应时间加快，使用户的等待973 人浏览
-
webhome
-
微信小程序中wx.showToast延时执行
微信小程序中wx.showToast延时执行在做微信小程序项目开发时需要对用户交互的数据状态结果进行反馈，通过会用到dialog和toast等方法来实现，在反馈之后还有可能需要执行跳转等功能操作。拿Toast来讲，用户提交订单，订单提交成功，用toast来进行反馈，toast展示完成后进行跳转，进入会员中心页面，或者订单列表页。默认的情况是toast刚显示就进行了跳转操作，因此，需要对跳转操作进行1850 人浏览
-
webhome
-
注册谷歌帐号提示"此电话号码无法用于进行验证"
注册谷歌帐号提示"此电话号码无法用于进行验证"今天我一个哥们，想注册一个谷歌帐号，但是就是通过不了电话短信验证，一直提示"此电话号码无法用于进行验证"。网上有些说法可以破，据说出问题的情况有几种：一、此号码好多次注册过Google账户二、此号码是新出的号码段，或者是虚拟号码（例如170 147这些）三、天朝屏蔽的原因解決方法：一、用谷歌香港或者日本进行注册 https://www.google.c
-
webhome
-
【性能优化】大神们教你如何打造高性能网站
曾几何时，几人公用1M的internet，经常会因为某某某偷偷的下载小电影导致网速慢而大吵，争得面红耳赤，谁会想到不到几年时间，宽带的普及，光钎20~100M都“习以为常”了；并且移动端5G时代都要来了，从2G到3G，从3G到4G，我们见证了许多的里程碑，移动行业的变革和创新，往往会带动社会上许多行业的颠覆性创新。这些迹象，只能感叹：Internet发展太快。互联网的发展，有目共睹，网速变得越来越
-
webhome
-
2018年国内外网民常用浏览器之走势
这几天早上出门都看着有些人托着行李箱直奔车站，寽有感叹，时间过得好快，春节临近。可是可是。。。我还没买到票。每年这个时候都是最头疼的，一票难求，感觉今年的黄牛也不给力。牢骚发完，还是聊点其他的吧，今天的话题是2018年网民使用浏览器的走势。每年浏览器的格局都会有些变化，随着IE的退化，各大浏览器纷纷兴起，尤其是谷歌浏览器 "一马当先"，成为大家最喜欢的浏览器。接下来我们一起回顾下2017年国内外网840 人浏览
-
webhome
-
学下jQuery选择器
jQuery选择器jQuery选择器使得获得页面元素变得更加容易、更加灵活，从而大大减轻了开发人员的压力。如同盖楼一样，没有砖瓦，就盖不起楼房，得不到元素谈何其他各种操作呢？可见,jQuery选择器的重要性。jquery选择器大方向可以分为这样：下面我们先来看看基本选择器总的CSS选择器：1.标签选择器：$("element")其中，参数element，表示待查找的HTML标记名，如$("div"877 人浏览
-
webhome
-
浅谈下页面中字体设置(font-family)和粗细(font-weight)问题
记得以前某某某天上午被设计师“调戏”了，记忆犹新啊，就是因为一个项目（PC和移动）中的字体问题，纠结了一上午，设计师非要字体效果跟设计稿上保持一致。那时那刻，我已无语，但是话说回来，大家都是为了项目的质量，所以得放平心态，反思，于是“诞生了”今天下午要分享的话题：CSS中的字体设置。谈到“CSS中的字体”，老生常谈的话题了，做过设计和前端的童鞋都会略知一些其中的“奥妙”。在平时工作中，完成一个项目2788 人浏览
-
zixun
-
浅谈下微信小程序中的路由(页面跳转、返回、刷新、页面栈)
浅谈下微信小程序中的路由(页面跳转、返回、刷新、页面栈)什么是小程序里的“路由”？路由器吗？蒙蔽？好吧，在WEB应用中它其实就是分组数据包从源到目的地时，决定端到端路径的网络范围的进程；在小程序里就是设置页面的跳转，返回，自动刷新等一些功能。而在微信小程序里，“路由”有很多限制，所以我们在开发小程序的时候，需要深入了解，否则就会掉坑里，被人笑话。微信小程序官方文档里提供了5种：wx.redirec1071 人浏览
-
zixun
-
微信小程序 返回上一页面时实现上一页面刷新
微信小程序 返回上一页面时实现上一页面刷新假如从页面B返回页面A时实现页面A刷新页面B： //当前页面栈 var pages = getCurrentPages(); if (pages.length > 1) { //获取上一个页面实例对象 var beforePage = pages[pages.length - 2];1772 人浏览
-
zixun
-
Wi-Fi 爆重大安全漏洞，Android、iOS、Windows 等所有无线设备都不安全了
移动设备横行的时代，Wi-Fi 已成为现代人生活的必备要素之一。但近日有计算机安全专家发现，Wi-Fi 设备的安全协议存在漏洞，如今用于保护 Wi-Fi 网络安全的保护机制已经被黑客攻破，苹果、微软、谷歌、Nest 等无线设备纷纷不再安全，就现有的漏洞，黑客可以轻松入侵用户装置、监听接入网络的设备。无论你在家还是在公众场合，只要连接 Wi-Fi ，极有可能会被入侵。据了解，这个安全协议漏洞名为“K
-
web
-
HTML CSS整理笔记 （十）HTML部分
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——HTML部分——utf-8 和 utf8的使用只有MySQL可以用"utf8"，但其他地方一律使用大写"UTF-8"。网页推荐使用长后缀名.html有的浏览器中直接输出中文会出现中文乱码，可加声明<meta charset="UTF-8"><!--HTML注释-->1352 人浏览
-
web
-
HTML CSS整理笔记 (九) CSS3做网页动画
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——9 CSS3做网页动画——54.transform变形：指效果的集合，如平移、旋转、缩放、倾斜效果。语法 transform:[transform-function]*;其中transform-function是变形函数，如要设置多个，则中间以空格分开。在用2D变形时要加浏览器兼容性前缀1015 人浏览
-
web
-
HTML CSS整理笔记 (八) 定位网页元素
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245————8 定位网页元素————51.Position属性：指定盒子的位置，相对它父级的位置或它自身应该在的位置。(1)static 默认无定位，元素按照标准文档布局。(2)relative相对定位a.特性:1.以标准文档流排版为基础，相当于它在原来位置偏移指定的距离。2.元素位置偏移后，仍1006 人浏览
-
web
-
HTML CSS整理笔记 (七) 浮动
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——7 浮动——44.标准文档流：元素根据块元素或行内元素的特性从上到下，从左到右的方式自然排列。45.display属性：用于指定标签的显示方式block：块元素的默认值，该元素前后自带换行符inline：行内元素的默认值，元素会显示为行内元素inline-block：行内块元素，兼具行内981 人浏览
-
web
-
HTML CSS整理笔记（六）盒子模型
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245———6 盒子模型———39.盒子模型的组成：content网页内容、border边框、padding内边距、margin外边距(1)边框border：border-color 边框颜色：如border-color:#369 #000 #111 #F00;按“上右下左顺时针”设置border1032 人浏览
-
web
-
HTML CSS整理笔记(五) CSS3美化网页
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——5 CSS3美化网页——32.CSS3设置文本样式：(1)<span>标签：用来设置行内元素(或几个文字)的样式。(2)字体样式：font-size：常用单位pxfont-family：若同时设中英文字体，英文字体要设置在中文字体前面font-style：normal标准、i950 人浏览
-
web
-
HTML CSS整理笔记（四）CSS3基础
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——4 CSS3基础——26.CSS：Cascading Style Sheet层叠样式表,又称风格样式表Style Sheet，用于设计网页风格。27.CSS3的基本语法结构：(1)CSS中注释为 /*内容*/(2)CSS规则由选择器、声明组成。(3)声明必须放在大括号{}中，声明可以是一916 人浏览
-
web
-
HTML CSS整理笔记 （三）表单
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——3 表单——24.表单标签form：<form method="post" action="login.html" enctype="text/plain"> 表单内容 </form> (1)action="url"属性意为把表单提交到某个页面,method=ge
-
web
-
HTML CSS整理笔记（二）列表、表格、媒体元素
完成笔记链接：https://www.niwoxuexi.com/blog/web/article/1245——2 列表、表格、媒体元素——17.三种列表：(1)有序列表<ol><li>(2)无序列表<ul><li> ul中只能嵌套li，而li可以嵌套任意标签。(3)定义列表<dl><dt><dd> 是标题及列表项1081 人浏览