- 博客(42)
- 收藏
- 关注
RSS订阅原创 ts的.d.ts和declare究竟是干嘛用的
asdasd一、.d.ts是干嘛的.d.ts文件是ts用来声明变量，模块，type，interface等等的，那在这种后缀的ts文件声明这些东西和在纯ts文件声明这些东西又什么区别呢？在.d.ts声明变量或者模块等东西之后，在其他地方可以不用import导入这些东西就可以直接用，用，而且有语法提示。但是也不是说创建了.d.ts文件，里面声明的东西就能生效了，毕竟归根到底也是.ts文件，需要预编译，所以需要在tsconfig.json文件里面的include数组里面添加这个文件include数
2021-07-16 16:49:26
32528
原创 打包解压工具
make-zip一、开发背景这个工具是我在很无聊很无聊的时候写的，一开始只是想实现一下上传本地文件或者文件夹，然后在前端生成目录树。后来想想，要不就再弄个打包的吧，于是就有了这个没用的工具……二、接口baseUrl：http://localhost:3000/apiPOST/relativePath POST/package GET/download具体接口文档请看https://github.com/Nangxif/makeZip三、部分实现思路一开始，我能获取到的...
2020-07-14 18:09:58
287
1
原创 vue字符滚动插件
CharacterRoll一个尽可能让开发者自定义的字符滚动插件一、使用方法npm i character-roll -Simport CharacterRoll from 'character-roll';components: { CharacterRoll}<CharacterRoll :presetObject="presetObject" :text...
2020-04-14 18:35:15
325
原创 过滤器集filters
filters一个过滤器集github地址一、包含的过滤器过滤器 作用 filterToDateAndTime 将时间转换成规定格式 filterToDecimal 最多保留几位小数 filterToSystem 简单的进制转换 filterToSeparation 规定固定位置用自定义分隔号隔开，用于分隔电话号码以及银行卡号等 f...
2020-04-10 15:55:12
267
原创 一个基于vue的画板palette
palette一个多功能画板目前画板拥有的功能：1.画任意曲线；2.两点或两点以上连成直线或折线；3.三点或三点以上形成封闭空心图形和实心图形；4.画圆形，可以编辑大小和位置；5.画矩形，可以编辑大小和位置；6.橡皮擦7.清除画板8.历史记录等相关系列功能；9.生成图片10.编辑文字功能（开发中）一、使用方法npm install @nan...
2020-04-09 18:41:59
5145
1
原创 React的setState方法
React的setState方法，可以接收两个参数，一个是对象/函数【必须】，一个是回调方法callback【非必须】这是setState部分的源码 Component.prototype.setState = function (partialState, callback) { (function () { if (!(typeof partialS...
2020-02-14 16:50:41
306
原创 移动端关于手机摇一摇（IOS13+一些问题）
一说到移动端H5的摇一摇，经过查阅资料很容易就找到shake.js这个封装好的api，具体的使用方法参考这个网址：https://www.npmjs.com/package/shake.js但是有些开发者会发现自己按照文档编写，拼命晃动手机还是没有触发晃动的事件，有可能的原因有二：1.项目的地址不是以https开头的，改为https开头即可；2.若改为https之后还是没有效果，那...
2020-02-12 10:40:29
2595
4
原创 关于vue-cli3的浏览器兼容性
这里先给出几个链接：1.Vue-cli浏览器兼容性：https://cli.vuejs.org/guide/browser-compatibility.html#usebuiltins-usage2.browserslist：https://www.npmjs.com/package/browserslist3.babel.config.js：https://babeljs.io/...
2019-10-21 14:35:32
14074
3
原创 vue图片预加载处理方法
目的： 图片预加载能够使得用户在浏览后续页面的时候，不会出现图片加载一半导致浏览不流畅的情况。一、方法一项目打开的时候要对图片进行预加载，在App.vue里面的beforeCreate添加预加载程序App.vuebeforeCreate(){ let count = 0; let imgs = [ //用require的方式添加图片地址，直接添加图片地址的...
2019-09-18 21:38:00
6195
2
原创 微信小程序禁止刷新之后苹果端还可以下拉的问题
一、问题描述最近在做一个小程序项目，需要禁止下拉刷新，于是在page.json里面添加了这段话"enablePullDownRefresh":false全局关闭下拉刷新，这段话确实禁止了下拉刷新，无论是安卓手机端还是苹果端，但是在苹果端却出现了一个问题，整个页面虽然不能下拉刷新了，但是依然还可以下拉。产品的需求不太允许我这么做，能尽量禁止下拉就禁止，不要让放在顶部的video能够被下...
2018-09-11 08:39:08
5323
5
原创 用模板引擎Art-Template渲染空格或换行符引发的一场“命案”
一、绪论说实话，真的不知道如何给这篇博客命名，因为我觉得应该有一些小伙伴遇到跟我同样的问题正在抓耳挠腮中。二、导火索最近在做一个移动H5翻页的功能，类似于MAKA模板那种。假设大致框架如下第一页是首页，第二页开始就是要动态添加的地方，所以红框里面的样式类，是从2开始的，这是第一个伏笔。初始代码如下<!DOCTYPE html><html lang=...
2018-07-17 17:33:36
1732
原创 如何在github上实现预览
这个问题在网络上有很多答案，但是真正能解决的寥寥无几！接下来我就来尝试一下网络上疯传的几种方法。准备好了吗？我要开车了！！！PS：以下实验上传到github的demo采取导入本地css,js和网络上css,js的方法进行测试 demo目录结构 ----preview.html ----preview.css ----prev...
2018-07-16 16:03:44
5858
3
原创 一个标签选择弹框
一、预览二、代码1.HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --&g
2018-07-16 11:44:10
1629
原创 关于闭包和作用域的问题
首先先引用《JavaScript权威指南》里面的一句话来开始我的博客：函数的执行依赖于变量作用域，这个作用域是在函数定义时决定的，而不是函数调用时决定的。因此，就出现了如下的几串代码：...
2018-06-07 16:42:40
249
原创 中文字体@font-face的导入
由于英文字母只有26个，所以生成.eot、.woff、.ttf、.svg等文件是比较小的，但是对于汉字来说，常用的汉字就已经2500个了。生
2018-05-10 16:45:15
1590
原创 一个跑马灯插件（持续优化）
这是我写的一个粗略的跑马灯插件1.0，后面的版本将新增图片滚动的功能！！使用方法：一、HTML模板<div id="marquee-wrapper"> <div> <p> 这是我写的一个粗略的跑马灯，滚动方向可以设置，具体的宽高样式可以设置，速度可以设置，后面会持续优化。 </p> </div></div&g
2018-03-28 09:44:20
1664
转载 Angular.js基本概念和用法--（一双向数据绑定）
上一章节：Angular.js基本概念和用法--（一路由、模块、依赖注入）这个双向数据绑定指的是从数据模型到视图，从视图到数据模型之间的双向绑定。前面介绍过AngularJS是一个MVC框架，我们在操作的时候主要是通过控制器进行操作的，让控制器去修改数据模型，然后数据模型的变更会反映到视图上。内容简介1.最简单的例子2.取值表达式与ng-bind指令3.双向数据绑定的典型场景4.动态切换标签样式5...
2018-03-26 16:11:53
716
转载 Angular.js基本概念和用法--（一路由、模块、依赖注入）
上一章节：Angular.js基本概念和用法--（一MVC2）内容简介1.AngularJS的模块化实现2.一个完整项目结构是怎么样的？--实例演示3.ngRoute进行视图之间的路由4.一切是从模块开始的5.ng官方推荐的模块切分方式是什么？6.模块之间的依赖应该怎么做？--依赖注入一、AngularJS的模块化实现我们先来看看之前的代码这是一个HelloAngular的全局函数，是绑定在win...
2018-03-26 14:50:34
277
转载 Angular.js基本概念和用法--（一MVC2）
上一章节：Angular.js基本概念和用法--（一MVC1）一、如何复用Model<body> <div> <input ng-model="greeting.text"/> <p>{{greeting.text}},Angular</p> </div></
2018-03-26 10:51:28
183
转载 Angular.js基本概念和用法--（一MVC1）
本专栏的所有博客都是在学习慕课网大漠穷秋的AngularJS实战的笔记，链接https://www.imooc.com/learn/156一、为什么需要MVC1.代码规模越来越大，切分职责是大势所趋；2.为了复用：很多代码的逻辑是一样的；3.为了后期维护方便：修改一块功能不影响其他功能。MVC只是手段，终极目标是模块和复用二、AngularJS中的Controller（控制器）我们先来看一个小例子...
2018-03-25 22:02:16
202
转载 canvas（一）--基本用法
本canvas专栏的内容极大部分参考外部资源，具体链接已给出，仅作为自己的学习笔记。canvas属性height pixels 设置 canvas 的高度。width pixels 设置 canvas 的宽度。如何使用 <canvas> 标记绘图<canvas> 标记和 SVG 以及 VML 之间的差异<canvas> 标记和 SVG 以及 VML 之间的一个重...
2018-03-20 10:55:18
419
原创 关于JS的clone()函数编写的一些问题
问题讲述：用js 实现一个clone()克隆函数，该函数会把输入进去的不同类型值Number，String，Undefined，Boolean，Function,Null,Object,Array,RegExp,克隆一份出来一、解题代码直接贴代码，function clone(obj){ var copy; switch(typeof obj){ ...
2018-03-19 18:12:53
1846
原创 函数的自执行，变量提升和函数提升
其实之前虽然刚开始学习JavaScript的时候经常看到function add(){}、var add=function(){}、function(){}之类的这种写法，但是具体是什么叫什么却没有去考虑过这个问题……function add(){}这种写法叫做函数声明var add=function(){}这种写法叫做函数表达式function(){}这种是匿名函数一、函数的自执行那么有没有办...
2018-03-16 18:26:50
2055
1
原创 JS其他类型值转化为Boolean类型规则
由于最近在笔试的时候，发现好多关于其他类型转化为Boolean类型的题目，因此总结一下！一、String类型转化为Boolean1.转化j结果为true的情况①任何非空字符串PS:空白字符串也是返回true2.转化结果为false的情况①空字符串二、Number类型转化为Boolean1.转化结果为true的情况①任何非0数字值（包括无穷
2018-03-16 15:47:18
3393
原创 Angular从普通路由到惰性加载
这篇文章我想来集中地讲述一下Angular路由的普通应用到惰性加载的知识，对我这段时间的学习做一个全面的汇总！Angular的路由，我把它的演变过程分成三个阶段：1.Angular路由直接在app.module.ts-->imports--> RouterModule里面编写路由；2.由于直接在 RouterModule里面编写路由不方便路由管理，会使得imports里面的内容过于冗长
2017-11-15 09:20:09
1241
原创 Angular表单验证
Angular表单验证分为两种验证：1.内置验证（required，minlength等）；2.自定义验证（正则表达式）。接下来我们用一个注册账号的demo来看一下这两种验证是如何实现的。项目界面一、内置验证其中账户名有required验证和最短长度验证，其他两个只有required验证1.项目目录----------app.component.ts------
2017-11-13 10:35:24
1734
原创 Angular两种模态框弹出方式
本博客参考自https://github.com/cipchk/ngx-bootstrap-modal和https://valor-software.com/ngx-bootstrap/#/modals，这两个网址几乎涵盖了所有的angular弹框
2017-10-18 11:20:02
23452
3
原创 会跳动的日历
一、简介编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下：年月日，周几，时分秒都会随着系统时间的走动而改变二、代码 Document *{ margin:0; padding: 0; font-size: 0px; font-family: '微软雅黑'; } .contain-wrapper{
2017-10-16 23:09:28
323
原创 Angular组件之间的交互
这篇文章的题材相信已经有很多人写过，如果你对Angular组件之间的交互了如指掌的话，那么麻烦各位大神多多指教，如果你对Angular组件之间的交互一知半解，或者全然不知，那么相信这篇文章对一些代码的解读对你会有所帮助！
2017-10-03 17:14:36
3865
原创 Angular将填入表单的数据渲染到表格
一、项目简介我们将采用Angular框架来做一个demo，这个demo将要实现的功能如下：在X坐标和Y坐标文本框输入信息，然后点击添加，就会在下面表格 中出现一项相应的数据，点击每一项旁边的删除按钮，该条信息就会被删除！因为我们的表格数据是经常刷新的，所以我们把它独立出来作为一个组件。二、项目目录--------app----------dataTable(文件夹)
2017-09-21 10:27:01
3286
3
原创 Angular2服务
vue是MVVM框架中相对angular和react 比较容易入手的，有了vue的基础来看angular确实挺有帮助的，但是看到路由的时候，很多angular路由的TypeScript语法和思维确实有些让我转不过弯，下面我就来总结一下我学习完angular路由之后的一些心得。我们用angular官网的例子来讲解，文档代码（https://embed.plnkr.co/?show=preview）一...
2017-09-14 10:38:14
667
原创 JavaScript编写棋盘覆盖
一、前言之前做了一个算法作业，叫做棋盘覆盖，本来需要用c语言来编写的，但是因为我的c语言是半桶水（哈哈），所以索性就把网上的c语言写法改成JavaScript写法，并且把它的覆盖效果显示出来二、关键代码算法作业2 #num{} #chess{ margin-top:20px; } 设置棋盘大小： 请输入特殊方格的位置： x
2017-08-28 16:34:37
749
原创 vue2.0移除或更改的一些东西
一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根就不是2.0的写法，2.0早就把这两个给删除了，我们先来看看之前的列表渲染是怎么写的 {{$index}}--{{$key}} exp
2017-08-28 00:01:01
728
原创 两个盒模型之间的空隙
html文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒模型。盒模型通过四个边界来描述：margin（外边距），border（边框），padding（内边距），content（内容区域），这个大家都知道，那什么是两个盒模型之间的空隙呢？该怎么清除它呢？假设有一个class为content的父div，里面包含两个子div，这两个子div要同一行显示，我
2017-08-23 10:30:09
8351
原创 一个基于ES6+webpack的vue小demo
上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5，vue-router做一个小demo，接下来我们来把它变成基于ES6+webpack的demo。我们先搭建一下vue 的开发环境，根据我的一篇随笔《Vue开发环境搭建及热更新》，我们一步步搭建开发环境，project名为ES6-demo。在之前我发表的一篇随笔《 理解最基本的Vue项目》中，说到了在放置组件和入口文件的sr
2017-08-10 17:02:09
933
原创 一个基于ES5的vue小demo
由于现在很多vue项目都是基于ES6开发的，而我学vue 的时候大多是看vue官网的API，是基于ES5的，所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战。因此，我打算先做一个基于ES5的vue小demo，再把这个demo写成基于ES6的，算是一个过渡吧！这个demo有一些代码借用于keepfool大神的《Vue.js——vue-router 60分钟快速入门》在此先解释一下，
2017-08-09 17:01:37
649
空空如也
大家有没有遇到过Xcode报这个问题的，如何解决？
2023-01-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人