- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
163
原创 web技术夯实基础篇（一）—— 工具与准备知识
工具系统：Windows，Mac， Linux 。 编辑器：纯文本编辑器：Brackets，Atom，Visual Studio Code（常用）；混合编辑器（集成git，terminal等）：Dreamweaver，WebStorm（常用）图像编辑：PS之类的。版本控制系统：Git（各种可视化工具，如TortoisGit，Stash等，当然你想用terminal也随你） ...
2018-05-09 16:21:34
207
原创 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
189
转载 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
585
原创 兼容性的一些处理，未完待续
一、IE7不支持position:fixed.ie{ position: fixed; //其他支持的用法 _position: absolute; //不支持的用法 _clear: both; _top:expression(eval(document.compatMode && ...
2018-04-22 22:04:20
137
原创 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
227
原创 ES6初学填坑
一、简介 ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。日常场合，这两个词是可以互换的。（浏览器脚本语言） babel转码器：使不支持es6的环境下的语法转义为es5语法 二、重点 1.let和const2.变量解构赋值//数组式，对象式，字符串式，数值，函数参数！！,let [a, b, c] = [1, 2, 3]; //从...
2018-04-22 14:58:03
139
原创 全屏滚动插件(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
243
原创 查看大图
<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
1357
原创 vue设置代理实现跨域，与jq用nginx设置代理实现跨域
一、vue。 vue跨域很简单，估计内部配置过反代服务器了，直接配置代理就行了 config目录下的index.js文件proxyTable: { // 设置代理 '/api':{ // 代理名称 target: 'http://...', // 目标地址 changeOrigin: true, ...
2018-04-12 14:15:42
1725
原创 那些用起来特爽的css
虽然爽，但IE和低版本的浏览器估计都不支持吧。。。 一、遮罩mask：url(..);mask-image:..; 用起来和background几乎差不多。能通过background-color改透明背景图、图标的颜色，写导航的小图标比较爽。 二、粘性定位position: sticky;（这玩意在谷歌里面支持，在同是webkit内核里的360居然不支持，是我版本太低了吗。。。） 在一定区...
2018-04-12 10:30:25
153
转载 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
177
转载 适配iphonex。。
iphoneX刚出来的那几天产品经理换了X，然后我就被告知要去适配X了。。。 适配初体验：调css，调布局。。。好了，看上去差不多。。后来看到一篇博客提出了一个叫安全区的概念，虽然我试了下好像没啥用，可能是我人品问题。。，可以参考下 原文链接https://www.cnblogs.com/lolDragon/p/7795174.html...
2018-04-11 16:22:45
259
原创 阻止拖拽滑动哪些事（主要是移动端）
也就是所谓的移动端滚动穿透问题 一、body{ overflow:hidden }。一般PC端这样就行了，但在移动端可就不行了，因为他有touchmove。 二、可以阻止弹层的touchmove事件，但如果你的弹层内的内容需要滑动，这种方法pass 三、后来找到一个比较简单粗暴的方法body，html { overflow: hidden; // 适用PC端模拟时的鼠标滚轮，...
2018-04-11 14:52:07
2397
原创 微信小程序腾讯云nodejs启动模板demo记录
一、第一次使用先下载腾讯云上的测试代码放到自己的项目里，我第一次开发工具是没有启动模板选项的，之后有直接创建的选项了。 二、修改的地方 三、上传测试代码。 做到这本以为OK了，但发现还是不行。 四、本地service下npm i安装依赖，上传，还是不行？？。刷新，好了。 不知道是本地没装依赖还是因为没刷新，还是说自动安装依赖是骗人的？总之服务端修改代码后记得上传刷新，不然没反应。...
2018-04-10 11:15:21
3287
1
原创 常见效果整理——移动端获取验证码倒计时
一、点击button，执行倒计时方法 $('.gold-sun-vecode-btn').click(function(){ time(60, $(this)) prompt('验证码已发送') $(this).off('click') }) // 发送验证码倒计时function time(wait, o) { ...
2018-04-09 17:52:08
740
1
原创 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
954
原创 分享一个时间插件Foundation-datepicker.js
这个插件叫Foundation-datepicker.js。一开始以为是个jq插件，去看了api文档发现也可以通过npm,bower安装。 api:http://foundation-datepicker.peterbeno.com/example.html 分享他的理由： 第一，用到一个功能，他能比较前后两个输入框日期，后一个输入框中小于前一个输入框日期就会被禁用。 第二，界面干净简洁
2017-11-29 16:16:04
5156
2
原创 使用swiper写的m站横向滑动效果
先看效果 常规实现方案是设置overflow-x:scroll;并隐藏滚动条，效果并不会这么流畅，有惯性，从用户的角度说就是丑。 swiper自带的freemode其实就已经实现这种效果了，有兴趣的同学可以去官网api文档查看它的freemode介绍，我们要做的只是将其限制在我们想要它展现的区域范围内。 其实很简单，只需要给其外容器和其本身都加上overflow:hidden便可实现
2017-11-24 10:19:30
2516
原创 swiper插件自定义切换箭头按钮
不知道大家在使用swiper时有没有遇到这样一种需求把左右切换的箭头移到容器的外面，自定义箭头的样式。 给swiper容器再加一个父容器，两个容器之间留下间隙，箭头定位到间隙之间就ok了。 箭头默认是绝对定位的，给父容器一个相对定位，就能够调整箭头位置。此外箭头用的是背景图，改变箭头大小的同时记得改变背景图大小
2017-11-01 16:52:37
19493
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人