Tidecony-CSDN博客

转载 2020年了,再不会webpack敲得代码就不香了(近万字实战)

前言2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深刻的认识下我们经常打交道的webpack本文共分为三个部分带你领略webpack的魅力。如有不足之处，恳请斧...

2020-04-09 10:16:22 236

原创 webpack相关知识点整理

1、谈谈webpackwebpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源。2、webpack与grunt、gulp的...

2020-04-09 09:55:52 324

首先判断是在微信中，还是在浏览器中，如果在浏览器中，直接使用scheme url进行跳转，如果有app就直接进入app并通过页面隐藏事件监听，取消到下载页的跳转，没有唤醒则说明无app，到下载页。在微信中时，如果是ios，用universal Link进行指定页跳转，无app时会解析为普通路径，故此路径可放置下载页，有app时会直接唤醒app并到达指定页。而android时若要到达指定页，要么...

2020-03-20 18:01:13 2424

转载事件捕获，事件冒泡，事件委托

事件流　　JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。　　事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一...

2018-07-08 21:51:55 264

转载 H5兼容性问题解决方法

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。...

2018-06-28 21:02:59 3156

转载 vue的双向绑定原理及实现

vue的双向绑定原理及实现前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码：效果图：是不是看起来...

2018-04-01 20:25:34 248

原创 chrom中文换行word-break:break-all不生效解决办法

今天有朋友找我说是文字换行出现了问题，新行起始为标点符号的话，总会把第一行最后一个字给带下去，搞的很不美观，像这种常见的文字排版问题当然是教他怎么粗暴解决了，什么加宽，减宽，调文字间距，上下错两个字洒洒水啦，奈何他们公司UI异常强硬，要求他连文字间距都不能改，第二行是引号开头，就是引号开头，没得商量，遇到这种问题当然是先吐槽一顿了，然后就开始想办法，各种word-wrap，word-break，

2018-01-11 10:36:08 5677

原创高效创建angular，ionic组件文件的方法

前几天因为创建文件太麻烦，且搜索姿势有问题，没找到相应工具文章，就写了篇文章去运行任务一键创建html、css、ts、服务文件，今天又回头重新研究angular，发现angular-cli是有这个功能的，使用ng g c 就可一键创建四种文件，但要在angular-cli创建的模板项目里用，ionic-cli创建的项目用不了，那就想不应该呀，ionic-cli应该也会有这个东西，果不其然，文档里是

2018-01-02 14:02:39 1327

转载 javascript变量声明及作用域

javascript的变量声明具有hoisting机制，JavaScript引擎在执行的时候，会把所有变量的声明都提升到当前作用域的最前面。先看一段代码12345var v = "hello";(function(){ console.log(v); var v = "world";})();这段代码运行的结果是什么呢？答案是：undefined这段代码说明了两个问题，第一，function作

2017-12-30 22:20:41 261

转载深入理解JavaScript中的传值与传引用

1.传值(by value)变量的值被复制出一份,与原来的值将不相干,也就是说即使新的值被修改,原来的值也不会改变,在JavaScript中基本类型都是传值的.复制代码代码如下:function testPassValue(){ var m=1; var n=2; //将m,n的值复制一份,传递到passValue passValue(m,n); alert(m); //将是

2017-12-30 22:19:57 2117

原创固定定位窗口缩小内容无法显示问题

查询各项均无css解决方法，只能通过Js用绝对定位模拟固定定位，常见问题，懒得每次都写，整理在这里方便用。$(function(){ setTop(y);$(window).resize(function () { setTop(y); }); $(window).scroll(function () {

2017-12-30 22:17:21 1015

原创 git修改已初始化配置过的user.name

首先进入git bash输入$ git config --list 可以查看配置的一些东西。可以看到user.name 和user.email 分别是什么。。如果你没有初始化过。那么直接：$ git config --global user.name "输入你的用户名"$ git config --global user.email "输入你的邮箱"这样就可以初始化了。如果你已经初始化过了，

2017-12-30 22:15:06 4504

原创 typescript获取input值

做类型转换，如： var veritoken = (document.getElementsByName('__RequestVerificationToken')[0] as HTMLInputElement).value

2017-12-29 15:25:52 4696 3

转载 jquery操作checkbox全选全不选无法勾选问题

$("input[name='checkbox']").attr("checked","checked");明明属性值改了，但是却不显示勾选，原来是jQuery版本问题。我操作属性用的是 $("XXX").attr("attrName");而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。 jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBo

2017-12-29 15:23:13 505

原创 ajax导出excel文件

由于单纯ajax是无法导出excel文件,并无任何提示的，但form表单直接提交是能读取并下载excel等文件的，所以设置一个下载按钮或链接，在需要下载时，点击出发ajax异步请求到excel，并在success回调中动态添加form表单进行请求下载，为保持页面美观，可在请求完成后删除，总结下来其实只需一行代码：$(' + url + '">').appendTo('body').submit(

2017-12-29 15:22:12 5214

原创万恶IE兼容之input change事件

在做多文件上传时，给input添加change事件，触发AJAX请求，通过formdata进行上传，直到这里都比较中规中矩，高高兴兴获取dom，绑上事件，在chrome，firefox等完美运行~ 结果上午刚弄好，下午测试提bug，上传文件有问题，跑过去一看，原来是上传进度条读满以后，该弹层傲娇矗立，坚挺不退，根据表现定位问题到弹层的打开上，打上两个断点，chrome和IE 双开运行。果

2017-12-29 15:21:24 7914 2

原创 overflow失效问题

通常一个盒子的内容是被限制在盒子边界之内的。但有时也会产生溢出，即部分或全部内容跑到盒子边界之外。溢出将在满足下列条件之一时出现：1. 一个不换行的行元素宽度超出了容器盒子宽度。2. 一个宽度固定的块元素放在了比它窄的容器盒子内。3. 一个元素的高度超出了容器盒子的高度。4. 一个子孙元素，由负边距值引起的部分内容在盒子外部。5. text-indent属性引起的行内元素在盒子的左右边界外。6.

2017-12-29 15:20:34 2215

转载 PHP环境搭建以及解决wampapache服务启动不了的问题

PHP环境搭建以及解决wampapache服务启动不了的问题　　由于工作需要，现在开始研究PHP语言。刚开始搭建服务器环境就困难重重啊。首先看了下配置说明，很复杂很复杂（超级想念Visual Studio）。然后问了下群里的老鸟，他们都是安装WAMPServer环境包，里面包含了PHP、MYSQL、Apache环境。所以就在Php100下载了一个（传送门：WAMPServer 5集成环境Ver 2

2017-12-29 15:19:45 3084 1

转载 node fs模块

Node.js的文件系统的Api//公共引用var fs = require('fs'),path = require('path');1、读取文件readFile函数//readFile(filename,[options],callback);/** * filename, 必选参数，文件名 * [options],可选参数，可指定flag（文件操作选项，如r+ 读写；w+ 读写，文件不存在则

2017-12-29 15:17:38 303

原创 ion-content无法滚动问题

最近碰到一个问题，页面上部需要固定，下部设定ion-content可滚动，但实际发现无法滚动，找了N多资料，什么scroll='false'，overflow-scroll='true'，添加配置js scroll，一律完全没效果，没有办法只能自己去扒元素样式，看滚动条高度，经过一番努力，终于发现一个崩溃的事实，为了让ion-content内容不被上部固定部分覆盖，给了内容一个margin-to

2017-12-29 15:16:15 2673 5

原创 vscode开发angular4项目文件创建小技巧

之前开发angular2时候对于文件的创建总是很恶心，每一个组件都要建个文件夹然后里面再放三个同名的ts，scss,html文件，点三次创建，一个名字打三遍，之前一直没时间研究，今天想写一个vs插件，奈何水平不够搞不定，先弄个脚本实现了，总之还是能用的，比之前好了点，虽然也要配置一下东西吧，现在贴出来和大家分享一下，如果哪位大神有更好的方法还请指点一二：首先写了个Python脚本，这个没有限制，什

2017-12-29 12:49:55 4149

原创关于南京市大学生办理住房补贴的流程示意图

最近办理大学生住房补贴经历了很多波折，说一波N折都不为过，不过还好最后终于是成功申请上了，这中间少不了工作人员的帮助，在这里特别鸣谢一下住建局窗口办理业务的蒋露同学，耐心帮助我办理申请，到12点半结束才下班，连午饭都没吃上，为了表示感谢，减少他们工作量，也为在我之后办理补贴申请的同学们提供最新有效教程，特书此文，做一些微薄的贡献，作为我的博客处女作，这里就不诉我经历的苦了，直接开始大家最关心的正文...

2017-12-28 13:05:14 37824 21

Tidecony的博客