前端魔法师-CSDN博客

原创前后端交互总结及 axios 使用

前后端交互总结及 axios 使用

2020-12-24 11:44:31 590

原创 vue与element（使用与跳坑）

记录在vue中如何使用element

2020-12-18 11:26:50 180

文章目录vuevue-cli2Vue 运行后http://0.0.0.0:8080地址无法打开也没有自动打开浏览器vue-cli3vuevue-cli2这里讲述的是我在维护更新使用vue-cli2项目时遇到的问题vue-cli2 文档地址Vue 运行后http://0.0.0.0:8080地址无法打开也没有自动打开浏览器问题在公司遇到一个老项目，发现启动之后本地地址是http://0.0.0.0:8080的，而且也没有自动打开浏览器，点击这个地址之后是这样的然后在本地地址才能够打

2020-11-13 13:41:17 206

原创便捷工作

VsCode

2020-10-30 13:33:47 166

原创微信小程序工作指南

微信小程序基础微信小程序功能及组件实现微信小程序设定图片固定比例微信小程序裁剪插件——转载github项目地址微信小程序各种基础及功能组件总结

2020-10-28 10:40:05 331

原创 JavaScript原理及应用

1

2020-10-19 14:15:02 174

原创 CSS常用属性及效果实现——持续更新

CSS常用属性1.CSS 参考手册菜鸟教程2.CSS3 教程菜鸟教程2.flex布局详解菜鸟教程CSS简单效果实现1.元素水平,垂直,水平垂直居中方案2.文本垂直居中height:高度line-height:高度3.单行文本省略CSS复杂效果实现1.实现图片无限循环无缝滚动...

2020-10-19 14:13:41 164

原创 JS数组方法最全最详细总结

一、检测方法Array.isArray()判断传入的值是否为数组// 下面的函数调用都返回 trueArray.isArray([]);Array.isArray([1]);Array.isArray(new Array());Array.isArray(new Array('a', 'b', 'c', 'd'))// 鲜为人知的事实：其实 Array.prototype 也是一个数组。Array.isArray(Array.prototype); // 下面的函数调用都返回 fals

2020-12-29 15:16:47 2026

原创微信小程序组件默认样式修改

checkbox radio 样式重写wxml<view class="container"> <view>checkbox样式</view> <view> <label class="checkbox"> <checkbox checked="true" />选中 </label> <label class="checkbox"> <checkb

2020-10-30 11:34:30 1149

原创微信小程序日期组件实现

主要代码实现微信官方文档——picker-view的使用获取当前月份天数以上代码可以在控制台输出2020年2月份的天数Date对象月份从0开始，即0表示1月份，以此类推。在上面的代码中，我们初始化d为三月份的第0天，由于JavaScript中day的范围为1~31中的值，所以当设为0时，会向前一天，也即表示上个月的最后一天。封装一个获取指定年月天数的函数function getDays(year, month) { var d = new Date(year, month

2020-10-30 10:39:48 2475 1

原创微信小程序——设定图片固定比例

实现原理及思路SelectorQuery wx.createSelectorQuery()进入微信官方文档查看示例代码const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect() //也可以使用类名 .the-classquery.selectViewport().scrollOffset()query.exec(function(res){ res[0].top

2020-10-28 10:38:54 1708

原创 CSS实现图片无限循环无缝滚动

实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {

2020-10-26 16:07:07 15342 8

转载 ES6全部特性(已更新ES2020)——转载

1.5万字概括ES6全部特性(已更新ES2020)

2020-10-19 10:50:57 643

原创 CSS 水平,垂直,水平垂直居中方案——持续更新

准备<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .parent{

2020-10-16 13:37:33 212

原创 VueCLI 搭建项目

安装vue create 创建新项目输入vue cerate *创建项目

2020-10-15 11:23:27 173

原创 VueCLI 通过process.env配置环境变量

前言我们在做vue或者react单页应用的时候,会发现配置文件里有procsss.env字段,那么,这个字段有什么含义,代表什么,我们在搭建项目的时候又该如何使用其来配置环境变量,从而在不同的环境下进行不同的配置。理解node环境变量process.env首先,我们需要理解node中的process和process.env是什么,点击此处进入Node.js中文网进行查看在文件夹中新建process.js文件,进行操作,理解process.envprocess（进程）process 对象是一

2020-10-14 16:36:24 18046 2

原创 chrome浏览器自带网页截取长图功能

按F12(⌘Command + ⌥Option + I)打开调试界面随后，按下Windows 为 Ctrl + Shift + P （⌘Command + ⇧Shift + P），输入命令 Capture full size screenshot（只输前几个字母就能找到），敲下回车，Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出，其比普通扩展速度更快，分辨率也更高。除了普通长截图以外，你还可以利用这一功能截取手机版网页长图。只需要按下Windows 为 Ctrl + Shi

2020-10-14 16:09:13 866

原创 VsCode 使用 live Server 插件报Open a folder or workspace... (File -＞ Open Folder)错误

右下角 Open a folder or workspace... (File -> Open Folder)错误是因为文件没有在文件夹中打开我们将文件夹打开,并运行live Server 插件,此时可以正常启动服务

2020-10-09 14:14:34 5272 2

原创 Vue中引入字体并解决字体文件过大问题

利用 CSS3 @font-face 规则指定名为"myFirstFont"的字体，并指定在哪里可以找到它的URL：@font-face{font-family: myFirstFont;src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */}在main.js中全局引用文件import '@/styles/index.scss'解决字体文件过大问题Fontmin - 字体子集化方案

2020-09-29 11:32:30 5626

原创 JavaScript详解原型和原型链

详解javascript 原型和原型链

2020-08-24 17:10:27 471

原创微信小程序WXS模块的使用

WXS模块的使用index.wxml<view class="container"> <view>{{common.msg}}</view> <view>{{common.foo}}</view> <view>{{foo.value}}</view></view><!-- src 引用 .w

2020-08-11 13:59:48 2201

原创微信小程序实现全选,半选功能

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-08-10 16:40:43 3055

空空如也

空空如也