张张张的博客-CSDN博客

原创 js实现页面之间的监听，触发通知-------类似于观察者模式

上次遇开发一个聊天的项目，遇到一个问题，用的是websocket开发的聊天项目，但是有一个问题就是，websocket文件是单独一个js文件，如图所示，websocket文件就是写的和服务器交互的聊天文件，但是我的聊天页面是在newChat文件夹里面的。对了这是一个微信小程序。有一个问题就是大家了解一下socket就知道，里面有一个监听方法，就是onSocketMessage方法，这个方法当你...

2018-01-26 15:57:38 12884

原创微信小程序js开发 swiper，带圆点和列表

由于微信小程序不可引用第三方框架，所以当你需要一个带圆点的swipe的时候就需要自己手动去写了，这里是我手动封装了一个基于微信小程序的swiper！欢迎查看下载1、tab标题总共8个，所以一屏无法全部显示。 2、tab内容区左右滑动切换时，tab标题随即做标记（active）。 3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。1、设置data-current属

2018-01-30 14:52:56 3144

原创 vue子组件调用父组件方法

本文简单介绍在vue中子组件如何调用父组件的方法

2017-12-28 14:58:13 3275

原创当ios遇到iframe出现的问题调研

ios中iframe不兼容的问题和解决方法

2017-12-20 15:40:44 15044 6

原创上海 “东方购物”面试总结 2

续上。。。。。。。。。。实践证明我的思路是没错的；6.JsAPI知道哪些这个问题我真的想打自己的脸，因为我上一篇文章就是整理的api，当时说的时候我就说出来很少，真的对不起大神对我浪费的时间。。。。。。（打脸十下）有谁想知道这个答案的可以参考一下我上一篇文章。。。。。7.vue的指令有哪些这个我还是会的，因为我对vue有过自己的研究，也结合webpack

2017-11-16 18:13:42 904

原创上海 “东方购物”面试总结

上海面试总结

2017-11-16 18:00:06 676 2

原创 js api笔记汇总

typeof(); 检测数据类型String(); 转换成字符串parseInt(); 解析出一个string或number的整数部分parseFloat(); 解析出一个string的浮点数部分Number(); 把一个string解析为numbe

2017-11-14 18:05:58 341

原创独自闯荡上海，面试总结2

我们接着昨天说，昨天大概说了一些数据类型和原型链以及继承的东西，今天继续说下面的东西。7.作用域和闭包说到js面试，三座大山肯定是一个面试官都会问到，三座大山指的是原型和原型链·作用域闭包·异步，这三个我们先说一下第二个----------作用域闭包相关题目：说一下变量提升的理解？说明this的几个使用场景？10个点击弹出对应序号？如何理解作用域？实际开发中闭包的作

2017-11-12 15:59:05 466

原创独自闯荡上海，面试总结1

说到面试，其实大多数程序员应该都有过类似的经历，但是地方不一样面试经理还是不一样的，先说一下，我是在郑州（河南）工作一年半（不加实习一年）来到上海的，也就是说我是从小地方来到上海的，不得不承认确实是上海这个魔都对人的技能要求是很强的，但是上海公司无论大小都考察的是你的基本功，我昨天下午面试的是中国平安集团下面的事业部，做开发的，面试的是前端工程师。其实他们的要求倒是真的不严，我去的时候问到的所有的

2017-11-11 22:27:23 351

原创 webpack浅谈

webpack编译流程漫谈前言weback在web构建工具的激烈竞争中逐渐脱引而出。无论是编译速度、报错提示、可扩展性等都给前端开发者耳目一新的感觉。本篇文章是个人对webpack的一点小研究总结。webpack在开发者社区的反馈类似gulp把自己定位为stream building tools一样，webpack把自己定位为module building s

2017-08-25 17:31:09 1799

原创 Webpack配置开发环境个人土话总结

本问主要讲解的是webpack.config.js文件的配置,不会讲解webpack是什么,默认你已经安装webpack以及其他npm包,并对webpack有一些了解下面将从webpack.config.js最基本的概念开始src下page文件夹下每个组件子孙文件夹下，基本上都是js和css两个文件下面正式说明配置文件的

2017-08-24 14:24:05 1051 1

原创 js判断左右上下滑动触发的事件

原理：1：当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和staerY；　　　2：当触发touchmove事件的时候，再获取此时手指的横坐标moveEndX和纵坐标moveEndY；最后，通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。相关代码：$("body").on("touchstart", function(e) {

2017-06-15 09:47:10 8166

原创 css3的简单谈谈

CSS3是CSS2的升级版，3只是版本号，它在CSS2的基础上增加了很多强大的新功能，目前主流的浏览器谷歌，火狐等到都支持，ie10以后也全面支持CSS3.在编写CSS3样式时，不用的浏览器可能需要不同的前缀，它表示该CSS属性或者规则尚未成为W3C标准的一部分，但是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀，但为了更好的向前兼容，前缀是少不了的.前缀:前

2016-09-26 20:17:55 604

原创 js碰撞解析

#div1 {width:100px; height:100px; background:red; position:absolute;}无标题文档var iSpeedX=6;var iSpeedY=8;function startMove(){ setInterval(function (){ var oDiv=document.getElementById('div1

2016-09-18 20:41:35 1325

原创 cookie相关的浅谈

http-equiv="Content-Type" content="text/html; charset=utf-8"> 无标题文档 /* cookie : 存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样，也是不能通

2016-09-10 16:33:18 385

原创鼠标滚轮事件

鼠标滚轮事件无标题文档#div1 {width: 100px; height: 100px; background: red;}/*鼠标滚轮事件*/window.onload = function() { var oDiv = document.getElementById('div1'); /* ie/chrome : onmousewheel ev

2016-09-10 16:19:09 353

原创拖拽事件

拖拽事件原理原理 #div1 { width: 100px; height: 100px; background-color: red; position: absolute; left: 200px;

2016-09-10 16:07:01 2673

原创 AngularJS对于行程管理的小例子简单使用

下面我事我做一个叫行程管理的时候用到的一点东西希望对读者有帮助上面及时实现的一个小效果，项目太大，只是简单说说，如果基础不好的呢，就希望去菜鸟网上看看基础再来：行程列表 .style1 { color: blue } .style2 { co

2016-08-29 20:31:03 778

原创 js_高级教程详细内容个人总结

1,数组的常用操作push()方法可向数组的末尾添加一个或者多个元素,并返回新数组的长度,unshift() 方法可向数组的开头添加一个或更多元素，并返回新数组的长度。Var arr = [1,2,3] arr.push(4,5,6); arr.unshift(-1,0,);pop() 方法删除数组的最后一个元素，并且返回被删除的元素的值。如果数组已经为空，则 pop(

2016-08-16 20:48:09 4451 1

原创 js闭包的问题-----六岁以上都能看懂的

摘要：“如果你不能向一个六岁的孩子解释清楚，那么其实你自己根本就没弄懂。”好吧，我试着向一个27岁的朋友就是JS闭包(JavaScript closure)却彻底失败了。越来越觉得国内没有教书育人的氛围，为了弄懂JS的闭包，我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释，当我看到stackoverflow上这一篇解答，我脑中就出现了一句话：就是这货没跑了！　

2016-08-09 20:58:34 963 1

原创 js中重要的三个函数

1.callback回调函数 function back(callback1) { var a = 10; var b = 20; callback1(a+b); } back(function(num2){ alert(num2); })上面是

2016-07-29 20:02:08 436

原创 js实现的飞机大战

1.html代码开始游戏分数：0继续重新开始回到主页飞机大战分数0继续2.js主要代码//获得主界面var mainDiv=document.getElementById("maindiv");//获得开始界面var startdiv=document.getElementById("startdiv");//获得游戏中分

2016-07-26 17:41:35 11456 11

原创 ajax实现远程通信

第一个文件;html ajax解决跨域问题 $.ajax({ type:"POST", url:"postDemo.php", data:{ "url":"http://192.168.4.101:90/PHPStudy4/server.php", "u

2016-07-21 14:44:30 1275

原创使用file_get_contents提交http post

再配合康盛的改良版RC4加密解密算法，做一个安全性很高的webservice就简单多了。

2016-07-21 10:47:27 896

原创实现一周之内自动登录的 cookie和session还有localStorage的存储机制

实现像京东一样可以一周之内免输入密码的cookie存储

2016-07-20 13:34:59 6118

原创一个初级的前端工程师需要知道些什么？

因为今天有点小低落,所以说一些意味深长的话吧......亲身体验

2016-07-19 20:10:37 9763

翻译 Git使用详解

GitHub详解 GitHub 是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目。它由GitHub公司（曾称Logical Awesome）的开发者Chris Wanstrath、PJ Hyett和Tom Preston-Werner使用Ruby on Rails编写而成。 GitHub同时提供付费账户和为开源项目提供的免费账户。根据在2009

2016-07-18 21:17:19 5717 2

翻译 STOMP Over WebSocket(滑稽的翻译成跺脚吧)

本文为翻译自GIT文章,欢迎大家查看

2016-07-18 21:02:56 8366

原创 php学习之路---2(向服务器上传文件)

这是前端开发最重要的向服务器发送照片的东西,大家有用的话就转走吧!!!

2016-07-18 20:30:00 1193

原创关于Js那些经常出的面试题

大家都知道在面试的时候,很多前端的必须要问的就是js的问题,最近我们公司也有很多这样的面试,我提了一些个问题,还有我面试的时候面试官面试我的问题汇总,也有百度的别人的,希望对那些刚进入这个行业的有一些帮助!!!1.javascript的typeof返回哪些数据类型Object number function boolean underfind2.例举3种强制类型转换和2种隐式类型转换?强制（parseInt,parseFloat,number）隐式（== – ===）3.split() jo

2016-07-18 14:13:37 45448 4

原创 php学习之路

有的网友说对php不了解,没办法看懂,虽然也想了解这些东西,因为对于h5这个新兴的行业来说,如果你想只是靠前端吃饭的话,真的吃不开,至少你要回数据库和服务器,有助于你和后端的同事更好的合作!php相对于java来说简单好多了所以今天我就更新这么一篇关于php基础的知识,因为时间问题可能只能更新一点,以后续上......

2016-07-18 13:58:46 2867

原创关于web前端面试题系列之必考面试题（面试官总结）

1.截取字符串abcdefg的efgalert('abcdefg'.substring(4));2.判断一个字符串中出现次数最多的字符，统计这个次数/*var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i if(!json[str.charAt(i)]){

2016-07-17 17:22:26 1910

原创 jquary学习之路--2

11.通过jq添加元素我们首先学习添加内容的四种方法1)append()--在被选元素的结尾插入内容2)prepend()--在..................开头插入内容3)after()--..........................之后插入内容4)before()--........................之前.........jQuery

2016-07-16 14:10:35 1995

原创利用php做服务器和web前端的界面进行交互(简单易懂篇)

希望查看本篇文章的学者首先查看一下php的基础知识,因为今天用到这个东西,现学现卖吧.后续会更新php服务器的基础知识!1.首先你要有一个界面我这里利用我项目开发的一个简单界面截取下来进行讲解!项目机密请勿**,你懂得!html代码和界面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

2016-07-16 13:16:10 19830 2

原创 jquary学习之路--1

1.jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2.jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。可以通过下面的标记把 j

2016-07-16 11:09:30 884

原创 Ajax实现提交form表单

保存数据到服务器，成功时显示信息。jQuery 代码:$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); }});后来我就想了一下

2016-07-15 14:53:29 2186

原创 js学习之路--2

保留两位小数：Function round(num){ return Math.round(num*100)/100; } 生成随机数 Function rand(num){ Return Math.floor(Math.random()*num)+1; } 11， With关键字 With关键字指定一个对象，后面跟着大括号的一个语句块，对于语句块中的每一条语句，没有指定对

2016-07-15 11:11:17 2347

原创 js入门必读--和你分享js的学习之路1

1， JS支持三种对象类型（1） JS内置对象（如Date，Array， String， Math等）。（2）文档对象模型（DOM ）。（3）自定义对象。 2， html中运行js脚本的顺序。（1） html中先执行内的JS，无论该js是嵌入代码或是指向一个js文件，因为这些脚本不能再web页面上建立输出，所以这个位置可定义以后要使用的函数。（2） htm

2016-07-15 11:04:19 505

原创关于用php进行修改html的格式

首先看一下引入的信息---data.phpheader("Content-type:text/html;charset=utf-8");$hotSaleContent1 = array( "imgURL" => "./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,保障质量_files/56945f40088bc0491

2016-07-15 10:56:40 3884

原创 Html5学习之路基础

对于我们刚开始学习html的学生来说，繁杂的标签是非常麻烦的而且不好记，闲话少说，首先我推荐的编译器是Hbuider，作为我们中国人开发的第一个编译器，我们理所当然支持一下。不过个人使用的是PHPStrom，因为到后来使用后台的时候我使用的是php语言，php语言之强大是你不会估计的！不过他是全英文的不好改错是一个弱点！今天是我第一节做html的博客，先来讲一讲h5最值钱的地方，他最大

2016-05-27 20:54:36 1559

微信小程序仿qq

网络获取资源

ios中iframe的显示问题