- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webpack拓展
webpack拓展什么是loader？有什么用？loader本质上就是一个函数，该函数接收webpack打包时读取的文件内容，经过函数内部处理后得到一个抽象语法树。比如important引入的文件、将typeScript转换成JavaScript语法。主要功能：**转换代码，**对源代码进行解析，将各种浏览器不支持的语法进行转换（如less、sass）,兼容各大主流浏览器也是这一步简化代码模拟 module.exports - function(sourceCode) {
2020-12-04 16:49:41
159
原创 二、webpack打包原理
webpack之打包原理分析本篇主要讲解webpack打包过程中原理，详细分析打包过程发生了什么事儿，是怎样实现打包的。webpack的编译过程根据入口文件（默认是src目录下的index.js文件）读取项目所需的依赖文件，然后创建一个chunk根据入口文件创建的chunk至少有两个属性，一个是name,一个是ID。chunk的主要功能是------>根据文件配置、模块内容等生成资源文件第一步：根据入口文件读取模块文件，第二步：检查是否读取过该模块文件，没有就继续下一步，第三步
2020-12-04 16:46:34
263
原创 一、webpack简述
webpack学习之简要概述1.webpack需要解决的问题前端工程开发时会遇到各种非业务问题浏览器兼容性问题、浏览器端不支持npm下载的包，只支持ES6的标准浏览器执行效率问题，如jS的请求数量代码开发的模块化浏览器运行时，会通过网络请求加载JS文件、CSS文件等各种依赖文件，所以文件大小越小越好，依赖越少越好以上这些问题不仅重要，而且需要大量时间解决。构建工具的诞生就是为了解决这些问题，让开发人员专注于业务开发。2.构建工具(webpack)的好处：能够让开发人员专业于业务
2020-12-04 16:38:12
276
原创 浏览器空格键禁止滚动条滚动
document.body.onkeydown = function(event) { var e = window.event || event; if (e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } }
2020-10-10 11:23:22
1755
原创 JS隐藏滚动条
document.documentElement.style.overflowY = "hidden"document.documentElement.style.overflowY = "auto"
2020-10-10 10:48:38
2102
原创 video取消控制栏属性
video标签取消画中画功能nodownload: 不要下载nofullscreen: 不要全屏noremoteplayback: 不要远程回放disablePictureInPicture= true 不要画中画
2020-06-04 13:07:39
2026
原创 函数节流和函数防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2020-05-18 23:35:35
111
原创 6-工厂模式
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...
2020-04-10 18:17:01
119
原创 7-观察者模式
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...
2020-04-10 18:15:22
101
原创 设计模式简介
设计模式一、 设计模式的目的是什么?降低功能的复杂性，尽可能的减少耦合度。减少代码的复杂性就意味着代码耦合度高，所以要权衡尽量实现单一性原则，一个函数只执行的一个功能如果要扩展功能，尽量不要修改父类，使用继承的方式，修改子类如果代码的耦合度高，耦合度超过3个，那么可以考虑使用VUEX的理念，数据统一管理，通过指定的方式获取和修改数据定义函数时，要考虑代码的复用性二、 有哪些设计模...
2020-04-10 18:14:58
102
原创 5-优化表单验证--插入提示信息
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...
2020-04-10 18:14:20
171
原创 4-策略模式-表单验证
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> <style&g...
2020-04-10 18:13:43
113
原创 3-策略模式
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> <style&g...
2020-04-10 18:13:15
104
原创 2-代理模式
```javascript<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> ...
2020-04-10 18:12:40
131
原创 1-单例模式
<!DOCTYPE html><html lang='en'><head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'></head><body...
2020-04-10 18:11:48
87
原创 前端JS调用安卓方法
window.client // 是个对象，是安卓注入到JS中的，安卓中所有向JS暴露的方法都在里面 let android = window.client; // 将注入对象赋给变量 android.test(param1, param2) // 调用的函数，且传参给安卓。参数的数据类型必须和安卓定义的一致 let returnValue = android.test(param1...
2019-11-14 12:23:41
1443
转载 css实现3D立体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ /* width: 160px; ...
2019-09-24 09:18:47
1675
原创 jquery拖拽DOM
<style type="text/css"> .background_2x { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #9f9f9f91; z-index: ...
2019-08-16 17:38:28
278
原创 小程序在线预览文档
wx.downloadFile({ url: 'http://jytest.cqmxcx.cn/data/upload/bug1.doc', // 可以是后台返回的地址。这里写的是死的 success: function (res) { var filePath = res.tempFilePath; // 小程序中...
2019-08-08 17:57:35
5863
2
原创 vue中解决加载数据时闪烁大括号 => {{ }}
(https://img-blog.csdnimg.cn/20190523153245156.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzk3MDUz,size_16,color_FFFFFF,t_70)
2019-05-23 15:33:09
595
原创 jquery遍历数据，获取满足条件的子级
<div id="box" > <div id="test"> <li> <span data-type="1">10</span></li> <li> <span data-type="2">>20</span&...
2019-05-14 23:57:42
898
原创 jquery操作伪类元素
通过添加或删除class类名，达到动态操作css伪类的效果$('.items').on('hover','li',function(){ const currentIndex = $(this).data("index"); $(this).addClass('item_2X'); $(this).siblings().removeClass('i...
2019-05-13 20:43:08
5866
原创 vue 计算属性， watch监听详解
注意watch监听的3种形式，一种是方法（）监听，单个的数据变化。若是传参，参数1表示更新后的数据，参数2表示更新之前的数据一种是监听对象中所有的子集数据变化，一种是监听对象中某个具体数据变化<template> <div> <p>我是计算属性 {{ name }}</p> <!-- 方法渲染 ...
2019-04-26 22:32:38
575
原创 npm 配置淘宝镜像地址 【提高加载速度】
将淘宝镜像地址配置到npm的配置文件中npm config set --registry=https://registry.npm.taobao.org查看是否配置成功npm config list配置完成后，以后的npm install 安装第三方资源时，都会指定淘宝的镜像地址...
2019-04-17 19:05:38
840
1
原创 解决vueX刷新清除储存值的问题；关闭浏览器清除数据问题
按照官方文档使用vueX固然会储存数据（一般存储token）；路由导航中一般会提取储存的token值。当登录后跳转新页面，并且刷新后会清除掉。这就需要对储存方式做一些改动。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const state = { token: null};// vuex中获取存储值的...
2019-03-08 10:50:36
4986
原创 判断用户是PC端还是移动端
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod' ]; ...
2019-03-07 15:20:50
1014
原创 jquery动态修改background-image
<div class="wer" > <!-- <img src="./image/1.jpg" alt=""> --> </div> <p id="one" data-serial='1' data-next="true">下一张</p> <p id="two&q
2018-12-05 23:41:24
14720
原创 微信小程序---向数据中添加键值对
------------------微信中数据变更后都要在this.seData中重新赋值。------------------添加数据要先将操作对象定义成一个变量，不能this.data.ff.push直接操作。（不知道为什么）...
2018-09-19 14:14:58
7544
原创 VUE2.0--移动端@2x和@3x（scss加载）
------设备像素比的大小，直接影响在移动端加载的效果。若是不设定，可能显示出大小不一的情况。-------现在移动端设备的像素比一般都是2或3，默认情况下2.-------而且这是企业开发中面临的实际情况，这里使用的是sass预处理...
2018-09-18 22:35:21
1747
原创 微信小程序wxss---对应css样式（动态修改css样式）
微信中wxss有些类似于scss，可以引用外联样式。但是不知道怎么继承css样式 下图是微信中动态绑定css样式，实现css样式的动态修改
2018-09-17 17:58:29
24279
转载 csdn博客快捷键
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I ...
2018-09-17 16:13:07
322
原创 VUE2.0----定义本地数据路径
require（）表示异步加载，不影响后面的代码渲染。也是加载那些有暴露接口的文件。茶行用于引入模块或是文件第一步是加载express模块。 第二步，使用express模块中的函数，用于后端数据传输给前端 const app=express( ) —————–const 定义的变量不可修改，而且必须初始化。第三步—–异步加载引入本地数据，并赋值给变量第四步—编写路由地址。 ...
2018-09-16 11:56:00
447
原创 CSS3的flex布局
<body> <div class="box1"> <p class="box2">1</p> <p class="box3">2</p> <p class="box4">3&am
2018-09-15 17:14:57
125
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人