- 博客(44)
- 收藏
- 关注
RSS订阅原创 tarojs/cli创建项目报错：Bindings not found
搭建好taro以及相关依赖环境之后，使用taro init。报错 Bindings not found
2023-04-19 18:05:59
1630
3
原创 使用 WSL 在 Windows 上安装 Linux提示无法解析服务器的名称或地址及0x80370114问题解决
开发人员可以通过WSL在windows电脑上安装Linux发行版，并可以直接在电脑上使用Linux应用程序、实用程序和Bash命令行工具等。
2023-04-18 18:05:52
16050
5
转载 cookie、sessionStorage和localStorage
我们都知道，作为一名前端开发，或多或少在开发的过程中因为各种各样的需求，需要在前端存储一些数据，比如登录验证，可能会用到cookie，或者localStorage存储token，然后请求手动带上。所以我们很需要搞清楚前端存储有哪些方法，以及我们该如何去使用这些我们已经司空见惯的单词（Cookie、sessionStorage和localStorage）cookieHTTP Cookie，通常...
2019-05-16 15:36:30
337
原创 js字符串与数组互转
字符串转数组首先声明一个测试用的字符串let str = "abcd"split方法 使用特定的分隔符let newStr = str.split("")console.log(newStr) // ["a", "b", "c", "d"] ...运算符let newStr = str.split("")console.log([...newStr]) // ["a",...
2019-05-15 17:55:33
6753
原创 javascript中json取值的几种方式
先准备一个json对象用于演示var json = { 'name':'zhangsan', '年龄':23, 404:'你可能迷路了' };使用JS中with关键字 with(json) { console.log(name);//输出:zhangsan console.log(年龄);//输出:23 console.log(404);//输出:...
2019-05-15 16:53:07
33904
原创 三目运算符小技巧
短路求值（Short-Circuit Evaluation）三目运算符是一个很方便快捷的书写一些简单的逻辑语句的方式x > 100 ? 'Above 100' : 'Below 100';x > 100 ? (x > 200 ? 'Above 200' : 'Between 100-200') : 'Below 100';但是有些时候当逻辑复杂之后，三目运算符书写起来可...
2019-05-14 15:56:14
274
原创 es6解构赋值圆括号问题
解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。由此带来的问题是，如果模式中出现圆括号怎么处理。ES6 的规则是，只要有可能导致解构的歧义，就不得使用圆括号。但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。不能使用圆括号的情况以下三种...
2019-05-14 10:42:05
609
原创 elementUI日期组件弹出错位
使用elementUI中的日期类组件时，如果在组件中使用了v-if则会导致日期弹出窗错位，将v-if改成v-show即可
2019-05-09 16:07:34
5131
3
原创 elementUI自定义主题
elementUI自定义主题第一步 安装主题工具npm i element-theme -g第二步 安装chalk主题npm i element-theme-chalk -D第三步 初始化变量文件et -i这时根目录会生成element-variables.scss文件第四步 修改变量直接编辑element-variables.scss文件 例如修改主题色为红色，在elem...
2019-05-09 16:01:00
409
原创 vue项目中引入外部js的几种方式
全局使用我在src目录下新建了api文件夹，里面有封装ajax请求的index.js文件idnex.js的内容将该模块export出去，然后在main..js文件中用import api from './api/index'导入该模块最后使用Vue.prototype.$api = api;将其配置到全局即可在组件中用this.$api.test()即可访问到test方法组件中使用...
2019-05-09 15:42:09
56952
1
原创 cell组件自定义
cell组件inline-desc属性可以在标题的下方插入一行描述， 要实现三行效果 可以使用slot插槽中的inline-desc自己写元素 例如这样
2018-08-08 17:39:23
1974
原创 vux框架组件自定义样式
全局方式 方法一 在webpack.base.conf.js文件中配置{ name: 'less-theme', path: 'src/styles/theme.less' // 相对项目根目录路径 } 然后在配置的路径写入对应的.less文件 类似这样 局部方式 方法二 使用/deep/或&g...
2018-08-08 17:27:00
3826
原创 网页计时器
<!DOCTYPE html><html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head>
2018-04-23 11:33:23
2954
转载 jQuery 中 $(function() {}); 问题详解
$(function() {}); 是 $(document).ready(function(){}) 的简写，最早接触的时候也说 $(document).ready(function(){}) 这个函数是用来取代页面中的 window.onload; 但是今天发现好像不是这样回事！是在做一个页面载入效果时发现的！ $(document).ready() 里的代码是在页面内容都加载完才执行
2018-04-12 13:49:52
433
转载 $ (function() {})
JQuery 的代码我们通常会包裹在一个$(function(){})函数中，jq 的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生 js 的window.onload事件，这俩者之间到底有什么区别呢？$(function () { console.log("ready执行");});$(functio...
2018-04-12 13:44:05
13819
3
转载 Sublime常用插件及快捷键
Sublime 常用插件及快捷键插件1、ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件2、Bracket Highlighter 用于匹配括号，引号和 html 标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效3、DocBlockr DocBlockr 可以自动生成 PHPDoc 风...
2018-04-03 11:39:52
422
转载 HTML、CSS重难点知识点
怎么让一个不定宽高的 DIV，垂直水平居中? 使用 Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置: position:relative Div 设置: transform: translate(-50%，-50%);position:...
2018-03-01 14:19:46
1389
1
原创 JS识别访问端设备
我们在做网页的时候为了让手机端和 PC 端都有更好的显示效果，通常会针对不同设备做不同页面，要让网页识别出不同的设备，只要加入下面 js 代码即可："text/javascript"> var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") ==
2018-01-30 10:50:12
1154
转载 CSS3 实现的响应式字体：自适应视图窗口大小的新单位
viewpointcss3 提供了一些与当前 viewpoint 相关的元素，vw，vh，vim 等。“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh, 最小1vmax = 1vw or 1vh, 最大兼容性：ch
2018-01-15 11:30:02
1286
转载 Flex布局详解
Flex 布局教程：语法篇布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009 年，W3C 提出了一种新的方案 —-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的
2018-01-02 17:22:35
328
原创 http-equiv属性
http-equiv 相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。语法： meta标签的http-equiv属性语法格式是： ＜meta http-equiv=”参数” content=”参数变量值”＞；其中http-equiv属性主要有以下几种参数：Ex
2017-11-28 14:10:23
3111
1
原创 JavaScript运算符
一元运算符 一元运算符只需要一个操作数 + 正号 不会对数字产生任何影响 - 负号 负号可以对数字进行符号的取对于非Number类型的值，它会先将其转换为Number，然后再运算 可以对一个其他的数据类型使用+ 来将其转换为number，它的原理和Number()函数一样var result = +null;console.log("result = "
2017-10-12 14:45:16
846
原创 JavaScript 数据类型及转换
数据类型 数据类型指的就是字面量的类型 在js中一共有六种数据类型String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象其中String、Number、Boolean、Null、Undefined属于基本数据类型 而Object属于引用数据类型 Null（空值）类型的值只有一个，就是null nu
2017-10-10 17:03:47
2465
转载 transform的perspective属性
CSS3 Transform的perspective属性 以下两行语句有什么区别？Css<div id=”animateTest” style=”-webkit-transform: perspective(400px) rotateY(40deg);”>Css<div id=”animateTest” style=”-webkit-t
2017-10-10 14:12:23
453
转载 box-sizing布局
学会使用box-sizing布局 盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如：padding + border + width= 盒子的宽度padding+ bo
2017-09-29 09:34:27
156
转载 聊聊 justify-content 属性
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。注意：弹性布局中有两个基本术语main axis和cross axis，一般情况下，我们可以把它们各自看作是屏幕上的行向和列向（但是严格讲，这和写模式以及弹性流方向有
2017-09-28 16:48:15
3910
转载 浅谈display:flex
<div class="postBody"> <div id="cnblogs_post_body"><p>display:flex 意思是弹性布局</p> 首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除
2017-09-28 16:38:09
322
原创 CSS居中的常用手段
文字居中 水平：text-align:center; 只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中 垂直：设置line-height值与父元素高度值相同块元素居中 水平：margin:0 auto; 此方法只能进行水平的居中，且对浮动元素或绝对定位元素无效 垂直：设置line-height值与父元素高度值相同，
2017-09-28 16:32:21
213
转载 CSS 转义字符对照表
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号
2017-09-26 11:41:01
4551
转载 csdn快速转载~
前言 对于喜欢逛CSDN的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载，所以学会了之后就把方法写出来，帮助那些想转载却不知道该怎么转载的人（大神勿笑
2017-09-26 10:53:31
148
转载 轮播图插件--myFocus使用方法
Step 1. 在html的标签内引入相关文件<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库--><script type="text/javascript" src="js/mf-pattern/slide3D.js"></script><!--引入风格js文件--><li
2017-09-26 10:40:54
365
原创 知识点 2017年9月25日
内边距的百分比数值百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。下面这条规则把段落的内边距设置为父元素 width 的 10%：p {padding: 10%;}例如：如果一个段落的父元素是 div 元素，那么它的内边距要根据 div 的 width 计算：<div style="width: 200px;"><p>This
2017-09-26 10:24:21
270
原创 知识点
背景图像固定 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响：body { background-image:url(/i/eg_bg_02.gif); ba
2017-09-25 09:23:21
208
原创 属性选择器
对带有指定属性的 HTML 元素设置样式 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性 注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。属性选择器对带有title属性的所有元素设置样式：[title]{color:red;}属性和值选择器为所有title=“w
2017-09-20 16:22:20
190
原创 学习笔记 2017-9-18
margin和padding属性表示顺序为顺时针，从上面开始 border-radius属性表示顺序也为顺时针，从左上角开始绘制三角形：.triangle{height:0;width:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid re
2017-09-20 16:00:02
151
原创 加入js交互的菜单 屏幕适配
<!DOCTYPE html><head><script src="/assets/jquery.js"></script><link href='https://fonts.googleapis.com/css?family=Londrina+Shadow' rel='stylesheet' type='text/css'><style>body { font-family: helv
2017-09-18 15:57:26
426
原创 简易菜单界面
<!DOCTYPE html><head><link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet"><style>body { font-family: helvetica, sans-serif; margin: 0 auto; max-width: 600px;
2017-09-18 11:35:20
669
原创 学习笔记 2017年9月14日
css添加渐变效果可以用如下代码： background:linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,.4)); 线性渐变 从底部向上 由黑色不透明到黑色0.4透明 还有一种放射渐变：radial-gradient，由中心向四周发射 在safari、chrome还有opera中：background:-webkit-linear-gradi
2017-09-18 11:29:07
415
原创 简易菜单界面
<!DOCTYPE html><head><style>body { font-family: helvetica, sans-serif; margin:0 auto; max-width:600px;}div{ height:200px; background-size:cover; position:relative; margin:40px 0 0 0; b
2017-09-14 10:03:08
381
原创 学习笔记 2017年9月13日
页面在不同屏幕大小的设备时可以用： @media(max-width:500px){ body{ background:red; } }中间部分写上需要改变的样式。javascript代码格式：$(元素名).on（事件类型，要实现的操作）; 例如： <script> $("button").on("click",function(){ });
2017-09-14 09:59:25
508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人