2019年03月_编程鸭

翻译编写优秀 CSS 代码的 8 个策略

编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一。然而，我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。我认为这主要是因为许多开发人员对组织CSS / HTML和JavaScript的策略缺乏深刻的理解。在我和我们团队的观念中，编写可维护的前端代码非常重要。尽管我们有一些使用了多年的客户端，但要记住你永远不会是唯一一个工作于应用程序的人。仅仅...

2019-03-31 18:41:25 169

转载对于页面适配，使用 px 与rem区别！

css中的单位很多，%、px、em、rem，以及比较新的vw、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。所以不存在说某个单位是错误的，某个单位是最好的这种说法。那本文说的页面适配，指的是同样的布局，在不同大小的屏幕上怎么进行缩放、控制间距、宽高、字号等大小。页面适配的方式有很多：使...

2019-03-30 14:00:38 654

转载 9102 了，你还不会移动端真机调试？

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在移动端我们不得不借助于alert来调试，但是这样的调试方法效率极其低下，很多时候，都是靠经...

2019-03-30 11:41:51 135

转载 HTML+CSS：三种css的引入方式，内链式、嵌入式、外部式

本篇文章我们将为大家介绍下css的三种引入方式。（1）内链式引入内链式css样式表就是把css代码直接写在现有的HTML标签中，具体的使用方法如下面所示：<div>设置文字的颜色为红色</div>这里要注意：样式的内容写在元素的开始标签里，并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。多个css样式写...

2019-03-29 14:14:21 23655

转载你知道如何使用 Webpack 工具打包类库吗？

在编写库的时候，我们有时候会希望按需加载某些依赖，例如如果代码的运行环境不支持某些功能的话，就加载相关的 Polyfill 。webpack 作为当前最流行的打包工具，早已支持动态加载的功能了。本文将讨论一种用 webpack 打包含动态加载的类库的方法。注意，本文是写给类库作者看的，如果读者写的是应用，那就没有必要往下看了。示例类库// my-lib.jsclass MyL...

2019-03-28 14:46:44 1092

转载新手能看懂的（Interceptor）和（Filter）区别与使用！

一、拦截器与过滤器我们先了解一下过滤器和拦截器。这两者在功能方面很类似，但是在具体技术实现方面，差距还是比较大的。在分析两者的区别之前，我们先理解一下AOP的概念，AOP不是一种具体的技术，而是一种编程思想。在面向对象编程的过程中，我们很容易通过继承、多态来解决纵向扩展。但是对于横向的功能，比如，在所有的service方法中开启事务，或者统一记录日志等功能，面向对象的是无法解决的。所以AO...

2019-03-28 11:28:36 331

转载 web前端之“神秘”的跨域方式

什么是跨域：JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。有一点必须要注意：跨域并不是请求发不出去...

2019-03-27 10:04:04 125

原创 Python将成为2019最值得学的编程语言？

这篇文章将探讨编程语言世界的现在和未来，这些语言让新一代软件开发者成为这个数字世界的关键参与者，他们让这个世界变得更健壮、连接更加紧密和更有意义。开发者要想在 2019 年脱颖而出，这三门语言一定要关注。以下是 2019 年推荐软件开发人员学习的编程语言 Top 3。一、Python 在这个编程语言世界中，Python 绝对不是什么新生事物。它由 Guido van ...

2019-03-27 10:02:44 1008

原创如何让对象属性不可配置或枚举

一、什么是属性描述符？MDN：对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个拥有可写或不可写值的属性。存取描述符是由一对 getter-setter 函数功能来描述的属性。描述符必须是两种形式之一；不能同时是两者。数据描述符和存取描述符均具有以下可选键值：value 与属性相关的值。可以是任何有效的 Jav...

2019-03-25 14:41:18 608

原创 CSS粘住固定底部的5种方法

本文主要介绍一个Footer元素如何粘住底部，使其无论内容多或者少，Footer元素始终紧靠在浏览器的底部。我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住浏览器底部。需求看下图：全局增加一个负值下边距等于底部高度有一个全局的元素包含除了底部之外的所有内容。它有一个负值下边距等于底部的...

2019-03-25 14:31:04 1523

原创 Java小白如何一步一步变成Java大神的你知道吗？

对于刚刚接触编程的小白来说，对于如何学习可谓是脑子里一团浆糊，很多人都不知道该怎么去学习。今天小编就给大家分享一下Java学习的路线图吧。java学习路线图今天把java的学习路线图以及需要学习的知识点做一个简单的介绍首先我们得明白程序的组成部分，假设以google这个应用程序为例：打开google可以看到主界面当点击搜索的时候，请求到后台去处理然后后台去到数据库找相应...

2019-03-24 14:10:10 1015 1

原创干货分享：web前端面试题分享

有很多伙伴反映说想要前端方向的面试题，所以小编今天就来给大家分享一些面试前端岗位时，经常会遇到的经典面试题的一些回答干货。希望大家在读完整片知识的整理以及经验的总结，能够帮到你们面试。javascript1、JavaScript中如何检测一个变量是一个String类型？请写出函数实现方法1functionisString(obj){returntypeof(obj)===...

2019-03-24 14:02:17 344

转载用Python开发计时器程序的简单步骤

图形界面首先，我们使用 Qt Designer 来设计计时器的图形界面，参考如下：左边画三个按钮，分别命名为：开始、暂停、清零。右边画一个标签，文本内容为空。当然，你也可以直接导入我提供的Ui_timer.py 文件，然后编写其他部分代码。QTimer 介绍QTimer 类提供了一次性和可供重复使用的定时器。要使用这个接口，我们首先要创建一个 QTimer 对象，并将 t...

2019-03-23 14:52:06 1915

原创 JS添加getter与setter的六大方法。

一、定义 getter 与 setter1.通过对象初始化器在创建对象的时候指明（也可以称为通过字面值创建对象时声明）在 chrome 中调试视图如下：可以看到对象下多了get属性以及set属性当然get语句与set语句可以声明多次用来对应多个getter和setter使用这种方法的好处是可以在声明属性的时候同时声明对应的getter和set...

2019-03-23 10:53:36 1498

原创 Spring中的拦截器与动态代理的几大模式

什么是代理模式?如果用专业术语来解：为其他对象提供一种代理以控制对这个对象的访问。如果投影在生活中，它可以理解成中介黄牛经纪人等…解决的问题:在直接访问对象时带来的问题，比如说：要访问的对象在远程的机器上。在面向对象系统中，有些对象由于某些原因（比如对象创建开销很大，或者某些操作需要安全控制，或者需要进程外的访问），直接访问会给使用者或者系统结构带来很多麻烦，我们可以在访问此对象时...

2019-03-22 14:39:06 1045

原创 JavaScript的解析顺序对函数有何影响？

1.函数的定义方式我们都知道,在JavaScript中有两种定义函数的方式，分别为声明式函数和赋值式函数，但是两种函数在执行顺序却有不同。比如：声明式<script>fn();//1functionfu(){console.log(1)}</script>赋...

2019-03-22 13:53:40 123

转载学习JavaScript Promise，一些代码收集理解

前例：Promise是抽象异步处理对象以及对其进行各种操作的组件。Promise把类似的异步处理对象和处理规则进行规范化，并按照采用统一的接口来编写，而采取规定方法之外的写法都会出错。下面是使用了Promise进行异步处理的一个例子1varpromise=getAsyncPromise("fileA.txt");2promise.then(function(re...

2019-03-21 15:32:04 118

原创 async和await有什么区别？

async和awaitasync叫异步函数。是ES2017新出的，这让异步操作变得更简单了。本质上是Generator的语法糖，所以本质上还是操作promise对象观察状态。将promise方法中得generator和yield替换成async和await结合使用，也就是一个语法糖语法糖：同样的代码效果，只用了更好的写法用法，也更用于理解，有利于编码风格的优化。比如es6的class，与之...

2019-03-21 14:34:37 8245

编程知识分享