js开发
文章平均质量分 70
BeArchitect
成为一名牛B的全栈架构师
展开
-
javascript简单特效,js学习
简单js特效制作-学习制作之前,我们先了解一下一些基础知识offset自己的,js中获取元素尺寸的api,通常使用的就是offset家族,先简单介绍一下这个家族,关于offset详细知识点大家可以自行百度。转载的一张图,基本所有的页面获取尺寸的api都包含了,下面我们详细说一下这张图offsetWidth, offsetHeight原创 2016-06-25 08:44:29 · 1556 阅读 · 0 评论 -
使用verdaccio的docker镜像搭建npm私服
使用verdaccio的docker镜像搭建npm私服坑nginx配置使用自定义文件修改npm源使用自定义文件后,权限问题首先安装docker本人服务器环境centos6.9yum install -y docker-io如果出现没有安装任何软件的情况.可能是epel-release没有安装yum install -y epel-release启...原创 2018-08-29 19:57:58 · 2798 阅读 · 0 评论 -
前端性能优化之路-数据存取小结
接着上一节讲的,我们说到过,性能优化的一大痛点就是IO读写,这一次我们讨论一下,数据读写的优化,数据存储的位置,介质决定了读取的速度。主要指的是,应用内存(运行时内存),远程内存(redis等),本地文件系统(localstorage),远程文件系统(数据库等),这其中内存,还是文件系统,还有可能不同,内存可能有堆内存,栈内存,不同文件系统读取查找的算法,也会有相应影响,这里我们主要讨论前端,...原创 2018-09-11 21:25:46 · 506 阅读 · 0 评论 -
前端性能优化之路-js加载性能小结
文章主要阐述了一下,js加载与执行这方面,能有什么性能优化,和一些总结,学习过程中的一些总结。脚本的位置首先我们得聊聊,因为javascript是单进程的,大多数浏览器在渲染的时候也是这样,浏览器在解析渲染ui和javascript的执行都是单一进程在处理,那么就会有一个问题,当ui解析到某一个script节点,执行js时,这时就会阻塞页面ui渲染,直到这个js执行完毕,才会执行后面的。...原创 2018-09-10 18:18:46 · 611 阅读 · 0 评论 -
dom事件的机制-捕获,目标,冒泡
js事件的机制问题,冒泡(委托),捕获,目标原创 2018-10-08 16:38:07 · 982 阅读 · 0 评论 -
前端性能优化之路-dom编程优化
在前端性能优化上一直有个瓶颈,就是dom,web应用最常见的性能瓶颈就是dom,用脚本进行dom操作的代价是很昂贵的.具体体现为几点:修改和访问dom元素修改dom元素的样式导致的重绘(repaint)和重排(reflow)通过dom事件处理与用户的交互DOM(document object model)文档对象模型,用户操作xml和html文档的程序接口,在浏览器中,主要用来和ht...原创 2018-09-29 18:50:39 · 431 阅读 · 0 评论 -
再探JavaScript继承
最近捡起以前的书来看,又看到继承,觉得很有意思,想写点东西,加深自己的理解,这些基础的东西,是真的每次看,都感觉不一样。首先会将一下new关键词,然后挑了一些实现继承的代码,做一下图文内存的解析。继承继承为程序中代码重用,减少软件开发成本,提供了很好的服务,JavaScript是一门弱类型语言,从不需要类型转换,对象继承关系变得无关紧要,它是一门基于原型的语言,所以它是直接从对象继承对象,和...原创 2019-02-28 18:36:19 · 178 阅读 · 0 评论 -
ARTS第一周
Algorithm使用链表判断字符串是不是回文字符串//1 快慢指针定位中间节点//2 从中间节点对后半部分逆序//3 前后半部分比较,判断是否为回文//4 后半部分逆序复原//时间复杂度O(n), 空间复杂度O(1)class Solution { public isPalindrome(head) { if (head == null || head.next == ...原创 2019-06-22 18:34:24 · 192 阅读 · 0 评论 -
ARTS第三周
Algorithm用栈来实现队列// 原题地址 https://leetcode.com/problems/implement-queue-using-stacks/description/// 原题描述/**Implement the following operations of a queue using stacks.push(x) -- Push element x to ...原创 2019-07-07 20:29:16 · 327 阅读 · 0 评论 -
ARTS第四周
Algorithm// 原题地址https://leetcode-cn.com/problems/add-two-numbers/description/?utm_source=LCUS&utm_medium=ip_redirect&utm_campaign=transfer2china/**You are given two non-empty linked lists ...原创 2019-07-14 21:45:29 · 128 阅读 · 0 评论 -
ARTS第二周
Algorithm单链表的反转// Input: 1->2->3->4->5->NULL Output: 5->4->3->2->1->NULL /** * Definition for singly-linked list. * function ListNode(val) { * this.val = val;...原创 2019-06-30 16:26:43 · 214 阅读 · 0 评论 -
ARTS第五周
Algorithm// 原题https://leetcode.com/problems/merge-sorted-array/description//**给定两个有序整数数组 nums1 和 nums2,将 nums2 合并到 nums1 中,使得 num1 成为一个有序数组。说明:初始化 nums1 和 nums2 的元素数量分别为 m 和 n。你可以假设 nums1 有足够的...原创 2019-07-29 12:04:35 · 134 阅读 · 0 评论 -
ARTS第六周
Algorithm// 原题https://leetcode.com/problems/valid-parentheses/description/** 给定一个只包括 '(',')','{','}','[',']' 的字符串,判断字符串是否有效。 有效字符串需满足: 左括号必须用相同类型的右括号闭合。 左括号必须以正确的顺序闭合。 注意空字符串可被认为是有效字符串。 ...原创 2019-07-29 12:42:48 · 146 阅读 · 0 评论 -
当前稳定版本node(8.11.4版本)使用import语法
代码const { resolve } = require('path')const r = path => resolve(__dirname, path)require('babel-core/register')({ 'presets': [ 'stage-3', ["latest-node", { "target": "current" }] ]...原创 2018-08-24 16:42:31 · 2084 阅读 · 0 评论 -
nodejs实现抖音自动关注小姐姐小哥哥神器
抖音自动关注小姐姐小哥哥神器创作来源:https://github.com/wangshub/Douyin-Bot 源作者用python实现,这里用node实现一个版本,修改了一些东西此项目git仓库;[x] 自动翻页[x] 颜值检测[x] 人脸识别[x] 自动点赞[x] 自动关注原理打开《抖音短视频》APP,进入主界面获取手机截图,并对截图进行压缩 (Si...原创 2018-06-01 13:47:53 · 7399 阅读 · 1 评论 -
window的onunload事件中发送ajax(网络)请求,需要使用同步请求
有时候,有这样的需求,统计一个页面的停留时间,那么我们需要在页面开始的onload事件,或者onpage事件中记录一个开始时间,然后在页面离开的时候,onunload事件中记录结束时间,以此获得页面停留时间,这个时候如果需要实时的通知服务端,那么我们就在onunload事件中发送网络请求,可是这个onunload事件结束后,页面资源会被释放,那么网络请求发送成功与否,无法保证,所以这里的网络请求,...原创 2018-03-21 13:07:34 · 4313 阅读 · 0 评论 -
js强大函数replace详解,利用其做模板方法与数据绑定
1.预备知识先复习一下正则表达式,正则表达式基础知识 //星号(*) : 星号代表匹配它前面一个字符任意遍(0或任意次) //加号(+): 加号是一个与星号(*)类似的通配符,它也是数量词,表示匹配前面的字符一次或多次(至少一次). //它与星号的差别就在这里,星号可以匹配0次,加号则必须一次以上。 //问号(?): 问号也是一个数量词,它代表匹配前一个原创 2016-07-07 16:24:20 · 4080 阅读 · 0 评论 -
前端自动化开发,搭建(第二篇)gulp工作流搭建
在第一篇中,我们已经搭建好了node的环境,以及npm环境,那么接下来搭建gulp的工作流,这里需要用到之前的知识,如果不太熟悉的小伙伴,可以先去学习一下第一篇,http://blog.csdn.net/s8460049/article/details/52396399 这是入口1.初始化npm配置文件输入命令:npm initThis utili原创 2016-09-03 16:06:17 · 1230 阅读 · 0 评论 -
前端自动化开发,架构搭建(第一篇)Node.js环境搭建
1.为什么我们前端自动化开发应该任何学开发的,不管学什么语言,老师都这样讲过,作为一名开发人员,你最大的精力应该是放在创造力上面,don't you repeat myself 不要重复自己,而在我们开发过程中,往往存在很多大量的重复操作,所以我们需要为这些操作省去时间,腾出更多的时间来让我们创造。而自动化开发能带来哪些自动化:1.自动编译(将less,sass等自动编译)2.自动原创 2016-09-01 09:39:37 · 11818 阅读 · 4 评论 -
linux环境安装node.js开发环境
node.js现在有多火,有多重要,就不多说了,这里介绍一下他的开发环境安装,通常情况下,我们都是在window环境进行开发,或者是在mac环境下进行开发,但是我们的项目实际运行的环境一般都是在linux上的,所以我们让我们的开发环境和生产环境能够尽量统一,且能够方便我们开发,一般我们将必要环境安装在服务器上,然后在window上通过xshell,SecureCRTPortable等一些工具连接上原创 2016-10-14 10:23:16 · 3911 阅读 · 0 评论 -
vue-cli的webpack项目,webpack-hot-middleware热加载热部署有时候不刷新页面
在dev-server.js里面var hotMiddleware = require('webpack-hot-middleware')(compiler)// force page reload when html-webpack-plugin template changescompiler.plugin('compilation', function (compilation) {原创 2016-12-22 11:30:04 · 12151 阅读 · 1 评论 -
vue-cli整合vuex的时候,修改actions和mutations,实现热部署
在store.js里面添加如下的代码就可以了:// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutations').default // Vuex 提供的热重载接口 store.hotUpda原创 2016-12-22 11:32:31 · 3549 阅读 · 0 评论 -
webstorm开发vue,进行一些配置
从 File 菜单点击 Settings(OS X 下是从 WebStorm 菜单点击 Preferences)打开设置窗口,然后从左边栏选择 Plugins 项,点击“Browse repositories...”按钮。设置js语言版本添加vue.js模版我们将要创建的 Vue.js 单文件组件模板内容为:原创 2016-12-24 09:46:06 · 39748 阅读 · 0 评论 -
javascript面向对象编程(基础知识点)
1.此文章主要作为自己学习javascript的一个学习记录,随着es6的出来,js面向对象变的越来越真的面向对象了,为什么这么说额,从自身的学习而言,虽然js是一门面向对象的语言,但是在我们以前的使用中,几乎很少用到他面向对象的思想,而且他这个本身面向对象也和传统我们学习的面向对象语言不太一样,作为一个java程序员,我是感觉很不一样的,不论他对象的存在,继承,多态,实例等等都有他的特别之处,所原创 2017-02-16 14:16:19 · 1175 阅读 · 0 评论 -
vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
1.下载vue-clinpm install vue-cli -gvue-cli的使用与详细介绍,可以到github上获取https://github.com/vuejs/vue-cli2.安装webpack项目模版vue init 比如:vue init webpack my-project之后可以在当前目录下下载该模版,然后npm install原创 2017-01-21 20:37:18 · 16319 阅读 · 0 评论 -
javascript面向对象编程(二)
1.相对其他面向对象的语言,javascript的面向对象与继承的实现,不太一样,原创 2017-03-27 11:28:38 · 736 阅读 · 0 评论 -
vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库
vue,vuex,vue-router新特性addRoutes,动态加载路由,服务端渲染路由原创 2017-03-13 15:04:47 · 86842 阅读 · 45 评论 -
ARTS第七周
Algorithm// https://leetcode-cn.com/problems/maximum-depth-of-binary-tree/description/?utm_source=LCUS&utm_medium=ip_redirect&utm_campaign=transfer2china/**给定一个二叉树,找出其最大深度。二叉树的深度为根节点到最远叶子...原创 2019-08-25 18:16:44 · 266 阅读 · 0 评论