上一页 1 ··· 4 5 6 7 8 9 10 下一页
2018年11月1日
在 JS 对象中使用 . 和 [] 操作属性的区别
摘要： 在 JS 对象中，调用属性一般有两种方法——点和中括号的方法。 例如 使用点方法 使用 [ ] 方法 点方法是在对象名后面跟上属性名，而中括号方法里的索引存放的与属性名字相同的==字符串== 。 二者区别 1. 点方法后面跟的必须是一个指定的属性名称，而中括号方法里面可以是变量。例如 2. 中括号方 阅读全文
posted @ 2018-11-01 09:49 Mr.曹 阅读(3552) 评论(0) 推荐(0) 编辑
解决 div 设为 inline-block 后标题不对齐
摘要： vertical align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 inline block的默认对齐方式是vertical blo 阅读全文
posted @ 2018-11-01 09:48 Mr.曹 阅读(687) 评论(0) 推荐(0) 编辑
banner 跟随鼠标呈现视差效果
摘要： 参考 Element 官网，利用 js / jq 和 css3， 实现某图片随着鼠标移动呈现的视差效果。 <!DOCTYPE html banner 跟随鼠标呈现视差效果 { transition: all .3s; } .perspective { perspective: 800px; } .p 阅读全文
posted @ 2018-11-01 09:46 Mr.曹 阅读(1355) 评论(0) 推荐(0) 编辑
2018年8月22日
华为手机自带浏览器不支持 ES6 语法
摘要： "原文地址：https://caochangkui.github.io/huawei es6/" 华为手机自带浏览器对 es6 语法的支持度极差，哪怕最新的荣耀10 手机也有该毛病！所以，移动端项目开发中，发布前最好将所有的 es6 语法转为 es5。 真机测试时，发现在华为手机自带浏览器中，某些点 阅读全文
posted @ 2018-08-22 09:53 Mr.曹 阅读(1260) 评论(0) 推荐(0) 编辑
2018年8月3日
HTML5 之 FileReader 方法上传并读取文件
摘要： "原文地址：https://caochangkui.github.io/file upload/" HTML5 的 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 <! more Fi 阅读全文
posted @ 2018-08-03 09:10 Mr.曹 阅读(19049) 评论(0) 推荐(2) 编辑
移动端项目开发小结
摘要： "原文地址：https://caochangkui.github.io/mobile/" 最近开发移动端项目，发现，与PC端项目开发遇到的浏览器兼容性问题相比，移动端还有更多的坑的。这里将遇到一些问题，做出总结。 <! more 页面自适应 各种手机型号，尺寸大小不一，有的屏幕320px宽，有的屏幕 阅读全文
posted @ 2018-08-03 09:08 Mr.曹 阅读(526) 评论(0) 推荐(0) 编辑
修改 input[type="radio"] 和 input[type="checkbox"] 的默认样式
摘要： 表单中，经常会使用到单选按钮和复选框，但是，input[type="radio"] 和 input[type="checkbox"] 的默认样式在不同的浏览器或者手机上，显示的效果总是不统一，而且难以修改器样式。 input[type="radio"] 样式定制 代码： css 样式 效果如图： i 阅读全文
posted @ 2018-08-03 09:06 Mr.曹 阅读(3942) 评论(0) 推荐(0) 编辑
JS 获取每月有几周（每周五到周四算作一周）
摘要： "原文地址：https://caochangkui.github.io/data week/" 将每周五至周四算作一周，计算每月有几周，并获取到每周的起始时间。 日期格式化 函数 allWeeks 得到指定月份的各周真实日期 // 本月的每一周（从上周五到本周四为一周） function allWe 阅读全文
posted @ 2018-08-03 09:05 Mr.曹 阅读(3679) 评论(0) 推荐(1) 编辑
2018年7月5日
ES6 之reduce的高级技巧
摘要： reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 方法接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce() 的数组。 reduce() 的几个强大用法： 数组求和 二维数组转为一维数组 计 阅读全文
posted @ 2018-07-05 11:46 Mr.曹 阅读(34579) 评论(0) 推荐(3) 编辑
移动端1像素边框问题的解决方案
摘要： 对于不同的移动设备，其物理像素与逻辑像素间存在不同的比例关系。所以我们仅仅在CSS中为border设置1px时，在手机上看起来会显得比较粗，达不到预期效果。 关于物理像素与逻辑像素 物理像素 移动设备出厂时，不同设备自带的不同像素，也称硬件像素； 逻辑像素 即css中记录的像素。 物理像素与逻辑像素 阅读全文
posted @ 2018-07-05 11:45 Mr.曹 阅读(3926) 评论(0) 推荐(0) 编辑
2018年1月21日
JS跨浏览器的事件处理
摘要： 1. 事件流 1. 事件：用户或浏览器自身执行的某种动作。如click(点击事件)、mouse (鼠标事件)。 2. 事件流：页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。 DOM事件流包括三个阶段 ： 事件捕获阶段 处于目标阶段 事件冒泡阶段 IE 采用事件冒泡的方式（ div body 阅读全文
posted @ 2018-01-21 11:30 Mr.曹 阅读(192) 评论(0) 推荐(0) 编辑
JavaScript组成—— DOM、BOM、ECMAScript
摘要： ECMAScript是JS的核心：提供核心语言功能 DOM（文档对象模型）：提供访问和操作网页内容的方法和接口 BOM（浏览器对象模型）：提供与浏览器交互的方法和接口 1. DOM（文档对象模型） 1.1 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 阅读全文
posted @ 2018-01-21 10:24 Mr.曹 阅读(660) 评论(0) 推荐(0) 编辑
2018年1月19日
对 JavaScript 中的5种主要的数据类型进行值复制
摘要： 定义一个函数 clone()，可以对 JavaScript 中的5种主要的数据类型（包括 Number、String、Object、Array、Boolean）进行值复制 1. 使用 typeof 判断值得类型； 2. 使用 toString 区分数组和对象； 3. 使用递归函数； 其中：slice 阅读全文
posted @ 2018-01-19 14:09 Mr.曹 阅读(1647) 评论(0) 推荐(0) 编辑
JavaScript中call,apply,bind方法的区别
摘要： call,apply,bind方法一般用来指定this的环境. var a = { user:"hahaha", fn:function(){ console.log(this.user); } } var b = a.fn; b(); //undefined 我们是想打印对象a里面的user却打印 阅读全文
posted @ 2018-01-19 10:34 Mr.曹 阅读(673) 评论(0) 推荐(0) 编辑
2018年1月14日
PHP+Mysql 实现数据库增删改查
摘要： PHP和Mysql可以对数据库进行简单的增删改查，本文介绍了新闻列表的后台管理。 项目地址 "https://github.com/caochangkui/php mysql test" Mysql数据库创建 创建一个新闻列表的数据库： 1. 查询数据库 1.1. 创建文件dbconfig.php， 阅读全文
posted @ 2018-01-14 16:45 Mr.曹 阅读(93470) 评论(4) 推荐(2) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 下一页