4 _六月

尚未进行身份认证

先放着行不

等级
TA的排名 20w+

web技术夯实基础篇(三)—— css

一、选择器:id,class,元素名,属性,伪类(:hover,:nth-child),伪元素(:before),*,选择器组 一些有趣的伪元素 ::first-letter:块级元素第一行第一个字。 ::first-line: 块级元素第一行 ::selection:被用户选中高亮的部分 选择器组: A + B:B是A后面紧跟的元素 A ~ B:B是A后面任意元素二、单位 绝...

2018-06-26 14:53:58

web技术夯实基础篇(二) —— HTML

概念HTML:标记语言。 超文本:网站内或网站间网页彼此连接的链接。 标记:也就是标签。

2018-05-15 10:29:30

web技术夯实基础篇(一)—— 工具与准备知识

工具系统:Windows,Mac, Linux 。 编辑器:纯文本编辑器:Brackets,Atom,Visual Studio Code(常用);混合编辑器(集成git,terminal等):Dreamweaver,WebStorm(常用)图像编辑:PS之类的。版本控制系统:Git(各种可视化工具,如TortoisGit,Stash等,当然你想用terminal也随你) ...

2018-05-09 16:21:34

mysql常用命令

创建表:CREATE TABLE table_name (column_name column_type); 删除表:DROP TABLE table_name ; 增:INSERT INTO table_name ( field1, field2,…fieldN ) VALUES ( value1...

2018-04-23 09:14:43

js判断是否是手机

记不得看的哪里的了 navigator对象,提供浏览器及操作系统等信息。var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; //ipadvar bIsIphoneOs = sUserAgent.match(/iphone os/i) ==...

2018-04-22 22:19:19

兼容性的一些处理,未完待续

一、IE7不支持position:fixed.ie{ position: fixed; //其他支持的用法 _position: absolute; //不支持的用法 _clear: both; _top:expression(eval(document.compatMode && ...

2018-04-22 22:04:20

react个人入门

JSX 语法 JSX就是Javascript和XML结合的一种格式。允许 HTML 与 JavaScript 的混写2.ReactDOM.render() 将模板转为 HTML 语言,并插入指定的DOM 节点ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('exam...

2018-04-22 19:45:44

ES6初学填坑

一、简介 ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现。日常场合,这两个词是可以互换的。(浏览器脚本语言) babel转码器:使不支持es6的环境下的语法转义为es5语法 二、重点 1.let和const2.变量解构赋值//数组式,对象式,字符串式,数值,函数参数!!,let [a, b, c] = [1, 2, 3]; //从...

2018-04-22 14:58:03

全屏滚动插件(jq)

下载地址https://download.csdn.net/download/qq_33242730/10354918 给需要全屏的元素加上类sonp-section 点击按钮切换到固定页$('.').click(function(){ $("html, body").stop().animate({scrollTop: $(".sonp-section...

2018-04-17 15:55:04

查看大图

<div class="allSeeBigImg"><img src="" alt=""></div>var isSeeBigImg = true, clientWidth = $(window).width(), clientHenght = $(window).height(), CHCWrotia = clientHenght / clientWi..

2018-04-17 09:14:56

vue设置代理实现跨域,与jq用nginx设置代理实现跨域

一、vue。 vue跨域很简单,估计内部配置过反代服务器了,直接配置代理就行了 config目录下的index.js文件proxyTable: { // 设置代理 '/api':{ // 代理名称 target: 'http://...', // 目标地址 changeOrigin: true, ...

2018-04-12 14:15:42

那些用起来特爽的css

虽然爽,但IE和低版本的浏览器估计都不支持吧。。。 一、遮罩mask:url(..);mask-image:..; 用起来和background几乎差不多。能通过background-color改透明背景图、图标的颜色,写导航的小图标比较爽。 二、粘性定位position: sticky;(这玩意在谷歌里面支持,在同是webkit内核里的360居然不支持,是我版本太低了吗。。。) 在一定区...

2018-04-12 10:30:25

node.js下一代框架koa,了解一下

有望取代express的框架。 首次学习是看了阮一峰老师的教程 http://www.ruanyifeng.com/blog/2017/08/koa.html 详细API见官网https://koa.bootcss.com 零、安装node -v // 版本要求7.6以上npm init // 初始化项目,生成package.jsonnpm升到5以上的版本直接通过np...

2018-04-12 10:25:59

适配iphonex。。

iphoneX刚出来的那几天产品经理换了X,然后我就被告知要去适配X了。。。 适配初体验:调css,调布局。。。好了,看上去差不多。。后来看到一篇博客提出了一个叫安全区的概念,虽然我试了下好像没啥用,可能是我人品问题。。,可以参考下 原文链接https://www.cnblogs.com/lolDragon/p/7795174.html...

2018-04-11 16:22:45

阻止拖拽滑动哪些事(主要是移动端)

也就是所谓的移动端滚动穿透问题 一、body{ overflow:hidden }。一般PC端这样就行了,但在移动端可就不行了,因为他有touchmove。 二、可以阻止弹层的touchmove事件,但如果你的弹层内的内容需要滑动,这种方法pass 三、后来找到一个比较简单粗暴的方法body,html { overflow: hidden; // 适用PC端模拟时的鼠标滚轮,...

2018-04-11 14:52:07

微信小程序腾讯云nodejs启动模板demo记录

一、第一次使用先下载腾讯云上的测试代码放到自己的项目里,我第一次开发工具是没有启动模板选项的,之后有直接创建的选项了。 二、修改的地方 三、上传测试代码。 做到这本以为OK了,但发现还是不行。 四、本地service下npm i安装依赖,上传,还是不行??。刷新,好了。 不知道是本地没装依赖还是因为没刷新,还是说自动安装依赖是骗人的?总之服务端修改代码后记得上传刷新,不然没反应。...

2018-04-10 11:15:21

常见效果整理——移动端获取验证码倒计时

一、点击button,执行倒计时方法 $('.gold-sun-vecode-btn').click(function(){ time(60, $(this)) prompt('验证码已发送') $(this).off('click') }) // 发送验证码倒计时function time(wait, o) { ...

2018-04-09 17:52:08

google地图个人使用整理

一、引入google秘钥<script src="http://maps.google**.cn**/maps/api/js?key=你的秘钥&language=**en-us**(参数,展示为中文)" type="text/javascript"></script>二、初始化一个地图// 中心点位置var myCenter = new google....

2018-04-09 09:12:21

分享一个时间插件Foundation-datepicker.js

这个插件叫Foundation-datepicker.js。一开始以为是个jq插件,去看了api文档发现也可以通过npm,bower安装。 api:http://foundation-datepicker.peterbeno.com/example.html 分享他的理由: 第一,用到一个功能,他能比较前后两个输入框日期,后一个输入框中小于前一个输入框日期就会被禁用。 第二,界面干净简洁

2017-11-29 16:16:04

使用swiper写的m站横向滑动效果

先看效果 常规实现方案是设置overflow-x:scroll;并隐藏滚动条,效果并不会这么流畅,有惯性,从用户的角度说就是丑。 swiper自带的freemode其实就已经实现这种效果了,有兴趣的同学可以去官网api文档查看它的freemode介绍,我们要做的只是将其限制在我们想要它展现的区域范围内。 其实很简单,只需要给其外容器和其本身都加上overflow:hidden便可实现

2017-11-24 10:19:30

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!