a432143-CSDN博客

转载 svg 图标颜色无法修改的问题

iconfont图标symbol引用方式，有的图标不能通过设置color样式来修改颜色的解决办法现象：iconfont安装后的图标，是通过symbol引用方式，有的图标不能通过color修改颜色的解决办法，有的又可以。<svg class="icon" aria-hidden="true" style="color:red;...

2019-06-20 10:01:00 4165

转载 apply call bind区别

javascript中apply、call和bind的区别在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。 ...

2019-05-07 16:18:00 177

转载 webpack

最近朋友圈被《头号玩家》刷爆了，斯皮尔伯格一个资深电影导演，把对过去经典的致敬，对未来的憧憬浓缩在这一部电影中，可以说让观众燃了起来。观望整个前端开发，不断的演化，发展迅速。前端开发从最开始切页面, 前端自动化构建工具日新月异，从最初的Grunt,Gulp到现在前端项目可以说标配的webpack。我们先来致敬经典:1. 什么是webpack?...

2019-04-19 09:55:00 163

转载数组undefined 逗号

在数组中添加，会显示为undefined在IE8下，在ie8以上版本不会出现此现象，其他版本的浏览器会自动过滤小逗号转载于:https://www.cnblogs.com/Ting-log/p/10152049.html...

2018-12-20 20:18:00 157

转载 bootstrap datetimepicker

datetimepicker用法总结2016年4月21日更新目录 datetimepicker用法总结目录简述官方文档选项属性 1 format 格式 2 weekStart 一周从哪一天开始 3 startDate 开始时间 ...

2018-12-20 20:17:00 119

转载复制对象

function copy(obj){ var copy=Object.create(Object.getPrototypeOf(obj));//创建与此匹配的对象 var propNames=Object.getOwnPropertyNames(obj);//获取所有的键（属性） propNames.forEach(function(name){ var desc=O...

2018-11-06 15:55:00 75

转载 element.classList属性及方法应用

element.classList属性用于返回一个元素的className集合，并且该属性拥有add，remove，toggle，contains方法，详见：https://developer.mozilla.org/en-US/docs/DOM/element.classList。一般我们再操作dom节点的className时经常会有以下4个需求：判断该节点是否存在某个cl...

2018-09-10 10:54:00 1511

转载 Object.defineProperty

对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或...

2018-09-03 14:19:00 76

转载翻转正数--简单题

var reverse = function (x) { x = '' + x; var ret = ''; for (var i in x) { ret = x[i] + ret; } ret = ret.replace(/[^\d]/g, '') if (-1 * x > 0) { ret = -ret; ...

2018-08-02 10:25:00 100

转载 JS中的call()方法和apply()方法用法总结

最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般...

2018-07-24 09:08:00 55

转载工厂模式

解读：1、对象的构建十分复杂2、需要依赖具体的环境创建不同的实例3、处理大量具有相同属性的小对象代码1、工厂应该有厂长决定运输到底那条产品线2、消费者决定具体生产那条产品线即消费者决定子类var gongchang={};gongchang.changyifu=function(argument){this.gongren=50;aler...

2018-07-24 08:52:00 71

转载 vs2015设置右侧缩略图

一个文件中代码太长，难以定位到你想要的位置可以打开代码缩略图功能。方法设置如下：工具->选项->文本编辑器->所有语言->滚动条->行为(使用垂直滚动条的缩略图模式)可参考下图A->B->C->D->E：转载于:https://www.cnblogs.com/Ting-log/p/9345834.html...

2018-07-21 10:40:00 398

转载关于Vue实例的生命周期created和mounted的区别

关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganmin.cn最近刚写了一个手机在线播放的H5电影站：https://ifilm.linganmin.cn生命周期先上图什么是生命周期Vue实例有...

2018-06-14 09:30:00 131

转载 webpack配置vue项目引入和部分引入

引入css css-loader样式style style-loader(备注：style-loader与css-loader 引入顺序必须为style!css否则引入的file-loader中的@符号无法编译成功)字体图标 file-loader使用les...

2018-06-14 08:46:00 178

转载 npm

//i ->install//D ->--save-dev（开发依赖）//S ->--save(环境依赖)转载于:https://www.cnblogs.com/Ting-log/p/9181299.html

2018-06-14 08:17:00 74

转载 Vue 爬坑之路（五）—— 组件进阶

组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组件就完成了一个完整的组件，除了 <templat...

2018-06-11 17:07:00 76

转载 window.open --firefox

火狐window.open()window.open("http://baidu.com")；直接拦截chrome、ie等浏览器拦截是在ajax中window.open("http://baidu.com");------------------------------------------------------------------------------------...

2018-06-11 15:48:00 642

转载火狐浏览器中如何使用javascript:window.close()关闭窗口？

代码示例：<input type="button" value="关闭窗体" onclick="javascript:window.close()" /><input type="button" value="打印窗体" onclick="javascript:window.print()" />有时候在火狐浏览器使用javascript:win...

2018-06-11 13:18:00 198

转载 vue-transition

动画需要下载animated.css文件并引入命令 $brower install animated.css(备注：brower为纯前端的下载资源的管理工具)<transition enter-active-class="animated zoomInLeft" leave-active-class='animated zoomOutRight' ><p...

2018-06-08 09:49:00 67

转载 vue--router2.0

---title: vue-router2.0date: 2018-06-07 17:34:00tags:---//路由实例方法router.push({path:'home'})//直接添加一个路由，表现是切换路由，本质是往历史记录里添加一个记录router.replace{{path:'news'}}//直接添加一个路由，表现是切换路由，本质是历史...

2018-06-08 09:48:00 75

转载 vue 淘宝镜像

1、淘宝镜像安装npm config setregistry https://registry.npm.taobao.org2、配置后可通过下面方式来验证是否成功npm config get registry3.通过cnpm使用npm install -g cnpm --registry=https://registry.npm.taobao.org转载于:...

2018-06-07 16:05:00 1066

转载创建vue项目

项目模板Simple 个人感觉没用WebpackWebpack-simpleBrowserifyBrowserify-simple1、Npm install vue-cli -g 安装vue命令环境安装OK？vue-version2、生成项目模板Vue-init <模板> 项目名称例子：vue init simpl...

2018-06-07 16:03:00 75

转载 window.open浏览器弹出新窗口被拦截—原因分析和解决方案

标签：javaScript/window.open/打开新窗口/关闭新窗口/超链接13502 最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，在本机实验没问题，到了服务器就被拦截了，火狐有拦截提示，360浏览器拦截提示都没有，虽然在自己的环境可以对页面进行放行，但是对用户来说，不能要求用户都来通过拦...

2018-06-07 15:32:00 861

转载 vue通信

1、子组件想获取父组件的data在调用的子组件：<bbb :m="父组件的数据"></bbb>子组件之内：props：['m','myMsg']或者props:{'m':String,'myMsg':'Number'}2、父组件获取子组件数据子组件把自己饿数据，发送到父级子组件：vm.$emit('child-msg'，...

2018-06-03 17:37:00 69

转载 vue 组件

1、全局组件<div id="box"><aaa></aaa></div>var Aaaa=Vue.extend({template:"<h3>我是h3</h3>"});Vue.component('aaa',Aaa);注：数据，组件里的数据必须是data：function(){}且必...

2018-06-03 17:33:00 86

转载 vue-transtion交互(也叫作动画)

2018-06-03 16:17:00 353

转载自定义键盘事件

数据配合使用过滤器limitBy 限制几个limitBy 参数（取几个）limitBy 取几个从哪里开始filterBy 过滤数据filterBy ‘谁’orderBy 排序orderBy 1/-1orderBy 1--->正序orderBy 1--->倒序自定义指令Vue.directive(指令名称,function(...

2018-06-01 08:52:00 258

转载 vue生命周期

vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。ps:下面代码可以直接复制出去执行<!DOCTYPE html><html><head> <tit...

2018-05-31 08:55:00 51

转载程序代码中，怎么区分status和state？

State 表达的是形态，而 Status 表达的是从一种形态转换成另一种形态的过程中，那些有显著特征的离散中间值。还是说那个旅馆房间的例子，一个房间可以是婚房、普通房、豪华总统房，这些都是用 State 来表达。把一个普通房改造成豪华总统房，这个过程就有设计、材料准备、工人就位、施工、验收等步骤，这个时候就用 Status 来表达。那么，区分点在哪？区分点就在于一个房间...

2018-05-31 08:50:00 662

转载百度UEditor -- ZeroClipboard is not defined

项目中一直在使用UEditor，风平浪静。近期该项目引入了Requirejs，结果发现在有富文本编辑器的页面都会在控制台报出如下异常：Uncaught ReferenceError: ZeroClipboard is not definedueditor.all.min.js:265经查看代码后发现 ueditor.../third-party/zeroclipbo...

2018-05-29 15:57:00 559

转载 webstorm 设置ES6语法支持以及添加vuejs开发配置

webstorm中ES6语法配置当我们用webstorm打开我们所构建的elma项目中的main.js文件的时候，发现有标红的红线，原因是webstorm不支持es6语法，需要配置一下。配置方法：打开file–>setting,做如下操作如果想实现es6直接转化为es5，那么babel是个好选择。Babel是一个广泛使用的ES6转码器，可以...

2018-05-24 08:38:00 704

转载 vue-router

/* jshint esversion: 6 */注webstrom中不添加改注释报es6错误提示import Vue from 'vue';import Router from 'vue-router';import HelloWorld from '../components/HelloWorld';import first from '../components/first';...

2018-04-26 11:32:00 62

转载 Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource目前主流的 Vue 项目，都选择axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求前言：Vuex 的安装将不再赘述，可以参考之前的博客Vue 爬坑之路（四...

2018-04-24 16:41:00 96

转载 Vue 爬坑之路（四）—— 与 Vuex 的第一次接触

在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具Vuex完美的解决了这个问题。一、安装并引入 Vuex...

2018-04-24 13:57:00 69

转载 Vue 爬坑之路（三）—— 使用 vue-router 跳转页面

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档：https://router.vuejs.org/zh-cn/essentials/getting-started.html有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的 d...

2018-04-24 13:56:00 203

转载 Vue 爬坑之路（二）—— 组件之间的数据传递

Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。一、父组件向子组件传递数据在 Vue 中，可以使用props向子组件传递数据。子组件部分：这是 header.v...

2018-04-24 13:55:00 75

转载 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装 node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的 nod...

2018-04-24 13:54:00 63

转载 vue-cli安装

注：安装sass的前提是安装Ruby注：安装vue的前提是安装node注：安装node的前提是安装Python项目模板Simple 个人感觉没用WebpackWebpack-simpleBrowserifyBrowserify-simple1、Npm install vue-cli -g 安装vue命令环境安装OK？vue-v...

2018-04-24 13:43:00 46

转载 input事件

1.oninput&onchange：oninput和onchange都是事件对象，当输入框的值发生改变时触发该事件。不同的是，oninput是在值改变时立即触发，而onchange是在值改变后失去焦点才触发，并且可以用在非输入框中，如：select等。2.propertychange：功能同oninput，用以替代oninput在IE9以下的不兼容性。...

2018-04-24 11:23:00 527

空空如也

空空如也