hlyphard-优快云博客

原创使用node写一个快捷开发中英文切换的小工具...

背景公司n年前的项目突然市场部需要新加一个国际化功能要实现中英文切换功能，项目是用vue+ elementUi开发里面有大量的文字，基本就是无脑即繁琐的需求，准备开发一个简易的插件来直接全局替换。思路在vue中安装vue-i18n 使用node读取.vue和.js结尾的文件，使用正则过滤所有的文字，然后使用随机字符替换(开始想用拼音，后面感觉转起来太麻烦)，把随机字符和字符指定的文字生成对象，写到一个js里用作后面切换用，接一个有道的插件可以直接把中文转成英文输出到另外的js中(考虑到直译影响翻

2021-10-13 17:32:32 567

原创安装淘宝镜像cnpm yarn

npm install -g cnpm --registry=https://registry.npm.taobao.org (淘宝镜像安装)

2020-05-07 11:18:29 255

原创使用DllPlugin 和 DllReferencePlugin提高webpack构建速度

什么是DllPlugin和DllReferencePlugin？在使用webpack进行打包时候，对于依赖的第三方库，比如vue，vuex等这些不会修改的依赖，我们可以让它和我们自己编写的代码分开打包，这样做的好处是每次更改我本地代码的文件的时候，webpack只需要打包我项目本身的文件代码，而不会再去编译第三方库，那么第三方库在第一次打包的时候只打包一次，以后只要我们不升级第三方包的时候，...

2020-04-26 10:01:29 612

原创在小程序端使用JWT头部验证

什么是jwt Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准。该token被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该token也可直接被用于...

2020-04-13 17:28:03 2944

原创 2020年大厂视频面试面试题(一)

1，HTTP1.1 HTTP 2.0：影响HTTP网络请求的因素主要有两个：带宽和延迟；带宽：现在网络建设基本不需要考虑；延迟包括：浏览器阻塞，DNS查询，建立连接(三次握手) HTTP2.0和HTTP1.X相比的新特性新的二进制格式（Binary Format），HTTP1.x的解析是基于文本。基于文本协议的格式解析存在天然缺陷，文本的表现形...

2020-03-03 17:53:12 675

原创 el-date-picker 时间控件限制跨月选择日期

picker-options 当前时间日期选择器特有的选项参考下表 shortcuts 设置快捷选项，需要传入 { text, onClick } 对象用法参考 demo 或下表 Object[] — — disabledDate 设置禁用状态，参数为当前日期，要求返回 Boolean Function — — cellCla...

2019-11-04 15:47:03 2307 1

原创手写vue双向绑定实现原理

烂大街原理：数据劫持+发布订阅者模式 (obect.defineProperty())........(此处省略8888个字节)。话不多说上代码HTML:<div id="app"> <div> <div v-text="myText"></div> <div v-text="myBox"></d...

2019-07-06 13:06:06 1796 1

原创 ionic3视频播放videogular2 报错rxjs_1.fromEvent is not a function

解决办法：安装两个包npm install rxjs@^6.0.0 --savennpm install rxjs-compat@^6.0.0 --save

2018-11-12 15:48:55 493

原创微信小程序-------------省市区三级联动

微信小程序有默认省市区三级联动组件<view class="section"> <view class="section__title">省市区选择器</view> <picker mode="region" bindchange="bindRegionChange" value="{{region}}&qu

2018-11-07 18:25:41 1972

原创 mpvue开发小程序总结

一，mpvue的目标是：在未来最理想的状态下，可以一套代码可以直接跑在多端：WEB、微信小程序、支付宝小程序、Native（借助weex）。不过由于各个端之间都存在一些比较明显的差异性，从产品的层面上讲，不建议这么做，这个框架的官方他们对它的期望的也只是开发和调试体验的一致。二，mpvue开发小程序的优点： 1，彻底的组件化开发能力：提高代码复用性 2，完整的 Vue....

2018-08-27 18:52:30 1862 1

原创面试总结-第一天下午

第一家约的是一家金融公司，去之前就想到应该是做自己的产品，二次开发什么的，项目就比较难。约2点半面试2点到公司，公司也不小，然后就在会议室等待面试。下面写一下面试的要点：1，什么是虚拟DOM，用虚拟DOM怎么优化页面。虚拟DOM是在DOM的基础上建立了一个抽象层，对数据和状态所做的任何改动，都会被自动且高效的同步到虚拟DOM，最后再批量同步到DOM中。在React中，render...

2018-07-10 17:49:40 340

原创微信小程序遇到的问题

遇到的问题：1，当我在输入过程中，切换密码可见不可见的情况下，不会发生改变，在次点击获取焦点的时候才视图才会更新。解决办法：我点击切换状态的时候，让input自动获取焦点。changeInput:function(){ if(this.data.password == true ){ this.setData({ inputImg: "../../resourc...

2018-07-03 14:48:17 642

原创微信小程序-----生成二维码

此功能参照GitHub上的有插件源码，现在找不到那个网址了，就是借鉴别人的。onLoad: function () { var that = this wx.getStorage({ key: 'accessToken', success: function (res) { //console.log(res) wx.r...

2018-07-03 12:03:04 4441

原创微信小程序------登录

接触微信小程序，一个多月了，总体来说还是比较简单的，能用到的方法和组件，接口等微信都给提供。而且不用处理那个恶心的兼容问题，但小程序还有许多坑，下面就提一下排坑之路。小程序登录：我的登录思路，wx.login -> 拿到code -> 用code做参数请求后台，返回openId -> 拿到openId获取用户的用户名和头像在后台做注...

2018-07-03 11:33:26 6179

原创 javascript知识点（六）之 jQuery 入门

1，jQuery简介： jQuery是一个兼容多浏览器的javascript库，核心理念的write less , do more。 jQuery，顾明思义，也就是javascript和查询（Query），jQuery是免费，开源的，它可以简化查询DOM对象，处理事件，制作动画，处理Ajax交互过程。2，jQuery优势： 1，体积小，使用灵巧（只需引入...

2018-03-31 10:15:52 159

原创 javascript知识点（五）之闭包和继承

1，什么是闭包：闭包就是能够读取其他函数内部变量的函数。在js中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解为“定义在一个函数内部的函数”。2，闭包的特点： 1），可以读取函数内部的变量。 2），让这些变量的值始终保存在内存中。3，闭包的原理理解闭包，首先必须理解js变量作用域。变量的作用域无非就是两种：全局变量和局部变...

2018-03-29 13:49:04 322

原创 javascript知识点（四）之 ajax

1，ajax概念：全称：Asynchronous（异步）And Xml AJAX不是一种新的编程语言，而是一种用于创建更快更好以及交互性更强的WEB应用程序技术，该技术在98年前后得到了应用。通过AJAX，你的JS可以通过JS的XMLHttpRequest对象在页面不重载的情况下与服务器直接进行通信。这样可以在服务器请求到想要的数据，而不是整个页面。AJAX的核心就是JS的XMLHt...

2018-03-29 10:50:54 338

原创 javascript知识点（三）之 js下一代标准 ES6

ES6：ECMAScript 6.0是javascript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得javascript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。各大浏览器的最新版本，随着时间的推移，支持度已经越来越多了，ES6的大部分特性都实现了。1，let命令：用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ v...

2018-03-28 21:07:56 304

原创 javascript知识点总结（二）之 DOM和BOM对象模型

1，字符串创建方式：1，var str = ‘hello word’；字面量方式创建 2，var str = new String（‘hello word’）；构造函数方式创建字符串常见方法： charAt :根据下标获取字符。str.charAt(0) = 'h' indexOf:返回字符串在str中第一次出现的位置...

2018-03-28 16:22:52 372

原创 javascript知识点总结（一）

1，Javascript:基于对象和事件驱动，并具有安全性的客户端脚本的脚本语音。由三部分组成 ECMAScript(核心)；DOM（文档对象模型）；BOM(浏览器对象模型)。2，基本的数据类型：数值(number) 字符串（string）布尔（boolean）未定义（undefined）空值（null）对象（object）//数据类型又分为值类型和引用类型 //值类型:是变量和值全部存储在...

2018-03-28 10:25:15 197

原创用原生js和jq库写京东轮播

首先用原生js来写，京东轮播是用渐变的动画写的，改变图片的opacity值来改变的。下面是html代码<div class="box"> <ul class="item"> <li style="opacity: 1"><img src="images/1.jpg"></li&am

2018-03-18 16:00:58 332

hlyphard的博客