0

JavaScript设计模式之单例模式

单例模式在前端开发中,有着广泛的应用场景,像前端缓存、页面模态框的创建等,只需要初始化一次,后面直接取之前的实例就好了。通俗来说,单例模式就是保证全局仅有一个实例,并且能够全局访问,核心就是这两点。 const Singleton = function (name) { this.name = na ...

Gerryli 发布于 2019-12-10 19:29 评论(0)阅读(21)
0

JavaScript 基于HTML5 canvas 获取文本占用的像素宽度

基于HTML5 canvas 获取文本占用的像素宽度 by:授客 QQ:1033553122 直接上代码 // 获取单行文本的像素宽度 getTextPixelWith(text, fontStyle) { var canvas = document.createElement("canvas"); ...

授客 发布于 2019-12-10 18:18 评论(0)阅读(5)
1

基于antd封装一个高可用form组件 减少cv代码导致的bug

引言 在开发中台过程中 我们的原型中有很多表单,antd有表单组件,但是粒度比较细,就单纯组件而言,无可厚非,但是在开发过程中,可能会造成代码不够聚合,有些表单公共逻辑无法提取,copy paste比较多,所以可以加以封装,搞一个兼容性和扩展性都契合项目本身的组件。 主要思路 我简单查阅了一番资料, ...

amigod 发布于 2019-12-10 18:14 评论(0)阅读(91)
1

js去除空格12种方法

注:本文非本人原著;原文作者: 黄卉 《js去除空格12种方法》 ...

天亦玄 发布于 2019-12-10 16:35 评论(0)阅读(25)
0

JS---DOM---为元素绑定事件和解绑事件的兼容代码

1. 绑定事件的兼容 function addEventListener(element,type,fn) { if(element.addEventListener){ element.addEventListener(type,fn,false); }else if(element.attach ...

jane_panyiyun 发布于 2019-12-10 15:59 评论(0)阅读(18)
0

JS---DOM---为元素解绑事件

解绑事件 注意:用什么方式绑定事件, 就应该用对应的方式解绑事件 1.解绑事件 对象.on事件名字=事件处理函数 >绑定事件 对象.on事件名字=null; //1 对象.on事件名字=事件处理函数 绑定事件 my$("btn").onclick = function () { console.lo ...

jane_panyiyun 发布于 2019-12-10 15:34 评论(0)阅读(11)
0

JS---DOM---总结绑定事件的区别

总结绑定事件的区别: addEventListener(); attachEvent() 相同点: 都可以为元素绑定事件 不同点: 1.方法名不一样 2.参数个数不一样addEventListener三个参数,attachEvent两个参数 3.addEventListener 谷歌,火狐,IE11 ...

jane_panyiyun 发布于 2019-12-10 14:59 评论(0)阅读(9)
0

Flask websocker

群聊版 安装 pipinstallgevent-websocket 视图 #-*-coding:utf-8-*- importjson fromflaskimportFlask,request,render_template fromgeventwebsocket.handlerimportWebS... ...

Python小白森 发布于 2019-12-10 14:36 评论(0)阅读(9)
0

JS---DOM---part4 课程介绍 & part3 复习

part4 课程介绍 事件 1. 绑定事件的区别 2. 移除绑定事件的方式及区别和兼容代码 3. 事件的三个阶段 4. 事件冒泡 5. 为同一个元素绑定多个不同的事件,指向的是同一个事件处理函数 6. 百度的大项目 7. BOM 8. 定时器 9. DOM加强,多个几个好玩的案例 part3 复习 ...

jane_panyiyun 发布于 2019-12-10 14:27 评论(0)阅读(6)
0

基于webpack实现多html页面开发框架六 提取公共代码

一、解决什么问题 1、如果a.js和b.js都引用了common.js,那在打包的时候common.js会被重复打入到a.js和b.js,造成重复打包 2、单独打包common.js对性能有帮助,浏览器下载一次后会缓存下来,不会重复下载 二、未抽取公共代码的状况 基于之前代码,测试如下: 1、在as ...

Lisong 发布于 2019-12-10 14:24 评论(0)阅读(97)
0

松软科技Web课堂:JavaScript For 循环

循环可多次执行代码块。 JavaScript 循环 假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用。 通常我们会遇到使用数组的例子: 不需要这样写: text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += ...

施少壮 发布于 2019-12-10 09:36 评论(0)阅读(28)
0

获取页面元素

如何获取页面元素 根据ID获取 使用getElementById()方法可以获取带ID的元素对象 因为文档页面从上往下加载,所以先得有标签,script写在标签的下面 get 获取 element 元素 by 通过 驼峰命名法 参数 id 是大小写敏感的字符串 返回一个元素对象 console.di ...

小咸鱼|大梦想 发布于 2019-12-09 21:15 评论(0)阅读(28)
0

写一个umi插件 自动生成代码 解放cv的双手

引言 最近在写一个中台项目,使用的 的`umi`框架。 各种增删改查。基本是列表页 新建页 详情页这种页面 为了避免不必要的简单重复(主要是想偷懒) 于是想去实现自己的一个代码生成器 探索 首先,在官网上看到了官方写的一个生成器 再去源码里扒一扒 找到关键所在 简而言之,就是利用插件的 注册了一个生 ...

amigod 发布于 2019-12-09 17:51 评论(0)阅读(28)
1

Vue组件应用

Vue的组件是可复用的 Vue 实例,且带有一个名字 。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用。因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周... ...

任风来去匆匆 发布于 2019-12-09 16:58 评论(0)阅读(205)
0

react-starter-projects

react-starter-projects These are repositories that you copy and modify to create your own React app. Pick a starter project with all the features you ...

kiddy-star 发布于 2019-12-09 11:49 评论(0)阅读(24)
0

攻略前端面试官(二):作用域和闭包

本文在 "个人主页" 同步更新~ 背就完事了 介绍:一些知识点相关的面试题和答案 使用姿势: 看答案前先尝试回答,看完后把答案收起来检验成果~ 面试官:如何理解JS的作用域和作用域链 答:在ES5中,只有全局作用域和局部作用域。ES6因为let,const的引入而有了块作用域。js在浏览器中的顶级作 ...

kilua 发布于 2019-12-09 09:40 评论(0)阅读(97)
1

一起学Vue之模板语法

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 ...

Alan.hsiang 发布于 2019-12-08 23:00 评论(0)阅读(102)
0

简单看看es6解构赋值

哎,我真的是太难了,今天就被这个解构赋值(也可以叫做析构,貌似析构是在c++中的,所以我这里叫做解构赋值吧)弄的我很烦,本来以为很容易的,结果还是弄了好久。。。就总结一下解构吧! 1.解构的基本使用 什么叫做解构呢?其实就是类似正则表达式的这么一个东西,就是用一个有规则的表达式去匹配一个对象,这个表 ...

java小新人 发布于 2019-12-08 22:26 评论(0)阅读(51)
0

js内置对象

js内置对象 1. JavaScript中的对象分为3中;自定义对象/内置对象,浏览器对象 2. Math对象 Math.PI; 圆周率 Math.floor();向下取整 Math.ceil();向上取整 Math.max();最大值 Math.min();最小值 Math.randon();随机 ...

小咸鱼|大梦想 发布于 2019-12-08 20:40 评论(0)阅读(39)
0

js的模糊查询

在项目中会用到模糊查询,之前在首页是用的element的tree显示的目录,会有用到搜索,但tree里边会有自带的模糊查询,用filter-node-method方法使用 但上次的项目中 又涉及到不试用插件的模糊搜索,使用原生来搜索,其实网上有很多种,但个人觉得正则还是好用,不区别大小写很方便,之前 ...

纯白棒球帽 发布于 2019-12-08 11:08 评论(0)阅读(60)