m0_38073829的博客

原创 JSON字符串手动拼接

return "xxx{" + "xxx='" + xxx+ '\'' + ", ggg='" + ggg+ '\'' + ", jjj='" + jjj+ '\'' + ", time=" + time + ", rrr='" + rrr+ '\'' + ", eee=" + eee+ ", data=" + data + '}'; ’https://www.duct.com?q=JSON.stringfy({taskName:data.name})’

原创 vue的双向数据绑定

Vue的双向数据绑定_vue双向绑定_归途风景111的博客-优快云博客

原创 原型链图: 理解原型链，简介明了

原创 原型继承

实现如下：new Porint2('x','y').print();function Porint2 (x,y) { this.x = x; this.y = y;}Porint2.prototype.print = function () { console.log(this.x,this.y);};new Porint2('x','y').print();也可以通过构造函数实现class Proint { constructor (x, y) .

原创 vue 监听$route的方式

$route 作为vue实例的一个响应式属性，和在data中写的属性本质上是一样的，都可以通过this的方式拿到。既然你可以监听data中的属性变化，同样也可以监听 $route 的变化。watch中监听的对象默认回调函数中的参数值就是newVal,oldVal。作为 $route 属性来说当然也就是 to 和 from 的概念了。// 接着在父组件内// watch $route

原创 H5开发中的故障

H5开发中的故障      移动端 Iframe滚动条问题      微信APP返回按钮不刷新页面      返回上一页      JSSDK 分享内容动态改变      JSSDK 跨域的分享链接[..持续更新中..]移动端 Iframe滚动条问题实际上 iframe 在移动端上的应用非常少，这里要友情提示下：“能不用，就坚决不用”。这是因为在移动

原创 VUE 中如何扩展组件内容

仔细观察Vue API 中extends扩展功能就能实现：

原创 模糊效果 使用filter滤镜

给图片外部设置背景色Background:rgba(7,17,27,0.5);filter:blur(10px);

原创 iOS11 前端适配遇到的坑

1. float 不支持用margin／padding 适配，哈哈我还真是个贾前端----2. line-height 不兼容目前没找到很好的办法，解决，期待前端王们 补充

转载 认识HTML5的WebSocket

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。一、什么

转载 HTML5去除input [type=search] 的默认边框和删除按钮

input [type=search]  是HTML新属性 ， 定义用于搜索的文本字段；x-webkit-speech  属性：在GOOGLE浏览器上  还会显示一个小话筒autocomplete="off"  属性  关闭浏览器自动记录之前输入的值webkit内核浏览器里 input 框类型如果是 type="search" 那么将会有边框

原创 关于clear:none

其属性值有四个clear:both|left|right|none;简单来说，clear属性的作用就是“清除”浮动。如果某元素设置clear:left;表示该元素左边不存在浮动元素相应的，clear:right;表示该元素右边不存在浮动元素；clear:both;表示该元素两边都不存浮动元素。clear:none表示两边允许有浮动元素。

转载 VUE 学习笔记

markhttp://blog.youkuaiyun.com/tonydandelion2014/article/details/51911406

转载 windows环境下搭建vue+webpack的开发环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，已经有将近两周了，每到最后一步的时候就会报错，搞的我好郁闷，搁置了好几天，今天又接着搞vue的开发环境，终于成功了。我要把我所参考的文档和实际遇到的问题分享给大家。由于本人也是初级菜鸟一枚，如果有错误，还望谅解指正。下面言归正传：所参考的文档链接：http://blog.youkuaiyun.com/syyling/ar

原创 设置meta标签 清除页面缓存，如：<meta http-equiv="Cache-Control" content="no-cache"/>

http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />http-equiv="Pragma" content="no-cache" />http-equiv="Expires" content="0" />Cache-Control头域Cache-Control指定请求和响应遵循

原创 解决react onTouchEnd事件在移动端，随手指滑动触发问题

react开发支持的事件中，onClick事件，部分标签不支持点击，只能onTouchEnd，但是在移动端，手指触碰到事件绑定元素上，滑动，也会触发该事件，故来share解决办法，有更好的方法，欢迎评论1.事件改为onClickCapture但是改完之后，你会发现可以点击，安卓手机测试，完全ok，但是ios上，事件却不生效，此时，完成下面一部，就解决了一大半了2

转载 jquery 动态修改url地址参数 及 参数值

url：地址；arg:要变更的参数名；arg_val:要变更的参数值代码：function changeURLArg(url,arg,arg_val){        var pattern=arg+'=([^&]*)';        var replaceText=arg+'='+arg_val;        if(url.match(pattern)){      

转载 React 基本事件用法

一、事件处理函数的使用鼠标事件：onClickonContextMenuonDoubleClickonMouseDownonMouseEnteronMouseLeaveonMouseMoveonMouseOutonMouseOveronMouseUponDroponDragonDragE

转载 React动态添加事件

第一种方法：[javascript] view plain copy  "en">        "UTF-8">      React       "lib/react.min.js">      "lib/react-dom.min.js">      "lib/browser.min.js">      

原创 React 坑及解决办法

原始地址：http://h5shop.org/article/50/React原则React不多做介绍，就是Facebook的一个开源JS框架，专注的层面为View层，不包括数据访问层或者那种Hash路由（不过React 有插件支持），与Angularjs，Emberjs等大而全的框架不同，React专注的中心是Component，即组件，React认为一切页面元

转载 React中的refs的使用

ref是React中的一种属性，当render函数返回某个组件的实例时，可以给render中的某个虚拟DOM节点添加一个ref属性，如下面的代码所示：[html] view plain copy print?body>      script type="text/jsx">          var App = React.crea

原创 react 中随state状态改变，数据在dom中渲染问题

初遇react，问题不断，react生命周期变化，会随着setState状态改变，昨天遇到个问题，处理到晚上10点，虽然自己琢磨未果，但是对生命周期有了很大的了解；后续再补充相关知识，先说需求：想获取对象嵌套对象中的某个属性，把值写入render中，渲染dom1.2.请求到json中图片，title ，描述  操作如下：

转载 实现移动端万年历

本文实例讲述了JS简单实现移动端日历功能。分享给大家供大家参考，具体如下：只是一个初步的简单的日历，有是否显示上月和下月部分的选项?1234567891011121314151617181920

原创 svn查找修改历史

转载 json 与jsonp 区别与原理

前言　　由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。　　当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须

原创 svn客户端 cornerstone 配置

转载 h5页面唤起app(iOS和Android),没有安装则跳转下载页面

由于研究了之后，和同事沟通，找到一个地址进入，分别测试不同手机，机型，安卓进入安卓应用商店，ios进入app store ；所以直接贴了一个链接，即可。下面方法，暂时没用到，分享给需要的盆友。COPY的方法如下，参考：------------------------------------------------浏览器和app没有通信协议，所以h5不知道用户的手

转载 h5+分享到微信、朋友圈代码示例

h5微信分享

原创 div盒子水平垂直居中的方法

这个问题比较老，方法比较多，各有优劣，着情使用。一、盒子没有固定的宽和高方案1、Transforms 变形这是最简单的方法，不仅能实现绝对居中同样的效果，也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%)  必须加上top: 50%; left: 50%;优点：1.      内容可变高度2.

原创 ios 配本地环境命令

ios配hosts 环境命令

原创 CornerStone 常见的图标含义

介绍Mac 中用svn 上传代码客户端工具CornerStone＋＋＋＋＋很多图标快速认识，加快开发速度A：add，新增C：conflict，冲突D：delete，删除M：modify，本地已经修改G：modify and merGed，本地文件修改并且和服务器的进行合并U：update，从服务器更新R：replace，从服务器替换I：ignor

原创 防止iframe调用

其中try。。catch 为Java用法，防止url地址为空判断

原创 input 表单文本禁用

原创 input 表单文本禁用

转载 webpack + vue之抽离css方法

大部分使用过webpack的朋友都知道，抽离css需要使用到webpack的插件extract-text-webpack-plugin，vue也不例外。官方给的vue-loader的文档里面有这样的描述module: { rules: [ { //处理js中引入的css test: /\.css$/,

转载 Node.js的文件系统的Api

Node.js的文件系统的Api//公共引用var fs = require('fs'),path = require('path');1、读取文件readFile函数//readFile(filename,[options],callback);/** * filename, 必选参数，文件名 * [options],可选参数，可指定flag（文件操作选项，如r+ 读

转载 jquery中prop()方法和attr()方法的区别浅析

官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabl

转载 Objective-C语法之代码块(block)的使用

代码块本质上是和其他变量类似。不同的是，代码块存储的数据是一个函数体。使用代码块是，你可以像调用其他标准函数一样，传入参数数，并得到返回值。脱字符（^）是块的语法标记。按照我们熟悉的参数语法规约所定义的返回值以及块的主体（也就是可以执行的代码）。下图是如何把块变量赋值给一个变量的语法讲解：按照调用函数的方式调用块对象变量就可以了：int result = myB

原创 屏幕滚动 固定导航栏

<script src="jquery-1.12.2.js"></script> <script> $(function () { $(window).scroll(function () { //获取页面卷曲出去的高度和.top的div的高度对比 if($(document).scrol

原创 循环数组创建表格