- 博客(88)
- 收藏
- 关注
RSS订阅转载 使用overflow：hidden之后使的同行元素不对齐
一个父元素（块级元素）中有几个在同一水平线上的几个元素（行内块元素），设置其中某个元素的oveflow:hidden之后，会导致这几个行内元素不再是同一水平线上对齐原因是：1）行内元素的默认vertical-align:baseline（基线对齐），设置overflow不为visible之后会改变他的基线为下边距边缘2）其他行内元素为了对齐，就会发生向下偏移的现象解决方案...
2019-04-13 17:42:00
978
转载 script 标签的defer,async的作用，及拓展浏览器多线程，DOMContentLoaded
前端优化有一点就是优化js的执行时机，一般做法是将script放置于body的结束标签，以避免加载执行js 文件导致页面渲染阻塞的问题这种做法确实能防止页面阻塞，但是在页面渲染完成之后才去加载js文件，有时候会显得js文件加载时间过长。于是我们可以合理的使用script的属性defer,async（一）分析defer，async的作用（1）在不加defer，async的情况下页面...
2019-04-09 16:05:00
232
转载 函数防抖，与函数节流
在项目中，我们会经常使用到mouseover，mouseenter，resize，scroll等，这些函数会频繁的触发，因此会造成资源浪费。因此我们需要进行优化，这个时候就需要使用到函数防抖（debounce），或者函数节流（throttle）1）函数防抖（debounce）就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间（...
2019-02-28 23:40:00
127
转载 js的模块化规范
js的模块化规范常见的有：AMD，CMD，commonJS，UMD，es6前期在没有模块化的时候，js文件十分庞大，于是就按功能抽离划分为多个js文件。但是在html页面通过script的方式加载大量js文件会出项许多问题，例如文件之间的相互依赖问题，浏览器的阻塞问题，接着就有了模块化规范。对于前端拥有AMD,CMD,UMD，ES6的import/export1）AMD...
2019-01-31 11:11:00
102
转载 angularJS自定义服务的几种方式
在angularJS中定义服务共有四种常见的方式：factory，service，provider，constant，value使用形式的不同：1）factory以返回对象的形式定义服务： myapp.factory('factorySer',[function() { return { getName: function () { ...
2019-01-28 22:40:00
206
转载 webpack入门认知
webpack 是什么？本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。主要概念，及作用，及使用方式？主要概念：ent...
2019-01-25 10:16:00
58
转载 redux学习与使用
Redux:主要概念Action，reducer，store，state原理：dispatch ({ type:action, preload: { val } } ) --->reducer(修改state)store:Store 就是把它们(state，action，reducer)联系到一起的对象维持应用的 state；提供 getSt...
2019-01-25 10:15:00
58
转载 vue-router 结合源码分析原理
路由响应过程：浏览器发出请求服务器监听到num端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等）浏览器根据数据包的 Content-Type 来决定如何解析数据一般的vueRouter的代码模式是这样的：let router = ne...
2019-01-22 16:18:00
94
转载 npm 发包的简易流程
发包的简易流程：https://www.jianshu.com/p/ea64fd01679c错误集锦：npm publish error: 403. You do not have permission to publish 'project name'：包同名使用方法指南：1. 注册一个账号你有两种方式注册一个账号：去npm 网站注册或者使用npm add...
2019-01-18 15:19:00
71
转载 vuex基本熟悉与使用
vuex的入门与使用讲解官网：https://vuex.vuejs.org/zh/guide/state.html定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。使用场景？如果我们在项目中有很多状态需要管理，但是storage，cookie等...
2018-12-29 15:50:00
43
转载 weex入门篇
weex入门篇Weex 致力于使开发者能基于当代先进的 Web 开发技术，使用同一套代码来构建 Android、iOS 和 Web 应用。weex SDK 集成了vueJS，Rax,不需要额外引入。一）环境的搭建1）搭建android环境：首先安装搭建好AndroidStudio，参照react-native 官网环境搭建（比较清楚），适用于weex。2）安装weex...
2018-12-07 10:08:00
181
转载 vue项目修改favicon
首先你的在你的static文件中添加favicon.icon然后通过以下方式进行修改1）方式一：修改index.html文件<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">这个方式可能存在的问题是，在你切换路由的时候，favicon可能又会出错，因此建议使用...
2018-09-11 15:58:00
255
转载 IE9 下面, XMLHttpRequest 是不支持跨域请求的解决方法
在 IE9 下面, XMLHttpRequest 是不支持跨域请求的. IE10 的XMLHttpRequest支持跨域, 而 IE8, IE9 需要使用XDomainRequest来实现跨域..factory("ie9Http",["$q",function($q){ // ie9 xmlHttp 不支持cors跨域解决方案 return { ...
2018-07-27 16:53:00
365
转载 关于h5屏幕适配
1）使用rem进行等比缩放rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小比如根元素（html）设置font-size=12px; 非根元素设置width:2rem;则换成px表示就是24px；如果根元素设置成font-size=1rem;则根元素换成px就是相对于初始字体大小，一般是12px；原理分析：rem屏幕适配就是...
2018-07-18 14:28:00
94
转载 angularJS指令动态加载template
angularJS提供了自定义指令的功能，指令可以定义自己的模板控制器，这个就类似于现在框架的组件，一个指令一般对应一个模板， templateUrl: 'templates/exportTmp.html', template:'<div>............</div>'但有时候我们想动态改变加载的指令模板1）合理使用ng-in...
2018-07-09 14:03:00
350
转载 react-router4.0的使用
近来很忙，学了一波react，特来记一笔，分享下react-router的使用方式第一步引入内部组件import {Route,BrowserRouter as Router,Switch,Link } from "react-router-dom"1）配置路由文件，一个路由对应一个组件，平级路由import SelfHeader from './compon...
2018-07-07 11:36:00
71
转载 angularJS的ng-repeat-start
使用angularJS的同学对ng-repeat都不会陌生，他是用来进行数据循环的，一般用于数组或者对象。但是今天我们用到了一个ng-repeat-start。ng-repeat-start,与ng-repeat-end配合使用，分别指定循环的起始元素，循环的截止元素，意思就是指定一个循环块。如果只是简单的ng-repeat进行数组循环，并且配合表格使用，一般来说只能实现以下这种...
2018-07-06 19:18:00
335
转载 angular指令的详细讲解，不断补充
独立作用域：就是在指令中设置了scope: ****·false共享父作用域·true继承父作用域，并且新建独立作用域·object不继承父作用域，创建新的独立作用域一般来说我们会使用第三种方式：为了避免同一父级作用域下，多个指令的相互污染。在指令中设置了独立作用域之后，就会用三种方式与外界进行交互：@，=，&1）@这种使用方式一般使用与指令内部的作...
2018-07-04 20:38:00
103
转载 实现输入框换行
应产品要求，实现输入框换行功能，但是传统的input不支持换行操作，故而使用其他方式进行实现。方式一：contenteditable属性的使用使用一个div，<div contenteditable="true" id="t"></div>但是存在问题是如果配合vue的双向绑定会报错方式二：使用textarea进行模拟，监听内容变化，动态改...
2018-07-04 20:05:00
2098
转载 vue2.0实现一个模态弹框，内容自定义（使用slot）
定义模态框：合理使用插槽model.vue<!-- 模态弹窗 --><template> <div class="self-modal" v-show='showModal' @click="cancelClick" v-bind:style="styleObj" @touchmove.stop.prevent> ...
2018-07-04 19:55:00
714
转载 记一笔vue中的中央事件总线的问题，以及解决方案
代码结构：首先HeaderNav组件是被单独拎出来的，router-view中就对应了内容组件，由于有时候i有的界面的header内容是不一样的，因此要用到兄弟组件的相互通信，这个时候我首先选择了bus[中央事件总线]<div class="" v-if="!showScan"> <HeaderNav/> <router-...
2018-06-17 13:31:00
251
转载 git的基本使用
1)下载安装git2)配置git信息 git config --global user.name "XXXXX" git config --global user.email "XXXXX" 查看当前用户配置信息： git config --global --list3) git的工作流程一般是a:）在工作目录中添加，修改文件b:）将需...
2018-06-09 12:14:00
56
转载 项目代码部署百度云（使用git部署，node环境）
学习做了一个小demo,总是在自己的电脑，和局域网上运行很没意思，现在就做点有意思的事情，将代码部署百度云。1)首先你得进入百度云（直接百度，先要注册一个账号）2）点击那个“应用引擎”，就会进入3）点击“添加部署”，一系列操作之后，4）然后“点击复制”，这个就是我们需要的clone的地址，（我是使用的git进行部署的,环境是node做server），然后在本地...
2018-01-27 11:04:00
187
转载 webstorm配置scss的小结
1)安装ruby2)安装sass3)配置webstorm打开webstrom ->file->setting->Tools->file watcher添加scss program:C:\Ruby22-x64\bin\scss.batarguments:默认的是在scss目录中生成css,如果要改变路径就需要进行配置(这里配置...
2018-01-02 11:24:00
108
转载 使用gulp 合并压缩打包，实时监控文件，实现本地server
今天不讲webpack，就说说gulp是怎么进行压缩合并打包 首先你的安装gulp ： npm install gulp -g --save-dev然后最基本的你因该知道gulp 的四个方法，gulp.src：读取文件gulp.pipe：将文件流输入到指定的文件目录gulp.task：建立gulp任务，例如合并，压缩，清除文件，gulp.watch：用于监听文...
2017-11-26 17:50:00
170
转载 express的学习，与使用
最近在学习vue的一个实战项目，碰到一个express,当时很萌，就随便看了看................expres是基于node 的一个web框架，首先可以找到它的官网照着学习这里只讲一些官网上没有的或者很晦涩的东西.........1）模版引擎的使用给出package.json的依赖{ "name": "demo", "version": "1....
2017-11-12 23:34:00
80
转载 angular的指令独立作用域（以及$watch的使用）
在编写指令的时候，会有一个独立作用域的问题（scope），他默认的是scope:false 不创建自己的作用域，直接使用的就是父级的作用域， 问题：容易出现全局的污染，是的指令的重复性使用回出现一些问题。scope:true 创建指令自己的独立作用域，继承父级的作用域，可以解决上面的问题scope:{ //&,=,@ name:...
2017-10-19 13:25:00
98
转载 angualrJS（mvc）指令嵌套使用的一些问题
angular的指令拥有一个独立作用域的概念、一般定义指令的形式；define(['app'],function(mianapp){ mainapp.directive("tlmsAolInfoAdd",[function(){ return { templateUrl:'js/directive/...../tlmsAolInfo_add.html', ...
2017-10-18 13:50:00
70
转载 关于angular的好文推荐
独立作用域篇1）http://www.angularjs.cn/A09C2）http://www.cnblogs.com/wangmeijian/p/4944030.html理解$watch ，$apply 和 $digest --- 理解数据绑定过程1）http://www.jb51.net/article/59538.htm2）http://www.a...
2017-10-16 17:09:00
76
转载 input type=number 禁止输入字符“e”的办法
输入框input,的type设置为number,本想只输入数字，但是字符“e”却能通过，首先科普一下， <body> <input onkeypress="getCode(event)" /> </body><script> function getCode(e){ ...
2017-10-12 11:06:00
807
转载 axios的简单使用
既然官方已经说了不在维护vue-resource，那我们就看看axios是怎么使用的..........1)get方法的使用axios.get <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>axi...
2017-09-28 17:16:00
472
转载 $apply
http://blog.csdn.net/dm_vincent/article/details/38705099转载于:https://www.cnblogs.com/evaling/p/7604287.html
2017-09-27 22:14:00
55
转载 angular(mvc)指令的嵌套使用
关于指令嵌套的使用，取值问题。原理类似于控制器中使用指令，父指令类似于控制器，子指令就类似于控制器中指令。通过传值方式‘=’，我们直接可以在父指令中获取数据举一个例子：有个指令parentDirective模板文件是：parentHtml还有一个childDirectivemyapp.directive("childDirective",[function...
2017-09-26 16:30:00
72
转载 初探babel转换器的安装与使用
一、配置.babelrc文件（没有名字的文件）Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。基本格式如下：{ "presets": [], "plugins": []}在windows系统中，好像是不能直接建立无名文件的，你可以打开命令行type nul>.babelrc二：安装...
2017-09-19 13:09:00
147
转载 async的异步使用es7
关于异步的问题，一直很受关注，es7中的async...await也是针对异步问题的。需求：我想使用promise,和async这两种方法，在一定时间之后输出一个‘hellow world’使用promise:function outWorld(v,ms){ return new Promise(resolve=>{ setTimeout(...
2017-08-27 18:59:00
134
转载 promise的学习心得记录
这里只讲promise,和async的使用方法，不会讲他们的原理。Promise 是异步编程的一种解决方案,可以用于取代传统的回调函数，该变那些函数层层嵌套调用的尴尬局面。1）promise基本语法：var p= new Promise(function(resolve,reject){ if(....) resolve(); else reje...
2017-08-27 17:18:00
106
转载 angularJS控制器之间的相互通信方式、$broadcast、$emit、$on
在项目中，我们可能会很经常性的利用到控制器之间的相互通信，在angular中的控制器之间的相互通信有以下几种方式：1）通过本地数据的存储localstorage,sessionstorage,2）通过rootScope，顶级作用域3）通过$broadcast,$on,$emit的方式进行通信在此就讲解下如何通过第三种方式进行通信的问题：$broadcast：顾名思义是...
2017-08-22 21:47:00
97
转载 js的call,apply，bind的使用与区别
在原生js中会有三个很常见的函数，call,apply,bind他们的作用就是改变当前函数的this指针，但是细微来说他们还是有不同的。1）call,apply都是执行某一函数，发现this有变得时候才使用的（进行时）2）bind是在函数进行调用之前，就强行给变了this的指向（进行前）,它的效果是返回一个函数（只是给变了this指向）说的很多了，不说了demo ...
2017-08-19 13:15:00
71
转载 组件之间的通讯：兄弟组件之间的相互通讯,以及父子之间的通信（中央事件总线）...
组件之间的通讯：父->子:通过props,data属性，子->父：通过派发事件兄弟组件：中央事件总线（......data{ Bus:new Vue()}.....）更为复杂的通讯：就是用vuex关于兄弟组件之间的通讯官档上推荐使用中央事件总线，我们也确实是这样做的，中央事件总线，其实就是在父组件data中在实例化话一个vue实例，用于管理组件之间...
2017-08-12 10:48:00
145
转载 组件之间的通讯：vuex状态管理,state,getters,mutations,actons的简单使用（一）
之前的文章中讲过，组件之间的通讯我们可以用$children、$parent、$refs、props、data。。。但问题来了，假如项目特别大，组件之间的通讯可能会变得十分复杂。。。这个时候了我们就用vuex进行组件通讯 。至于什么是vuex,简单的说就是一个状态管理器，它管理着我们所有想要它管理的状态，这也就意味某一状态一经变化，其他使用到这个状态的其他组件中数据也会变化...
2017-08-09 20:23:00
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人