随笔分类 - [10]JS
-
Angular Material
摘要:Angular Material 的设计之美 Ng-Matero 0.3 已发布,新增 module schematic 以及 page schematic,详见 README 前言 Angular Material 作为 Angular 的官方组件库,无论是设计交互还是易用性都有着极高的质量。正如 阅读全文
-
React的状态管理工具
摘要:Mobx-React : 当前最适合React的状态管理工具 MobX 简单、可扩展的状态管理 MobX 是由 Mendix、Coinbase、Facebook 开源和众多个人赞助商所赞助的。 安装 安装: npm install mobx --save。 React 绑定库: npm instal 阅读全文
-
Ant Design
摘要:Ant Design 学习记录 遇到的问题: 点击列表中的一个字段 , 显示出一条指定id(其他筛选条件的)数据 解决这个问题之前,要先了解 Antd的 Table中的 Column 列描述数据对象,是 columns 中的一项,Column 使用相同的 API。 官网地址 从中我们可以知道 : r 阅读全文
-
axios 使用入门
摘要:[Vue 牛刀小试]:第十五章 - 传统开发模式下的 axios 使用入门 一、前言# 在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前,无法抛弃 Jquery 的重要理由,除了优秀的前端 DOM 元素操作性以外,能够非常便捷的发起 http 请求也占有非常重要的地位。 阅读全文
-
异步I/O、事件驱动、单线程
摘要:异步I/O、事件驱动、单线程 nodejs的特点总共有以下几点 下面是一道很经典的面试题,描述了node的整体运行机制,相信很多人都碰到了。这道题背后的原理就是nodejs代码执行顺序 1. nodejs代码执行顺序(事件循环机制) nodejs的运行机制: nodejs主线程主要起一个任务调度的作 阅读全文
-
图片懒加载
摘要:【前端优化】js图片懒加载及优化 一、前言 为啥要对图片使用懒加载?我们首先来聊聊这个问题,对于页面来说架子啊速度影响着最大的就是图片,一张普通的图片可以达到4-5M的大小,而代码压缩也就只有几十KB。当页面图片过多的时候,页面加载速度很缓慢,一个页面加载几秒没有完成,用户体验不好,会丧失很多用户的 阅读全文
-
整理Vue.js 面试题
摘要:Vue.js 面试题整理 Vue项目结构介绍 build 文件夹:用于存放 webpack 相关配置和脚本。 config 文件夹:主要存放配置文件,比如配置开发环境的端口号、开启热加载或开启gzip压缩等。 dist 文件夹:默认命令打包生成的静态资源文件。 node_modules:存放 npm 阅读全文
-
nice-validator表单验证插件
摘要:nice-validator表单验证插件的简单使用 前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步,是数据安全的第一道关卡,虽然我们不能100%相信客户端提交的数据(真正的校验还得在服务端进行),但设置前端表单校验也是至关重要的,自己写逻辑代码一个一个表单字段去校验不现实,又不想自己造轮 阅读全文
-
vue的双向绑定
摘要:撸一个vue的双向绑定 1、前言 说起双向绑定可能大家都会说:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新。虽然一句话把大概原理概括了,但是其内部的实现方式还是值得深究的,本文就以 阅读全文
-
数字取整,数组求和
摘要:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(三)数字取整,数组求和 一、前言 简短的sleep函数,获取时间戳:https://www.mwcxs.top/page/746.html 数字格式化 1234567890 --> 1,234,567,890;argrumen 阅读全文
-
Angular 8 - 更小的包
摘要:Angular 8 - 更小的包 Angular 8 发布 原文地址:https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27 阅读全文
-
实现一个Promise
摘要:实现一个Promise promise特点 一个promise的当前状态只能是pending、fulfilled和rejected三种之一。状态改变只能是pending到fulfilled或者pending到rejected。状态改变不可逆。 支持链式调用。 (1) 原型方法 (2) 静态方法 Pr 阅读全文
-
JavaScript小技巧
摘要:JavaScript小技巧 这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略。 1、过滤唯一值 Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值。结合扩展运算符(...)我们可以创建一 阅读全文
-
ES6-类(Class)
摘要:ES6躬行记(20)——类 ES6正式将类(Class)的概念在语法层面标准化,今后不必再用构造函数模拟类的行为。而ES6引入的类本质上只是个语法糖(即代码更为简洁、语义更为清晰),其大部分功能(例如继承、封装和复用等)均可在ES5中实现,只不过现在能用更符合面向对象的语法来操作类。但诸如接口、pr 阅读全文
-
localStore的storage事件
摘要:两个浏览器窗口间通信 两个浏览器窗口间通信 补充一下,这里的通讯指遵守同源策略情况下。 为了吸引读者的兴趣,先把demo放到前面:下面有几个我自己写的演示多页面通讯的demo, 为了正常运行,请用最新的chrome浏览器打开。demo的源码地址https://github.com/xiangwenh 阅读全文
-
Flutter,H5,React Native
摘要:Flutter介绍 - Flutter,H5,React Native之间的对比 Flutter介绍 Flutter是Google推出的开源移动应用开发框架。开发者可以通过开发一套代码同时运行在iOS和Android平台。 它使用Dart语言进行开发,并且最终编译成各个平台的Native代码,这样既 阅读全文
-
uni-app
摘要:uni-app https://www.cnblogs.com/guolianyu/p/10521970.html 基于Vue.js的uni-app前端框架结合.net core开发跨平台project 一、由来 最近由于业务需要要开发一套公益的APP项目,因此结合所给出的需求最终采用uni-app 阅读全文
-
js 创建对象
摘要:js 创建对象的几种方法 在js中创建对象的方法可分为6种,分别是:基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式,接下来分别看下这几种模式的写法吧 一、基本模式 var person = new Object(); person.name = "孙悟空"; person.wea 阅读全文
-
Promise-js中的同步和异步
摘要:js中的同步和异步 自从读了研后,走上了学术之路,每天除了看论文就是做实验,最后发现自己还是喜欢开发呀,于是我又重回前端啦~ 隔了这么久没学前端,好像很多东西都忘了不少,而且不得不说前端的技术更新是真的快,接下来将会重新拾起前端的一点一滴,首先进入的是js的同步和异步的世界~ 一、单线程 (1)单线 阅读全文
-
玩vue+mockjs
摘要:玩vue+mockjs vue中用mock制造模拟接口(本文主要解决坑),一定要看完哦 最近新入职一家公司,后端造接口速度很慢,想来想去还是搞一套模拟接口,来满足开发需求,有人会问,我造一个死数据不就可以了吗?或者说,后端数据结构都没出来,字段我怎么定? 问这个问题的人不奇怪,我之前也有这种疑问,m 阅读全文