- 博客(56)
- 收藏
- 关注
RSS订阅原创 vue项目安装sass后，在项目中使用报错
1.安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass如果运行之后项目报错Module build failed: TypeError: this.getResolve is not a function at Object.loader (C:\Users\DELL\Desktop\fantastic-macarons\node_modu
2020-06-22 15:50:17
2777
原创 解决npm install总是卡住不动的问题
遇到的问题npm install -g nodemon安装nodemon工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？方法一：安装cnpm镜像这个是比较常用的方法，我首先也是使用了这个方法。cnpm的安装方法，参考http://npm.taobao.org/npm install -g cnpm --registry=https://registry.npm.taobao.org在cmd中输
2020-06-11 22:37:06
4898
原创 解决npm ERR! Unexpected end of JSON input while parsing near方案
问题描述执行npm install的时候报错npm ERR! Unexpected end of JSON input while parsing near '...sh_time":141072930277'.如下图：解决方案直接执行 npm cache clean --force, 如果执行成功，再npm install即可。如果执行失败，请先升级npm，即npm i -g npm, 最后再执行npm cache clean --force, 最后再npm install.如果还执行失败，那就
2020-06-11 22:33:05
5570
转载 js 函数的节流和函数防抖
在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重产品的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事...
2019-12-12 15:14:34
172
原创 纯css绘制带箭头的会话框
一般我们需要用到带箭头的会话框往往都是使用UI框架或者是背景图，那么使用css如何绘制会话框呢？上代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Test</title> <style> .ti...
2019-11-21 18:18:24
972
原创 怎样阻止页面滚动穿透
在前端的开发中，经常会遇到长页面和弹框，触发弹框，会出现遮罩层后面的页面依旧可以滚动，此时就出现了滚动穿透，如何处理呢？解决方法：触发弹框时，给最外层的div添加样式话不多说，上代码 .prevent_touch_move_box { position: fixed ; overflow: hidden; width: 100%; height: 100%; top: ...
2019-11-21 14:35:26
2945
原创 删除github上的文件夹
首先进入你的项目文件夹下, Git Bash Here ,打开命令窗口$ git --help # 帮助命令$ git pull origin master # 将远程仓库里面的项目拉下来$ dir ...
2019-08-08 09:33:22
123
原创 微信小程序入门
一、准备工作下载微信开发者工具二、创建项目1.添加项目2.如果没有AppID可以选择使用测试号AppID,项目名称可以随便起，3.创建好后就可以看到这样的界面了着重对代码架构目录做介绍：app.js、app.json、app.wxss，这三个中前两个是必看的，前两个相当于目录，就好比你读一本书，都要先看一下目录，所以以后看别人项目的时候，首先先看app.js和app.json...
2019-04-25 11:02:34
216
原创 如何搭建Vue脚手架
一.安装node.js去node.js官网下载安装二、安装vuenpm i vue 三、全局安装vue-clinpm i vue-cli -g四、使用vue-cli初始化项目。test是项目名称vue init webpack test注意：在搭建项目中会有几个问题，需要配置一下Project name :项目名称 注意：这里不能使用大写Project descrip...
2019-04-18 21:08:05
278
原创 如何删除GitHub上面的文件夹,如何上传项目到分支
在github上只能删除仓库,却无法删除文件夹或文件, 所以只能通过命令来解决首先进入你的本地文件夹下,右键 Git Bash Here ,打开命令窗口$ git --help # 帮助命令$ git pull origin master # 将远程仓库里面的项目拉下来$ dir...
2019-04-17 21:42:17
558
原创 通过git上传项目到GitHub和更新项目到GitHub
通过git上传项目到GitHub在要上传的文件夹下面右键Git bash here在命令行中，输入“git init”，使Test文件夹加入git管理输入“git add .”（不要漏了“.”），将Test文件夹全部内容添加到git输入“git commit -m “first commit””（“git commit -m “提交信息””）输入“git remote add orig...
2019-04-16 21:55:06
266
原创 如何用webstorm上传项目到GitHub
在使用 WebStorm 上传本地项目到 GitHub 之前，先要做一些相关配置。1、首先打开 WebStorm ，依次点击File -> Settings… 打开系统设置面板，在上面搜索 github 配置 GitHub 相关参数2、如下图所示，在搜索处搜索 github，然后 ，这里截图显示的是Git，截图错了3、如下图所示，点击Add account,会弹出一个登陆的框，直接在...
2019-04-16 00:07:49
2705
转载 Vue组件的数据传递
props的作用能让组件如同我们所知的js函数一样，在被使用时能够接收参数，并根据参数有不同的展现使用props流程①给组件添加props选项在自定义组件的内容配置对象里面给上一个props选项，他和template同级，如下：Vue.component('props-message',{ props:['message'], template:`<div>...
2019-04-14 17:43:12
872
原创 怎样让CSDN代码有颜色
很多刚开始玩CSDN的程序猿肯定都会有这样一个问题，为什么看别人的博客中的代码都是有颜色的，而自己的代码块却是没有颜色的比如这样是没有颜色的<body><input type="button" value="点击" id="btn"><input type="button" value="干掉第一个按钮的事件" id="btn2"></body&...
2019-04-12 21:37:35
869
原创 frameset框架、iframe内嵌框架
一、 frameset框架1、frameset定义frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性。2、 框架概念 ：所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要frameset frame 即可，而所有框架...
2019-04-12 00:48:17
284
转载 vue 子组件触发父组件方法的两种方式
第一种方法：如下：通过this.emit()来触发父组件的方法。具体就是子组件触发emit()来触发父组件的方法。具体就是子组件触发emit()来触发父组件的方法。具体就是子组件触发emit绑定的事件watchChild，然后父组件监听watchChild，一旦watchChild被触发便会触发父组件的parentReceive方法。父组件：<template><div&...
2019-04-10 21:59:06
11680
2
原创 Vue引用过度类名实现动画及小案例
.v-enter:进入之前的状态.v-leave-to:离场之后的状态.v-enter-active:入场动画的过程.v-leave-active:离场动画的过程 <style> /*进入之前的状态 ：v-enter 离场之后的状态：v-leave-to */ .v-enter, .v-leave-to{ o...
2019-04-08 22:20:15
171
转载 JavaScript页面刷新方法小结
1，reload 方法该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)2，replace 方法方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用repla...
2019-04-07 21:57:52
312
原创 Vue.directive()自定义指令的用法和实例
定义全局自定义指令注意：Vue.directive(‘参数名称’,{}) 定义全局指令，它有两个参数参数1：指令名称,注意在定义的时候，指令名称前不需要加 v- 前缀，但是在调用的时候，必须加v- 前缀。参数2：参数2是一个对象，这个对象身上有一些指令相关的函数(也就是下边介绍的钩子函数)，这些函数可以在特定的阶段，执行相关操作。 <div> <!-- 让inpu...
2019-04-03 23:01:40
2978
原创 vue的常用指令和事件修饰符
一、常用指令1.v-text解释：更新元素的 textContent<div id="app"> <h2 v-text="text"></h2></div><script> let vm = new Vue({ el:'#app', data:{text:"<span>...
2019-04-02 22:52:37
756
原创 vue的初步使用方法
一.下载vue文件并引入当然你也可以不下载文件，直接引入文件，前提是你有网络下载vue文件引入vue文件这里引入的是在线的文件<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本，...
2019-04-01 21:15:21
282
原创 闭包的作用
闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。注意点：在函数内部声明变量的时候，一定要使用var命令...
2019-03-31 21:37:13
146
原创 前端性能优化的方法
1、从DOM结构和标签上来优化·使用语义化的标签，代码清晰简洁；·减少Dom节点，增加渲染速度；·使用W3C标准书写闭合小写的标签；·给图片和table指定宽高，避免缩放；·防止src和href值为空，当为空时，浏览器会把当前页面当做属性值重新加载；·css在头部位置，js在body底部位置；2、从CSS样式上来优化·使用link加载样式而不是@import（是css2提供的一种方...
2019-03-29 21:46:39
133
原创 JQuery内置对象
1.Date：日期函数属性(1):constructor 所修立对象的函数参考prototype 能够为对象加进的属性和方法办法(43):getDay() 返回一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包括)以后为4位getFullYear() 返回完全的4位年份数getMonth() 返回月份数(0-11)getDate() 返回日(...
2019-03-28 21:41:45
809
原创 前端纯js绘制验证码
创建一个JqGetCode.js文件,将下面的代码复制进去，然后在静态页面引用!(function(window, document) { function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id ...
2019-03-27 23:30:52
657
原创 HTML5常见面试题及答案
1、HTML5的新特性(1) 绘画canvas(2) 用于媒介回放的video和audio元素(3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失(4) sessionStorage的数据在浏览器关闭后自动删除(5) 语义化更好的内容元素，比如article,footer,header,nav,section(6) 表单控件，calendar,date,ti...
2019-03-25 21:41:45
25250
原创 json和jsonp的区别
json返回的是一串数据；而jsonp返回的是脚本代码（包含一个函数调用）；JSON其实就是JavaScript中的一个对象，跟var obj={}在质上完全一样，只是在量上可以无限扩展。简单地讲，json其实就是JavaScript中的对象(Object)和数组(Array，其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层，以此模拟出许多复杂的数据结构。json易于人阅读和编写，也易于...
2019-03-24 21:37:00
12218
15
原创 前端100%、Flex、rem、布局方式及less
pc端网站与移动端(手机)网站区别PC端:屏幕尺寸大,显示内容多,结构复杂,缩小浏览器窗口,页面内容结构并不会发生改变,也并不是响应式移动端(手机网站):屏幕尺寸小,显示的内容有限,结构清晰,简洁,设备类型(ipad,iphone5,6,安卓等)繁多,页面内容结构自适应变化,随着浏览器窗口缩小而缩小,放大而放大,等比例缩放相同点:利用html+css(包括css3)+javascript,p...
2019-03-18 20:47:31
2371
原创 移动web开发meta标签的使用
一、meta标签html代码中最关键的就是meta标签设置，开发移动端页面首先一定要设置viewport （可视区域）device-width - 设备的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放 <meat...
2019-03-13 21:41:02
807
原创 响应式布局的优缺点及设置
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。优点面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到...
2019-03-11 21:55:38
1537
转载 HTML 5 应用程序缓存
使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览...
2019-03-10 23:20:14
139
原创 用原型的方式使用canvas来绘制饼状图
涉及到的知识弧度：两条射线从圆心射出形成的一个夹角，夹角所正对的线段就叫弧度 当这个弧长等于圆的半径时，两条射线的夹角为1一个角有多少弧度 2πr/r=2π 一个圆的角度是360°一个角度等于多少弧度 2π/360=π/180用到的方法arc(x,y,r,startAngle ,endAngle,anticlockwise )参数x 圆心横坐标y 圆心纵坐标r 半径...
2019-03-07 21:40:53
503
原创 Html5 中 WEB储存的方法
HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只...
2019-03-06 21:49:06
251
原创 QQTIM首页视差滚动效果案例
《QQ TIM》案例html&lt;body&gt;&lt;div class="all"&gt; &lt;!--第一页--&gt; &lt;div class="banner"&gt; &lt;!--导航--&gt; &am
2019-03-04 22:11:21
639
2
原创 自定义属性操作及案例
自定义属性: data-*(属性名称)作用: 进行数据的储存.获取自定义属性的名称 jQuery的方式 对象.data(‘自定义属性的名称’)对象.dataset 获取的属性的集合 h5自定义属性的写法规则 : data-name —>对象.name data-user-name —> 对象.userName用驼峰命名方式来获取<div cla...
2019-03-03 21:03:14
405
原创 CSS3动画
调用动画 div{ width: 100px; height: 100px; background-color: green; position: relative; left: 0; animation：动画名称 花费的时间 运动曲线 等待时间 播放次数（infin...
2019-02-28 21:09:32
179
原创 jQuery中jsonp的原理
在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的，即一般的 ajax是不能进行跨域请求的。但 img、iframe 、script等标签是个例外，这些标签可以通过 src属性请求到其他服务器上的数据。利用 script标签的开放策略，我们可以实现跨域请求数据，当然这需要服务器端的配合。 Jquery中ajax 的核心是通过 XmlHttpRequest获取非本页内容，而jsonp...
2019-02-27 22:48:53
740
原创 ajax原理和readyState状态码
1.创建XmlHttpRquest对象 用于与服务器交换数据 相当于创建http请求的一个对象 var xhr=new XMLHttpRequest();2.规定请求的类型（get post），url地址，以及是否异步处理请求（布尔值），默认为trueopen（） 相当于与服务器建一个特定的端口的链接 xhr.open("get","./test.txt");// ./t...
2019-02-25 21:36:47
240
原创 自定义手风琴jQuery插件
创建一个jQuery.accordion.js的文件// $.fn相当于jQuery.prototype $.fn.accordion 也就是相当于在jQuery的原型上添加了一个accordion的方法// index 获取索引 // ele 要设置样式的元素//遍历的给li设置背景图 $("#box li").each(function (index,ele)...
2019-02-21 21:30:36
183
原创 jQuery的事件操作
一.事件的注册1.bind（）方法注册事件 $("p").bind("click mouseenter", function(){ }); //第一个参数：事件类型（可以同时绑定多个事件） //第二个参数：事件处理函数 //注意：bind（）方法不支持动态事件的绑定2.delegate注册委托事件$(".parentBox").delegate("p",...
2019-02-20 21:25:16
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人