pdsu_zhao-优快云博客

原创面试题——web前端面试总结

通过近期面试（面试历程详见链接），对自己有一个更清晰的认识，现将遇到的面试题做出总结，希望可以给目前像我一样也正在找工作的你们一些建议吧，如下： 1、项目中遇到的浏览器兼容性有哪些？原因、解决办法是什么？常用hack技巧？（举例一二）兼容性 ...

2018-03-11 22:23:33 914

转载最全的Vue学习资料

目录UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库

2017-12-06 21:33:16 3285

转载 Vue全家桶实现一个购物Web App

好的生活，聚集美丽，成人之美！从现在做起！http://www.tuicool.com/articles/EBbmAjr效果预览:point_right:预览地址：请点我！在线预览，手机浏览或切换浏览器移动调试PS：google浏览器在切换不同的手机测试，需要重新刷新页面；安卓手机可能不适应:point_right:源码地址： Github在这里

2017-12-06 21:27:05 2956 1

转载深入理解express框架

写在前面Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。http://jafeney.com/2016/01/10/2016-01-10-express/Express 框架核心特性：可以设置中间件来响应 HTTP 请

2017-12-06 21:16:48 4516

尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户...

2017-12-06 21:07:43 1143

转载 Vuex简单入门

今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来

2017-12-06 21:02:18 384

转载 JsonView插件的使用

由于谷歌浏览器经常打不开应用商店，还有就是安装第三方插件的办法。方法就如下：由于最近做和json相关的东西，所以，以jsonView插件为例分享一下。 1、打开https://github.com ； 2、搜索 jsonView 链接：https://github.com/search?utf8=%E2%9C%93&q=jsonview； 3、选择需要的插件（我下载的是这个g

2017-12-02 20:50:34 14957 1

原创 Vue——Vue-cli脚手架+前端路由

Vue-cli是Vue的脚手架工具可以进行目录结构、本地调试、代码部署、热加载、单元测试1、MVVM框架View —— ViewModel —— Model （视图）（通讯）（数据） “DOM” “观察者vue实例” “Javascript”注意：交互为双向的特点：（1

2017-11-07 21:29:31 1267

原创 vue-cli脚手架开发项目问题——Cannot find module ‘stylus’

vue项目中使用stylus预处理器写css语法，老是出现 Cannot find module ‘stylus’ 的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。终于找到原因：在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylu

2017-11-07 16:45:08 9998

原创 ES6——基本语法与详情解析

1、let命令作用：用于声明变量，类似于var，但是，它只在let所在的代码块内部有效。{ var a=100; let b=200;}console.log(a); //100console.log(b); //Error，b is not defined性质：（1）let不存在变量提升（let VS var） //ES5

2017-10-18 10:28:03 7204

原创 Win10系统下搭建vue环境（解析）

下面任何命令都是在windows的命令行工具下进行输入，打开命令行工具的快捷方式如下图：快捷键采用windows+R进入命令行cmd、详细的安装步骤如下：一、安装node.js说明：安装node.js的windows版本后，会自动安装好node以及包管理工具npm，我们后续的安装将依赖npm工具。node.js的官方地址为：https://nod

2017-10-15 16:49:51 3204

原创 Vue.js——v-指令详解，component组件

其实，2016年至今，Vue发展逐渐占据主体，其“vue”为法语名，实则中文名为“view”，它主要是基于“MVVM”进行设计并开发的。M——Model 模型，用于数据保存V——View 视图，用于用户界面设置VM——ViewModel 视图模型，用于实现双向绑定即view的变化，自动反映在了viewModel上边，反之亦然。1、

2017-09-27 09:06:03 1639

原创 Web前端面试笔试题2——JS（1）：函数调用（局部变量/全局变量）

1、函数调用——局部变量/全局变量案例1-1：fun(a)函数有传参，即可更改“局部变量”var a=100;function fun(a){ a++; console.log(a);}fun(100); //101;console.log(a); //100解析：在上述案例中，由于函数fun()中传入参数“a”，所以a=100，进行了函数赋值，“a

2017-04-15 11:10:07 2413

原创 Web前端复习——Javascript复习（函数+分支结构）

1、函数指的是为一个任务进行封装在一个代码块中。（1）函数使用：声明、定义和调用function 函数名([参数变量列表]){函数体：包含任务的步骤清单(代码块)[return 返回值]}如何调用：[var 返回值] = 函数名([参数值列表]);函数只有调用时才执行（反复调用，反复执行）

2017-04-15 11:09:31 778

原创 Web前端面试笔试题目（1）：“n++”与“++n”的区别是什么？

1、案例1：var n=2;var r=n++ + ++n + n++;console.log(n);console.log(r);解析—— 上述小案例题目主要是一道用于区分前“++”、后“++”。解决该题目首要问题，首先要明白（1）表达式“n++” 、“++n”、“n++”=？（2）变量“n” =？其次，按照表达式从左

2017-04-12 17:59:26 1647

原创项目问题1："border:none"与"border:0px"有什么区别呢？

1、其实，从大体上讲，border:none;与border:0的区别体现有两点：（1）理论上的性能差异（2）浏览器兼容性的差异性能差异——a、“border:0px”中，把border设为“0”，虽然页面上看不见，但是如果按照border默认值来理解，浏览器依然对border-width/border-color进行了渲染，即已占用了内存值。b、“border:none”中，

2017-04-10 20:05:48 2781

原创 Web前端——CSS复习1（3.25）

1、什么是CSS? CSS是层叠样式表，又称级联样式表，简称样式表。作用：CSS实现了html文档中元素的样式定义，（1）实现了将内容与表现的分离；（2）提高了地代码的可重用性和可维护性。2、CSS与HTML之间的关系首先，HTML用于构建网页的结构，CSS用于创建HTML元素的样式；其次，HTML是页面的内容组成，CSS是页面的表现。上述解决了“结构与

2017-03-25 21:26:08 544

原创 Jquery——Day8（cookie插件）

1、使用cookie插件（1）生成一个cookie$.cookie('user','bnbbs');（2）设置cookie$.cookie('user','bnbbs',{ expires:7, path:'/', //设置路径，上一层； domain:'www.ycku.com', //域名 secure:true, //默认为false，需要使用安全

2017-03-03 17:09:52 367

原创 Jquery——Day7（Ajax提交表单）

1、创建数据库名称为“zhiwen”，表为id、user、pass、email、sex、birthday、date创建php文件：config.php、add.php、is_user.php（1）config.php

2017-03-03 11:09:38 369

原创 15.处理图像（案例：验证码+缩略图+加载系统字体+加载已有的图片）

在PHP5中的php.ini文件中包含了GD扩展包，只需要取代平GD扩展包的相应注释就可以正常使用。PHP5包含的GD库正是升级的GD2库，其中包含了支持真彩图像处理的有用的JPG功能，生成的图形，通过PHP的文档格式进行存放，还可以通过HTML的图片插入方式SRC来获取动态图形。简单的，如验证码、水印、微缩图。1、创建图像一般情况下，生成的图像可以是png、jp

2016-12-11 20:27:03 1078

原创 Javascript高级程序设计——15-2.常见的内存泄漏及解决内存泄漏

1、javascript中常见的内存泄漏问题常见的内存泄漏，第一种情况，大多数由于IE浏览器无法正常关闭导致的内存占用问题；第二种情况，是即使IE浏览器关闭，也无法释放内存。（1）给DOM对象添加的属性是一个对象的引用。范例： var MyObject = {}; document.getElementById('myDiv').myProp = MyObject; 解

2016-12-11 12:57:51 797

原创 Javascript高级程序设计——14.面向对象与原型（3）

继承A.继承是面向对象中一个比较核心的概念。B.正统面向对象语言有两种方式实现继承：（1）接口实现；（2）继承C.在ECMAScript只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成1、继承方式1——通过原型链实现（1）被继承的函数——“超类型”（父类、基类）（2）继承的函数——“子类型”（子类、派生类）作用：通过原型链继承，

2016-12-10 18:19:01 804

原创 Javascript高级程序设计——14.面向对象与原型（2）

1、创建原型访问prototype有两种方法（1）构造函数实例方法创建构造函数:在对象创建或者实例化时候被调用的方法。通常使用该方法来初始化数据成员和所需资源。构造器Constructor不能被继承，因此不能重写Overriding，但可以被重载Overloading function Box(){ ... } a、对象名访问protot

2016-12-10 12:32:08 546

原创 Javascript高级程序设计——14.面向对象与原型（1 ）

ECMAScript有两种开发模式：1、函数化；2、面向对象（OOP）, 面向对象有一个标志，即“类”，通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMASctipt没有类的概念，因此它的对象也与基于类的对象有所不同。1、创建对象案例1-1——对象的使用以及this关键字： var box=new Object(); box.name1='

2016-12-08 20:27:24 765

原创 Javascript高级程序设计——11.变量、作用域、缓存

1、变量及作用域（1）ECMAScript的两种数据类型：基本类型、引用类型值a、基本类型：栈内存中简单的数据段（完全保存在内存中的一个位置）b、引用类型：堆内存中的对象（保存实际上只是一个指针，该指针指向内存中的另一个位置，该位置保存对象）当把一个值赋值给变量时，解析器必须确定是基本类型，还是引用类型a、基本类型（5种）：undefined、null、boolean、stri

2016-12-07 17:45:29 810

原创 flex与布局（基本网格布局、百分比布局、一侧固定一侧自适应、圣杯布局）

1、基本网格布局分情况讨论：（1）如果所有的项目有相同的结构 flex-shrink压缩 .container{ padding-top:20px; display: flex; width: 500px;/*当容器container的宽度200<项目item的宽度150*2 */ height: 400px;

2016-11-13 21:34:16 16438 1

转载值得Web设计师收藏的20套免费图标素材

在网站设计中，图标是一个非常重要的元素，因为它们可以体现出很多细节，但在网站设计中，图标设计有时候很容易被忽略。也许图标只是一个很小的图形元素，但它们却在网站整体外观设计中起到了很重要的作用。比如，要联系你的用户你可以使用社交类型的图标，如果你想让网站显得更直观，你耶可以在菜单、列表等上面使用图标元素。在网上你可以找到很多免费的图标素材资源，商业风格的、休闲风格的、技术风格的，或者

2016-06-14 20:47:00 2231

转载 20 个常用的 CSS 技巧

Sandy 推荐：高级工程师 @ 游戏开发下面这几个CSS技巧你可能不知道，1.彩色照片变黑白，2.所有元素垂直居中，3.禁用鼠标，4.模糊文字，小编学完能量满满的，觉得对CSS又充满了爱，你也来看看。原文链接：http://caibaojian.com/useful-css-tips.html1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很

2016-06-01 17:18:45 705

原创 web前端开发项目中可能遇到的细节性问题（1）【position,padding+margin】

1.区别a和b——a.position：absolute； b.position：relative；——position:absolute;表示绝对定位，(1)其一般要设置高度跟居左的像素，即top/left,(2)其一般是相对于浏览器而言的；——position：relative；表示相对定位，（2）其一般相对应于上一个容器div而言；（3）需要设置容器间的间距

2016-05-26 21:01:00 2414 1

原创 web前端细节性问题(面试时可能遇到的问题)——div+css(2)

1.position定位属性四个定位方法，如下：a.绝对定位absolute h2{ top:100px; left:50px; position:absolute;} b.相对定位 relative .h2-pos-right{left:-20px; position:relative; //相对正常范围的向右移动；

2016-05-25 20:00:02 756

原创 web前端细节性问题(面试时可能遇到的问题)——div+css(1)

1.宽度和高度：width：200px； height:200px;2.边框border 设置border像素，虚线/实线，颜色 border-radius:8px; //表示边框的圆角弧度；3.内填充padding （面试可能出现的问题）分为四个方向：top right bottom left（上/右/下/左）padding：10px;

2016-05-12 20:33:07 1044

转载 Web前端开发学习3：SEO代码优化

Web前端开发学习3：SEO代码优化

2015-11-19 16:45:38 921

原创互联网运营

运营定义：（1）广义（一切围绕网站产品工作的人工干预都是“运营”）（2）狭义（更加细分的运营工作）运营分类：（1）用户运营：主体是“用户”，聊天、活动，诱导用户使用产品（qq群，粉丝见面会）（2）内容运营：整理或创造、发布内容，涉及具体的分工（内容采集&效果评估）（3）社区运营：是运营的一个分支，活动、抽奖、投票、讨论（知乎，社区，圆桌）（4）新媒体运营：...

2019-03-11 21:36:31 965 1

转载实习生--该不该努力下去？又要怎么努力...

毕业，就像一个大大的句号，从此，我们告别了一段纯真的青春、一段年少轻狂的岁月、一个充满幻想的时代，纷纷走向了社会。刚毕业的时候，作为职场新人，我们都拿着接近的薪水，干着相似的事情，大家都过得差不多。然而三到五年过去了，渐渐大家的差距就出来了。小伙伴A已经成了公司里的技术骨干，带领着自己的小团队，开始参与公司决策的事情；小伙伴B已经在业内小有名气，公众号、知乎、博客上粉丝众多，自...

2018-05-30 11:13:04 1811

转载运行node出现“ operation not permitted”错误解决办法

windows系统下使用node.js在使用npm安装express时报错的解决方法安装时出现如下错误C:\Users\admin>npm uninstall express -gnpm ERR! Windows_NT 10.0.14393npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodej...

2018-04-07 16:43:28 59771 4

转载前后端分离——SPA

一、背景1、什么是前后端分离？目前，大家一致认同的前后端分离的例子就是SPA(Single-pageapplication)，所有用到的展现数据都是后端通过异步接口(AJAX/JSONP)的方式提供的，前端只管展现。前端：负责View和Controller层。后端：只负责Model层，业务处理/数据等。 2、为什么要前后端分离？1）沟通成本目前的开发模式，做一些同步展现的业务效率很高，但是...

2018-04-07 15:57:19 2840

转载在中国，有多少程序员干到40了？那么其他人去干什么了？

转：知乎问答响马：今年 47，快五十了，每天编程时间平均六到八小时。身体肯定比不上年轻人了，三十岁的时候，我连续编程时间可以在二十小时以上，经常有人第一天上班看见我在公司，第二天上班看见我还在公司。年纪大了，明显容易疲劳，工作到两点以后，也就写不了什么了。一度身体状况也很差，过敏性鼻炎，颈椎病，肩周炎，周期性闹肚子等。去年开始进健身房健身，同时去看康复医疗医生做姿态矫正。几个月后这些问题明显改善，...

2018-04-07 14:11:19 23428 36

转载给我们年轻人的忠告

１、别老盯着存款，那些东西只是一个符号，说不顶用的时候马上不顶用，根本没有让你反应的时间，建议各位网友考虑换成其他的东西－－比如金条，让各位网友全换也不现实，但是至少应该换一根，每年春节的时候或者国庆的时候，银行都会发行这种金条，大概一万左右一条，上面应该还有某某银行发行的标志和成色注明，您还别嫌贵，买回来放在抽屉里，说不定哪天就能救您一命或者救您老婆一命（在钱没用的时候）。２、别买房，我指的是...

2018-04-07 11:34:29 541

转载浅谈程序员的绩效考核

今天一个朋友问我程序员应该怎么考核。我想了想，总结了下我理解中一般开发人员的绩效考核。考核的意义首先一个前提是，考核是手段不是目的。我一直觉得对一个团队来讲，有两个基本目标：一个是完成自己承担的工作任务，一个是提升整个团队的能力。这两个目标相互促进，进而实现螺旋式的上升发展。考核只是为了更好的了解工作情况和团队情况、更清晰更准确的认识剖析自我，为改进和提升做准备的技术手段。所以开发人员的考核对团队...

2018-04-05 21:55:15 22425