![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
qq_39355295
这里是一个前端的小白的基本的学习笔记,记录自己的成长
展开
-
Visual Stadio code安装和配置
1.百度搜索“Visual Studio Code”,如下图所示:2.进入官方网站,然后点击“Download for Windows”,3.下载完毕后,点击“打开”,点击VSCodeSetup-x64-1.29.1安装一直下一步直到,选择下面几个打勾的选项4.最后安装5.如下界面即为安装成功...原创 2018-12-03 21:32:49 · 435 阅读 · 0 评论 -
yarn安装方式
之前一直使用npm。最近项目开始使用yarn,下面是对其基本介绍和安装方式:yarn介绍:Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具。简单来说和npm的作用基本没有什么不同,两者之间的区别除了各自的优势之外,最关键的体现就是语法的不同了,只要熟悉其中一个的使用方法,使用另外一个也是得心应手的呀。yarn安装:不同于np...原创 2019-09-26 09:49:11 · 574 阅读 · 1 评论 -
前端学习知识点整理html+js+query(一)
HTML笔记:1、document.querySelector("#demo")----获取文档中 id=“demo” 的元素练习地址JavaScript笔记:1、decodeURIComponent(URIstring) 函数----可对 encodeURIComponent() 函数编码的 URI 进行解码。练习地址...原创 2019-09-12 11:40:34 · 372 阅读 · 0 评论 -
本地存储的 localStorage 和 sessionStorage
数据存储也是跨浏览器会话,localStorage 是只读的。区别在于,数据存储在 localStorage 是无期限的,而当页面会话结束——当页面被关闭时,数据存储在 sessionStorage 会被清除 。解释:本文列出了 localStorage 中一些常用和不常用的方法,sessionStorage 也是一样的原理,只是会话结束后 sessionStorage 会被清空。常用的四个 ...原创 2019-09-11 10:39:13 · 186 阅读 · 0 评论 -
(一)VUE2.0之引入Vant组件库
在日常的vue的开发中,进行移动端的开发时,经常使用vant组件作为项目的ui界面。下面是从新建项目到开发的全部过程:1、新建vue项目,这里使用vue-cli3.x版本。//安装Vue cli 不管你的版本是多少 执行下面语句 都会安装最新版本npm install -g @vue/cli// 创建一个项目,名为hello-worldvue create hello-world/...原创 2019-09-10 22:19:26 · 3510 阅读 · 0 评论 -
小程序运行报错:“Setting data field “deviceId” to undefined is invalid."
错误原因:将数据字段“deviceId”设置为未定义是无效的。解决方法:出现这种情况的时候是页面setData "deviceId"的时候,没有获取到值,然后就会将undefined给deviceId字段,此时默认字段就会变成undefined,那么就会出现这种问题,解决方法就是 setData的时候判断获取到的值是否存在,不存在的时候给定一个默认值即可.我出现这种错误是应为给device...原创 2019-04-19 20:58:45 · 2193 阅读 · 0 评论 -
微信小程序转发功能的实现
前段时间做了一个微信小程序的项目,在项目中有实现过小程序的转发功能,这里给大家分享一下,有不对的地方勿喷微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html实现小程序转发有二种方式,一种是用户点击右上角转发,一种是在html文件中通过button实现转发功能第一种方式:在官方文档...原创 2019-04-19 20:54:32 · 2751 阅读 · 0 评论 -
时间选择器datePicker
*****前端实现时间的选择功能,这个不同于传统的手工的代码书写,这里我们可以引用不同的组件,直接实现时间选择功能。这里提供两种功能来实现时间选择。方法一:调用Element-ui 中的DateTimePicker 日期时间选择器组件或者DatePicker 日期选择器组件:http://element-cn.eleme.io/#/zh-CN/component/datetime-picke...转载 2019-03-27 20:10:55 · 1806 阅读 · 0 评论 -
设置select的默认选中项的颜色
项目开发中下拉框的默认颜色一般是起到提示用的作用,所以颜色一般是不同于其他选项框的颜色的。//设置select的默认选中项颜色$(function () {var unSelected = “#bababa”;var selected = “#505050”;$(function () {$(“select”).css(“color”, unSelected);$(“option”)...转载 2019-03-01 08:57:32 · 3816 阅读 · 0 评论 -
D3.js绘制基本图形
d3.js 绘制基本图形最近开始学习d3.js 主要是,初步认识d3.js,并且运行D3.jsD3.js数据可视化(data visualization)环境.因为之前没有接触郭d3,因为业务需求,需要绘制一系列的图表,所以上来直接学习绘制,刚开始经过一天的简单了解,懂得了d3绘制代码的基本格式,然后开始搜索自己需要的图形的基本模板,然后根据自己的 实际业务需求来进行基本的更改,这样就需要我们...原创 2019-02-16 22:17:25 · 3075 阅读 · 0 评论 -
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
原因:fsevents不在package.json里,但是仍然安装了,是因为你的系统不是Windows系统,fsevents是苹果系统的可选依赖,你的项目有可能是团队项目,别人在他的mac上安装了fsevents相关依赖库,所以到这边你也就安装到你的windows上边了。你可以检查你的package.json 文件中是不是有fsevents相关依赖,删除即好!如果没有,其他的npm包也会有依...原创 2018-12-12 13:54:12 · 2873 阅读 · 1 评论 -
yarn和npm的指令使用大全
下面主要是自己日常vue开发中npm 和yarn两者指令的使用区别:掌握其中的一个的话,使用另外一个几分钟就可以掌握,剩下的主要是指令的区别:npm指令:安装所有依赖:npm install新建项目文件:vue init webpack projectname //vue-cli版本在2.xvue create projectname //vue-cli版本在3.x运行程序:npm r...原创 2019-09-26 09:54:22 · 1219 阅读 · 0 评论