大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

javascript

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。[1]  为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

可以缩放的侧边栏

mainWrp { padding: 10px; background-color: lightcyan; z-index: 2; transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1) } .shrik { transform: scale3d(.8) translateX(70%) } nav { position: fixed;

tab滑动切换内容效果

tab滑动切换内容效果 前端入坑纪 57 今天来分享个曾见到过的tab效果! 好,详解如下! OK,first things first! 点我查看实际效果 简约界面 HTML 结构 a1 a2 a3 a4 a5 a6 a7 a1_Content a2_Content a3_Content a4_Content a5_Content a6_Content a7_Content 所有滚动效果的div都外部嵌套两层div,最外层为屏幕的宽度,次外层为包裹所有内部div一起平铺开来的宽度 CSS 结构 html

环绕按钮动画———原生javascript手作

环绕按钮动画———原生javascript手作 前端入坑纪 58 今天来分享昨天和小伙伴聊到的一个效果 好,详解如下! OK,first things first! 点我查看实际效果 集齐7颗召唤神龙吧,骚年 HTML 结构 B1 B2 B3 B4 B5 B6 B7 ROT 所有的按钮都是包裹在div.roller 里,div.roller 的底色与底部条颜色相同,以制造凸的效果 CSS 结构 html, body { margin: 0; z-index: 99; transform: translateX(-50%) } .

给我一首诗的时间

给我一首诗的时间 前端入坑纪 59 今天来分享最简单版打字机效果 好,详解如下! OK,first things first! 点我查看实际效果 诗仙,你好 HTML 结构 通过canvas里面来模拟打字的效果,所以一个canvas容器是必须的 CSS 结构 html,body { margin: 0; font-size: 0; j = 0 } }else{ clearInterval(tik) } }, 170);

论省略号...的4种写法

line-height: 20px;prg2 { display: -webkit-box;prg3的省略号,是目前比较合理的。javascript的方式,灵活简便,唯独增加了些许js的代码量。毕竟不是使用的css属性。 JavaScript 结构 // 立即执行函数,将shortLine函数挂到window上,这样就可以直接调用了 (function (w) { var shortLine = function (pragrafsClass, number) { // 获取需要展现省略号的那些段落的class元素 var prgs = document.getElementsByClassName(pragrafsClass);

2018年网络开发者应该关注什么

以使CSS变量成为全局范围。然后,在按钮样式的上下文中使用该变量。 :root { --button-bg-color: #FF00FF; display: inline-block; height: 24px; } 可以选择Element然后getComputedStyle使用元素调用获取用于使用JavaScript 设置样式的变量的值- 将变量名称作为String传递给getPropertyValue方法。 let element = document.querySelector('.getPropertyValue("--button-bg-color") // returns #FF00FF

九种"姿势"让你提高Angular性能

九种"姿势"让你提高Angular性能 众所周知AngularJS是当今应用最广泛的Web应用程序框架,并且它的受欢迎程序在其期待已久的AngularJS 4.0到来之后不断上升。但是我们可以看到,几乎所有的Angular专家仍然在努力解决与AngularJS性能相关的各种问题,尽管它自己也做了很多的优化。 在对AngularJS的性能进行了大量讨论之后,现在是时候看看这九种可以提高AngularJS性能的姿势了。 1. 使用Ba

JavaScript:(a == 1 && a == 2 && a

JavaScript:(a == 1 a == 2 a 这是今天在一篇文章看到的一道题,问题是: 能否让 (a == 1 a == 2 a == 3)这个表达式输出为true 答案是:可以 Code: const a = { num: 0

为什么JS中eval处理JSON数据要加括号

为什么要加括号? 加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的: alert(eval("{}");

前端相关汇总

前端相关汇总 image 简介 前端发展迅速,开发者富有的创造力不断的给前端生态注入新生命,各种库/框架/工程化构建工具层出不穷,眼花缭乱,不盲目追求前沿技术,学习框架和库在满足自己开发需求的基础上,然后最好可以对源码进行调研,了解和深入实现原理,从中可以获得更多的收获 随着前端发展,前端的职责也跟着变化,不再仅仅是设计稿切图+JS实现交互,已经可

最开始时,我是怎么搞懂开发思路的?

最开始时,我是怎么搞懂开发思路的? - 这个项目该怎么做? - 从哪下手呢? 在我刚开始做前端,写js的时候,这个问题曾经长久的困扰着我。面对一个UI设计图,我的脑子里是一团乱,完全无从下手,当初就是拿到UI图的时候,我看着图竟然走神了。为什么看走神了呢?因为完全没有想法,不知道下手做的起点在哪里。 同时期JavaScript在我脑子里也是一团乱,虽然当时我已经

管你以后写不写JS,都应该学会这种思考方式

管你以后写不写JS,都应该学会这种思考方式 昨天的文章喷了下程序员写不过35这种说法,但事实上,确实并不能每个人都像我一样,在写JS中找到乐趣,就乐意写这东西直到50岁眼瞎为止。 那肯定有人要问,也许我不仅写JS写不到35,可能我连3、5年的时间都写不到。那我学JS的意义在哪里呢?直白的讲,也就是挣点钱儿。培训班学费一万,干一二年后,第三年工资涨到一万,

JavaScript面向对象

length } } //出口显示屏 class Screen { show(car, inTime) { console.log(`车牌号为${car.number},停留时间为${Date.now() - inTime}`) } } //入口摄像头 class Camera { shoot(car) { return { number: car.number, inTime: Date.now() } } } //停车场 class Park { constructor(floors, camera, screen) { this.camera = camera this.screen = screen this.floors = floors || [] this.carList = {};0) { let index = 1;

JavaScript设计模式

' }) }, 1000) }) 工厂方式创建对象与new创建对象相比,书写简便并且封装性更好。 2.2 单例模式 介绍 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 注释:单例模式的核心是确保只有一个实例,并提供全局访问。 代码演示 class Single { login() { console.log('login') } } Single.getInstance = (function() { let instance return () = { if(!

Webpack操作指南

bundle.js', path: path.resolve(__dirname, 'release') } 执行打包命令 npm run dev webpack打包输出几个bundle文件并不是由模块依赖树决定,而是根据打包配置文件中的output决定。即使src/index.js文件引入了src/print.js文件,仍会将后者打包输出为单独的bundle。 清理打包文件 安装依赖 npm install clean-webpack-plugin --save-dev 编辑打包配置文件 webpack.dev.config.js const CleanWebpackPlugin = require('clean-webpack-plugin');

TypeScript简单介绍

} test`hello my name is ${myname}, i'm ${getAge()}`; let array:[string, number]; p.name = 'zhangsan'; //[2, 4] 用来声明匿名函数,消除传统匿名函数的this指针问题。 function Person(name:string) { this.name = name; } getCode() { console.log(this.code) } work() { super.eat();d.ts) 类型定义文件用来帮助开发者在TypeScript中使用已有的JavaScript工具包。如:Jquery。 9. 课程总结 基本概念以及优势、开发环境搭建、语法和特性。

Node.js基础与进阶

res.on('end', function () { let result = JSON.parse(data);query=string#hash protocol:请求协议,小写 http: host: URL主机名已全部转换成小写, 包括端口信息 'host.com:8080' auth: URL中身份验证信息部分 user:pass hostname: 主机的主机名部分, 已转换成小写 host.com port: 主机的端口号部分 8080 pathname: URL的路径部分,位于主机名之后请求查询之前。 /p/a/t/h search: URL 的“查询字符串”部分,包括开头的问号 ?

js如何面向对象编程?(一)类与对象

// step2:把大象塞进去 pushIntoFridge(elephant); //冰箱装大象 类与对象的关系 类是对事物的抽象,对象是类所描述的具体事物。类与对象的关系就像汽车设计图与汽车实车的关系: 面向对象(OOP)的编程思维便是基于类与对象的编程。"面向对象"在软件工程的概念中有三个特征:封装、继承、多态。 封装:即是对所描述事物的抽象过程,将其行为和属性存放于"类"; console.log(car);

流行的前端web框架

:https://www.yiiframework.com/doc/ Yii中文网:https://www.yiichina.com/ Yii 是一个 快速、安全、专业和高性能的,适用于开发 WEB 2.0 应用的 PHP 框架。Yii 自带了很多丰富的功能,包括MVC,DAO/ActiveRecord,I18N/L10N,缓存,身份验证和基于角色的访问控制,脚手架,测试等,可显著缩短开发时间。 Material Design Lite github地址:https://github.com/google/material-design-lite 官方网站:https://getmdl.io/ 官方文档

Kotlin Multiplatform - 下一代全平台开发技术

= null val nsData = NSURLConnection.sendSynchronousRequest(requestWithURL, response, error)?= null) { return string } } return "" } 如果你玩过Objective-c,你一定对上面的iOS实现的代码非常熟悉,这里的每个类都跟Objecttive-c都能对应上。实现项目可以通过写Kotlin代码来Objective-C代码。这就是Kotlin/Native的能力。 Kotlin/Native Build 在项目顶层指定gradlew命令,编译项目。 .