- 博客(23)
- 收藏
- 关注
原创 react面试,react复习
1.export default class App extends Component<Props> 与export default class App extends React.Component 写法的区别component和react.component与react包是同一个类,只在导入时有所不同。如下import React from 'react';expo...
2019-10-18 10:51:28 224
转载 vue-cli3 的webpack配置
@vue/cli的webpack配置查看默认配置因为Vue CLI 内部的 webpack 配置是通过 webpack-chain 维护的, 把一些常用的内容配置好. vue-cli-service 暴露了 inspect 命令用于审查解析好的 webpack 配置。vue inspect > output.js将webpack默认配置, 重定向到一个文件中.其中的一段为...
2019-09-20 14:00:08 921
原创 react服务端渲染next.js+antd
next.js是基于react实现的服务端渲染,为单页面实现良好的seo带来了福音;初次采坑next.js;1.next.js+antd实现滚动到相应的位置动态的添加class名来实现动画效果,但是在开阶段完全没有问题,npm run build打包之后无法实现滚动效果;解决方案:找不到原因之前,我怎么猜也猜不到是css的原因,npm run build打包后看打包后的文件,发现打包过程会...
2019-07-08 23:47:54 970
原创 vue面试题总结
1.vue组件的scoped属性的作用;在style标签上添加scoped属性,以表示它的样式作用于当下的模块,很好的实现了样式私有化的目的;但是也的慎用:样式不易(可)修改,而很多时候,我们是需要对公共组件的样式做微调的;解决办法:①:使用混合型的css样式:(混合使用全局跟本地的样式)<style> /* 全局样式 */ </style><...
2019-04-09 17:39:31 1045
转载 javascript对数组函数中的某一个或两个字段进行排序
javascript中对一个对象数组按照对象某个属性进行排序在javascript中,对象和数组是两种不同的类型,这和php中的数组概念不同。在javascript中,也有一些精妙的算法,用来对一些对象进行排序。我在面试迅雷的时候,也拿到一道题,当时做题的时候考虑到时间,没有去仔细研究,回来后再读了一些方法,就知道真正的考点在哪里了。我们现在有一组“学生”对象,包含“名字,年龄”等属性,现...
2019-03-01 12:02:41 1498
原创 滚动穿透问题完美解决方案
滚动穿透:简单的说,滚动穿透就是弹层中有滚动时,滚动弹层滚动条背景下面内容也会滚动;目标:弹层滚动时,背景下面内容不会滚动,弹出层关闭后页面的滚动位置仍在原处不会丢失!下面这段代码直接引用,看效果;<!DOCTYPE html><html lang="zh-CN" ><head><meta charset="utf-8"><
2019-01-22 10:30:22 2013
原创 移动端页面input不能获取焦点,不能输入
最近做的一个响应式项目,在移动端测试时,iphone上输入框input无法获取焦点,如法输入,安卓上周正常,解决方法:1.使用js解决问题:const input = document.getElementsByTagName('input')[0];let interval;input.onfocus = () => { interval = setInterval((...
2018-12-07 14:41:37 6005
原创 学习vue+node+monogdb的一些坑
好久没有写博客,今天从这个坑里面爬出来安耐不住想要记录下来,也想分享分享,坑一:使用vue-cli搭建项目是时使用了eslint检测报错具体报错:看到这么多措收不了了,最后找的解决方法:原因是Vue对语法比较严格,而eslint是一个语法检查工具,对语法要求极其苛刻严格,于是就error了解决之道是关闭eslint的语法规则,找到build/webpack.base...
2018-11-09 11:16:44 167
原创 textarea表单提交特殊符号
textarea表单提交特殊符号:最近用angular5做了一个网站,其中就遇到了个尴尬的问题,用表单提交textarea内的数据导后台,但是提交你了,以下是解决方法:用encode编码之后在提交;写作方式如:var content=“#¥$@<>?hsd";encodeURI(content);通过这个转换之后再提交就完美解决了;接下来说说encode转码:js对文字进行编码涉及3个...
2018-06-04 14:47:35 4293
转载 angularJs中service的三种方法以及区别(factory,service,provider三者的区别)
1.引言在angularJS中service是我们经常用到的一个东西,从最开始,我们就知道service有三种方法,service(),factory()和provider()三者的异同和应用场景也是经久不衰的话题,网上有大量的文章和代码讨论三者的使用和区别但其中多数说的都一知半解,让人一头雾水,今天让我们聊聊angularJS中的service2.service的作用
2017-12-07 10:03:38 998
转载 Nginx配置文件学习
Nginx的配置文件nginx.conf配置详解如下: user nginx nginx ;Nginx用户及组:用户 组。window下不指定 worker_processes 8;工作进程:数目。根据硬件调整,通常等于CPU数量或者2倍于CPU。 error_log logs/error.log; error_log logs/error.log no
2017-09-20 11:05:42 372
转载 AngularJS 中的Promise --- $q服务详解
AngularJS 中的Promise --- $q服务详解先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多的实现方式,比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟
2017-08-24 17:19:58 512
原创 关于angular的$state.include()方法与ui-sref和ui-sref-active的使用或者关于angular激活状态的判断
$state.includes方法用于判断当前激活状态是否是指定的状态或者是指定状态的子、父状态.$state.includes方法接受三个参数,其中第二和第三个都不知道是干啥的...估计也不太用得到,就暂时不管了...eg:$state.includes(stateOrName,params,options);stateOrName:字符串, 是一个状态的名字(一般是指路由状态名
2017-08-22 16:27:08 1002
原创 webStorm的使用即常用快捷键
我也是最近做的一个有关node的项目,才开始接触到webstorm,因为他自带了开发环境,所以开发起来非常方便,简单;WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,虽然他本身就有很多优势,但是想开发的更快,必须的掌握一些常用的快捷键; 现在分享一些关于我在新项目中使用的一些快捷键;1.关于写代码的打开文件: Ctrl
2017-07-26 17:24:53 309
原创 ueditor中table没有边线及修改边框颜色问题
打开ueditor.all.js1、找到下面的代码,修改[javascript] view plain copyutils.each(tables, function (table) { removeStyleSize(table, true); domUtils.removeAttributes(table, ['style
2017-07-21 17:36:20 4371
原创 jquery中click点击事件嵌套后多次触发的解决方案
首先讲讲我遇到这个问题的时候,我最开始想到的是阻止事件冒泡,想了一下好像没有什么关系的,最后决定还是动手做做看,放到项目中试了试确实是没有什么关系的,傻眼了怎么办,来讲讲我的亲身体验吧!产生此种小姑的原因:jQuery中的click事件会累计绑定,所以我们可以在下次点击前先解绑;1.一个接单的例子 #box{ width: 100px; height:
2017-06-01 09:51:54 22413 2
原创 jQuery修改标签的内容或值
我一直知道要修改标签的内容和值有三种方式,但是最近遇到一项目却让我在改变表单元素的值上浪费了很多时间,其实我大概都知道他们的区别在哪里,只是有的shih
2017-05-11 14:26:01 34516
转载 H5的新特新及API
h5新特性总览移除的元素纯表现的元素: basefont、big、center、font等 对可用性产生负面影响的元素: frame、frameset、noframes新增的API语义: 能够让你更恰当地描述你的内容是什么。 连通性: 能够让你和服务器之间通过创新的新技术方法进行通信(web sockets等)。 离线 & 存储:能够让网页在客户端本地存
2017-04-06 09:43:27 1082
转载 json和jsonp和ajax的实质和区别
json和jsonp和ajax的实质和区别ajax的两个问题 1.ajax以何种格式来交换数据 2.跨域的需求如何解决 数据跨域用自定义字符串或者用XML来描述 跨域可以用服务器代理来解决jsonp来跨域 json是一种数据交换格式 “暗号” 描述信息格式 jsonp是非官方跨域数据交互协议 “接头方式” 信息传递双方约定的方法 jso
2017-04-05 23:21:06 2654
转载 jQuery对象与DOM对象的转换
什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementByI
2017-04-05 22:43:32 307
原创 闭包的理解
闭包:简单的理解为函数中嵌套函数在返回函数;(闭包javascript 是最强大的特征之一,它允许函数访问局部作用域之外的函数。)例如一下的例子:function outer () { var i = 5; function inner() { console.log(++i); }; return inner; } var result = oute
2017-04-05 21:43:34 561
原创 jQuery轮播
Document *{margin:0; padding:0;} #container {width:400px; height:400px; position:relative; margin:0 auto; border:1px solid; overflow:hidden;} ul {list-style:none;} #box {height:400px; positi
2017-04-05 21:40:11 268
原创 zepto之tap事件点透问题分析及解决方案
点透现象出现的场景: 当A/B两个层上下z轴重叠,上层的A点击后消失或移开(这一点很重要),并且B元素本身有默认click事件(如a标签)或绑定了click事件。在这种情况下,点击A/B重叠的部分,就会出现点透的现象。点透现象出现的原因: zepto的tap事件是通过兼听绑定在document上的touch事件来完成tap事件的模拟的,并且tap事件是冒泡到docume
2017-04-01 21:44:42 1274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人