- 博客(23)
- 收藏
- 关注
RSS订阅转载 px单位html5响应式方案
移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。 但这种方案也有一个缺点，那就是font-size不为整数的时候一些字体使用rem单位会导致字体显示的有问题比如字体会产生锯齿，对视觉还原要求比较高的项目来说这还是令前端开发挺头疼的一件事的。 解决前端响应式无非就是在不同的设备下可以正常展示，这里介绍一种不需要rem方式的响应式...
2018-09-18 11:25:45
283
原创 vue学习笔记1-基本知识
1.npm 安装node.js的时候会一起安装npm包管理器，能够解决nodejs代码部署问题，常见使用如下： 允许用户从npm服务器下载别人编写的第三方包到本地应用 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用 允许将自己编写的包或命令上传到npm服务器上供别人使用 新版的nodejs已经集成npm，安装好nodejs之后使用npm -v命令检查是否安装成功。 2.we...
2018-08-30 16:23:50
140
转载 vue开发常见命令
1.安装脚手架 安装脚手架命令：npm install -global vue-cli 2.升级脚手架 有时候需要把整个脚手架升级一下，这个用到命令npm install --global vue-cli，这个命令会把整个脚手架升级一下，但是我发现使用上面npm-check命令可以把vue升级到2.4，这里升级以后还是2.3。 3.安装淘宝镜像 npm命令有时候很慢，需要用到淘宝镜...
2018-08-30 16:22:47
3255
转载 javascript知识点积累
001.JQuery操作下拉框 002.javascript中的正则表达式 003.jquery选择器大全 004.jQuery 遍历函数 ,javascript中的each遍历 005.jquery处理checkbox 006.js关闭和打开页面 007.点击按钮显示谷歌地图 008.超链接标签为什么会造成页面颤抖 009.javascript js string.Format(...
2018-08-30 16:15:30
147
原创 Ajax和Http状态字
Ajax及其工作原理AJAX 是一种与服务器交换数据无需刷新网页的技术，最早由Google公司在谷歌地图里使用，并迅速风靡。AJAX是不能跨域的，如需跨域，可以使用document.domain='a.com'；或者使用服务器代理，代理XMLHttpRequest文件AJAX是基于现有的Internet标准，并且联合使用它们：XMLHttpRequest 对象 (异步的与服务器交换数据) Java...
2018-04-02 11:11:37
195
原创 JavaScript 各种遍历方式详解
在$.each中想要终止循环，但是它没有continue或者break这样的终止方式，所以尝试使用return来进行终止，但是发现并没有跳出循环。为了搞清楚js中关于各种遍历方式的不同，通过查询进行了一下总结： 为了方便例子讲解，现有数组和json对象如下：1 var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'ang...
2018-03-29 10:16:53
145
转载 如何区分Babel中的stage-0,stage-1,stage-2以及stage-3（一）
大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码：{ "presets": [ "es2015", "react", "stage-0" ], "plugins": [] } 我们现在来说明下这个配置文件是什么意思。首先，这个配...
2018-03-27 10:50:23
660
转载 2018最新Web前端经典面试试题及答案
本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。:）另外，宣传一下自己发布不久的一个前端vue的项目：基于vue2.0 +vuex+ el...
2018-03-26 17:13:27
797
原创 js基础知识点总结
如何在一个网站或者一个页面，去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs)常用内部类:Data Array Math StringHTML属性，CSS属性HTML：属性.HTML属性="值"；CSS：对象.s...
2018-03-26 17:07:32
304
原创 Vue.js 入门到精通
命令行安装： 全局安装 vue-cli npm install -g vue-cli 创建一个基于 “webpack” 模板的新项目 vue init webpack my-project 安装依赖，走你 cd my-project npm install npm run dev 2.代理的属性，才会在修改全局变量时候，反应到视图上。var data = { a: 1 } var vm = new...
2018-03-23 17:58:44
257
原创 CSS 布局经典问题初步整理
本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。CSS 基础知识下面几个入门教程不错：幕课网 – HTML+CSS基础课程：偏基础，可以在线练习和预览MDN – CSS入门教程: MDN 的官方文档学习 CSS 布局：排版和配色特别舒服，简短但不深入，适合概览入门CS...
2018-03-15 11:33:21
157
原创 织梦实用基础
http://help.dedecms.com/v53/映入head模板 {dede:include filename="head.htm"/}----重点----将本地dede系统，移动到线上：1、www\data\backupdata 中的文件复制到新的dede系统backupdata文件里面2、打开新系统数据库->系统->数据库备份/还原->点击右上角处“数据还原”-&g...
2018-03-15 11:27:09
189
转载 面霸可以练成，程序员如何成功面试
一、概述“你的优势是什么？”面试中应该最长接触的一句话了，多年前我觉得这个问题很无聊，现在我经常这么问面试者，因为我真的想知道他的优势是什么，能给公司带来什么。面试其实可以当成一场聊天和谈判，在着过程中有心理、思想上的博弈。最终能和面试官聊的开心愉快投缘的叫面霸。反之叫面瘫。我带过的学生里找工作时有个有趣的现象，经常是懂沟通的人先找到工作，而不是技术最牛的那个。二、面试前准备1. 简历的几个注意事...
2018-03-15 11:25:16
129
转载 14个最新优质加载动画设计，让等待成为一种享受
互联网时代，网络“提速”日益频繁，人们打开Web或软件的速度越来越快，一般页面缓冲和加载地过程也是几不可查。然而，在某些情况下，例如软件急需加载大量页面，首页急需加载大量内容，用户下载文件过大，甚至是网页软件信息处理急需时间等等，难免会出现需要用户等待的时候。那么，在这些情况下，UI/UX设计师应该如何设计Web和软件，才能让用户心甘情愿的等待，而不是直接离开呢？答案很简单。美观，有趣，又实用的加...
2018-03-15 11:14:38
967
转载 HTML5 canvas画布（一）
HTML5中canvas元素用于在网页上绘制图形。Canvas的特点Canvas画布是一个矩形区域，可以控制其每一个像素Canvas使用JavaScript来控制画图Canvas具有直线、矩形、圆以及添加图像的方法Canvas标签的使用下面的代码是使用canvas画面绘制一个200*200红色矩形：<!Doctype html> <html> <head> &l...
2018-03-14 10:21:12
286
原创 什么是跨域？怎么解决跨域问题？
什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）http://www.123.com/index.html 调用 http://www.456...
2018-03-12 16:09:39
129
转载 数组操作方法归纳总结
1、数组创建：var arr = new Array();var arr = new Array([size]);//创建并指定长度，但是长度是可以随之发生改变的2、数组的头部添加删除：unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 3、数组的尾部添加删除：push() 方法可向数组的末尾添加...
2018-03-12 15:52:30
230
转载 关于js中处理数组的一些方法
1.锁定数组的长度（让数组的长度变成只读）。123456var a = [1,2,3] //定义一个数组<br>Object.defineProperty(a,"length",{ writable:false}) //将a数组的长度属性设为只读<br>a.length = 0 //将a的长度改为0<br>console.log(a.length); ...
2018-03-11 23:10:11
162
原创 数组去重
方法一：利用indexOf方法；?1234567891011var aa=[1,3,5,4,3,3,1,4]function arr(arr) { var result=[] for(var i=0; i<arr.length; i++){ if(result.indexOf(arr[i])==-1){ result.push(arr[i]) } } conso...
2018-03-11 22:41:49
169
转载 常见几种浏览器兼容性问题与解决方案
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。 浏览器兼容问题二：块属性标签flo...
2018-03-07 18:50:42
367
转载 javascript继承的6种方法
1.原型链基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。原型链实现继承例子：?12345678910111213141516function SuperType() {this.property = true;}SuperType.proto...
2018-03-07 18:44:18
1482
原创 javascript对象的七种创建方式
一、工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下所示：function createPerson(name, age, job){ var o = new Object(); o.name = name; o....
2018-03-07 18:37:45
140
原创 CSS3新增伪类
:root 选择文档的根元素，等同于 html 元素:empty 选择没有子元素的元素:target 选取当前活动的目标元素:not(selector) 选择除 selector 元素意外的元素:enabled 选择可用的表单元素:disabled 选择禁用的表单元素:checked 选择被选中的表单元素:after 在元素内部最前添加内容:before 在元素内部最后添加内容:nth-child...
2018-03-05 18:34:34
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人