- 博客(31)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 react + echarts （radar）
import React from 'react';import {render} from "react-dom";let Page = React.createClass({ getInitialState(){ return{ } }, componentWillMount(){ }, componentD...
2019-03-28 17:37:30
465
原创 自定义微信分享Tips
最近公司做的一些项目都跟微信有关系，需要有个分享的功能，但是在测试环境的时候分享功能都正常，图片标题描述之类的都没问题，放到线上，安卓手机分享时，缩略图就是不显示介绍一下测试/生产环境： 测试环境：网站和图片服务器都是采用http 生产环境：网站和图片服务器都是采用https问题原因猜想： a.图片大小和尺寸太大出不来：图片是150X150 的，近40K，后来给制作重新做图，30X30的10...
2018-07-11 16:43:44
472
原创 理解WebSocket心跳及重连机制
在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。1. 为什么叫心跳包呢？它就像心跳一样每隔固定的时间发一次，来告...
2018-07-04 13:42:03
7023
2
原创 vue点击改变样式
data里isActive:-1,method里checkedItem(index){ this.isActive=index;},页面里<div v-for="(item,index) in nameoptions" v-bind:class="{active:index==isActive}" @click="checkItem(index)>{{item.name}}</...
2018-05-23 21:46:11
13023
转载 前端调用微信支付接口
支付按钮的点击事件$(´.Save_Patient_Msg´).click(function(){ $(´.Save_Patient_Msg´).off(´click´); var hrdfId = getOrderId(); var txnAmt = $(´.sum_pay.font-red´).html(); var data = {order
2017-05-10 18:18:00
9122
转载 H5 页面适配所有 iPhone 和安卓机型的六个技巧
目前，很多APP设计师小伙伴已经开始转向H5前端开发啦，但是解决所有iPhone和安卓机型的适配问题是我们的重中之重。无论是设计APP还是写前端H5.都是要考虑移动端的兼容性。25学堂今天跟大家来回顾一下H5页面去适配所有iPhone和安卓机型的一些技巧和办法。回归正题，兼容iphone各版本机型最佳的方式就是自适应。1、viewport 简单粗暴的方式：nam
2016-12-26 14:33:07
886
原创 Git常用命令
查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区git rm # 从版本库
2016-11-29 15:30:19
241
原创 jQuery中常用动画效果函数(日常整理)
jQuery的效果函数列表： animate():对被选元素应用“自定义”的动画。 clearQueue()：对被选元素移除所有排队的函数（仍未运行的）。 delay():对被选元素的所有排队函数（仍未运行）设置延迟。 dequeue()：运行被选元素的下一个排队函数。 fadeln()：逐渐改变被选元素的不透明度，从隐藏到可见。 fad
2016-10-08 21:22:12
2360
转载 jquery+ajax
$(document).ready(function(){ //DOM的onload事件处理函数 $("#button").click(function(){ //当按钮button被点击时的处理函数 postdata(); //butto
2016-09-04 11:42:47
362
原创 HTML标签总结
HTML页结构：所有内容都在标签之内；内放的是头部信息，是对页面的描述，不会直接显示在页面中，内的中设置的时页面的标题。只能放在中;是页面的主体，大部分显示内容都定义在这里。所有页面都应该至少包含这些标签，由于浏览器容错性强，所以即使不包含也能正常显示，但是最好还是写完全了。颜色学习：body标签的bgcolor属性可以设定网页的背景颜色，XHTML结构：
2016-09-03 20:10:30
477
原创 js中parseInt();random();Math.ceil的学习
一、parseInt（）函数表达式：parseInt（string，radio）；string为将要转换的字符串，radio为转换的基数。可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，则 parseInt() 将返回 Na
2016-09-03 10:48:36
1688
原创 js小笔记
//随机函数funciton rand(min,max){return parseInt(Math.random()*(max-min+1)+min);}随机函数 上限减下限加下限 parseInt是取整，而你想要获取随机数的范围是从min~~max 所以得加一；//增加方法一：html结构就不写啦~~大家。。自己看懂方法就好了哦~~嘿嘿btn.onc
2016-09-03 10:16:47
379
原创 js瀑布流
瀑布流*{margin: 0;padding: 0;}#wrap{width: 800px;border: 1px red solid;margin: 0 auto;overflow: hidden;}#wrap ul{width: 200px;padding: 10px;list-style-type: none;font-size
2016-08-31 20:55:06
232
原创 纯javascript实现的选字游戏
选字游戏*{ margin:0; padding: 0;font-family: simsun;}#wrap{width: 420px;margin: 0 auto;position: relative;min-height: 540px;max-height: 640px;border: 1px #ccc solid;border-radi
2016-08-25 21:35:10
781
转载 快乐编程与极限编程
快乐编程与极限编程编程是一项聪明人玩的游戏，它既是对智力的考验，也是对习惯的考验，智力的好坏取决于父母的基因，人们无从左右，但习惯的好坏却是可以不断培养。一项由美国芝加哥大学国家研究组织进行的综合社会调查，公布了“十大最痛苦工作”排行榜，其中IT主管成了最让人痛苦的职业。程序员如何才能让自己的“痛苦”的职业不那么痛苦呢？世间少有天才，所谓天才，只不过是把别人喝咖啡的
2016-08-23 17:27:42
457
原创 js做的稍微复杂地计算器
复杂计算器body{margin: 0;}ul{ padding: 0;margin: 4px 2px;list-style-type: none;}form{margin: 100px auto;}#calcu-screen{width: 200px;height: 100px;border: 1px red solid;box
2016-08-22 21:28:34
1596
原创 无聊时做的简易计算器
计算器online + - * /= -->//方法1 给按钮写了一个点击事件，然后通过调用test()函数实现所需要的效果/*function test(){ var txt1 = document.getElementById("txt1"), txt2 =
2016-08-22 12:58:41
423
原创 Js实现京东大的轮播图及相关动画效果
test<>123456var list = document.getElementById('list');var lis = list.getElementsByTagName('li');var big = document.getElement
2016-08-19 21:24:43
1811
原创 用js实现淘宝购物车全选中的效果（checked)
check wonderfulvar sure = document.getElementById('sure'); //获取id名位sure的元素var list = document.getElementById("list");//获取id名位list的元素var lis = list
2016-08-19 07:52:10
11320
1
原创 HTML5基础篇之html(三）
今天新教了js 表示有点小压力啊。。。奋斗到了现在 差点忘记了更新……so sorry 下面进入正题六、a标签的4 种状态1.link:正常状态，也就是刚出现时候的状态2.visited 被点击之后的状态3.hover:鼠标悬停时的状态，不仅a标签有hover 其他标签也有hover,只不过悬停时不会出现小手。4,active鼠标点住不松手时的状态。
2016-08-16 22:12:00
461
原创 HTML5基础篇之html（二）
今天呢 继续往下回顾三、盒模型1.margin（外边距）1>距离的算法同级：边框外侧距离与边框外侧的距离嵌套：边框外侧距离父级边框内侧的距离2>影响的时标签的作用范围，不会影响显示范围。3>margin值的给法：margin: 0 0 0 0 分别是（上 右 下 左）的顺序margin:0 0 0 分别是（上 左右 下）的顺序margin:0 0
2016-08-15 19:23:52
383
原创 HTML5基础篇之HTML
本文章纯属个人学习之后总结的一些小经验，望大神指导指导一、html基本结构注：html大小写都可以 但是不要出现这种的（hTml）要么全都大写 要么全都小写 所有的标点符号都必须是英文状态下的！！！切记！！doctype 声明文档类型 千万不可以忘记meta charset="utf-8" 防止出现乱码（不写的话文件在浏览器里显示 文字可能都是以乱码
2016-08-14 20:06:49
356
原创 移动端rem自适应方案
假设设计妹妹给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的font-size属性，html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种：一、网易做法：引入：页面开头处引入下面这段代码，用于动态计算font-size(function(doc, win) { var docEl = doc.documentElement,
2017-12-01 16:36:33
1278
1
原创 es6改进es5中的一些坑
1. 块级作用域es5中有一个比较坑的地方就是变量提升（variable hoisting），variable hoisting的根本原因就是es5中没有块级作用域。看一下下面的代码：var a = 10;var b = 20;function add(flag) { if (flag) { var b = 10; return a + b;
2017-01-13 14:42:22
408
原创 Meta标签中的format-detection属性及含义
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：meta name="format-detection" content="telephone=no"meta name="format-detection" content="email=no"me
2017-01-13 14:41:02
363
原创 Javascript 6里的4个新语法
JS 的 ES6版本已经被各大浏览器广泛支持，很多前端框架也已经使用 ES6，并且还有 Babel 可以做兼容处理，所以ES6已经进入了应用阶段如果您对 ES6 还不太熟悉，下面4个简单的基础用法可以帮助您快速了解ES61.使用 let 和 const 声明变量在传统的 ES5 代码中，变量的声明有两个主要问题（1）缺少块儿作用域的支持（2）不能声明常量
2017-01-09 12:33:51
337
原创 JavaScript 6 里关于字符串的几个新用法
本文将要介绍在JavaScript 6(ES6)里出现的一个关于字符串操作的语法特征。Unicode字符的新表示方法Unicode字符通常是21个bit的，而普通的JavaScript字符(大部分)是16bit的，可以编码成UTF-16。超过16bit的字符需要用2个常规字符表示。比如，比如下面的的代码将会输出一个Unicode小火箭字符(‘\uD83D\uDE80’)，你可以在浏览器的c
2017-01-09 12:09:31
389
原创 angular 自定义指令
在angular中，Directive，自定义指令的学习，可以更好的理解angular指令的原理，当angular的指令不能满足你的需求的时候，嘿嘿，你就可以来看看这篇文章，自定义自己的指令，可以满足你的各种需求的指令。 本篇文章的参考来自 AngularJS权威指南 ， 文章中主要介绍指令定义的选项配置 废话不多说，下面就直接上代码//angular指
2016-12-11 21:09:35
1238
原创 去掉chrome记住密码后自动填充表单的黄色背景
chrome 表单自动填充后，input文本框的背景会变成黄色的，通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input : -webkit-autofill {background-color : #FAFFBD ;background-image : none ;colo
2016-12-07 23:00:14
941
原创 js继承
1、原型链继承核心： 将父类的实例作为子类的原型function Cat(){ }Cat.prototype = new Animal();Cat.prototype.name = 'cat';// Test Codevar cat = new Cat();console.log(cat.name);console.log(cat.eat('fish'));conso
2016-12-07 15:55:13
269
空空如也
遇到问题啦~~javascript
2016-09-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人