JavaScript类型比较和转化规则

Number的转化规则: 1.原始类型值 Number(123) // 123 Number('123') // 123 Number('123abc') // NaN Number('') // 0 Number(true) // 1 Number(false) // 0 Number(null...

2019-02-13 15:58:57

阅读数 51

评论数 0

Vue中的UI组件发布至npm流程

本文提供的方式是将组件直接引入,不需要使用Vue.use(),即没有给组件添加install方法。 步骤一 注册npm账号,用于发布组件。 // 注册后 npm adduser // 添加用户(填写注册的用户名,密码,邮箱) npm whoami // 查看当前注册的用户 附: 注册npm需要确...

2019-01-26 17:46:08

阅读数 164

评论数 0

Vue项目启动时自动获取本机IP地址

前言 在启动vue项目时,我们发现需要自己配置启动的ip地址,这样在多人开发便显得很不方便。 解决方案: 使用vue-cli构建项目:(其他配置类似) vue init webpack myproject 1.在当前的build目录下新建一个get-ip.js文件用来获取本机ip地址 // bu...

2019-01-26 15:07:08

阅读数 989

评论数 0

Vue中父子组件的生命周期函数的执行时机

问题背景: 在子组件中mounted时经常发现无法获取到父组件传入的props属性值。 生命周期函数执行顺序: 父beforeCreate -> 父created -> 父beforeMount -> 子be...

2018-12-28 17:08:30

阅读数 84

评论数 0

scoped的深入理解

scoped 属性 作用:保证css样式只作用于当前组件,不会影响其他任何地方的样式。 本质:设置 scoped 后,当前组件中的所有元素都会被添加一个 data-v- 的属性,所有设置的css样式都会添加该属性选择器。 如: // 权重为 1 + 10 input[data-v-656039f0...

2018-12-06 10:52:05

阅读数 66

评论数 0

实现移动端的 css stickyfooter

描述:在移动端经常有这样的效果,当页面内容高度不足视口高度时footer固定在底部,而页面内容高度高于视口高度时,footer随内容向下移动。 方法一: 使用 calc 实现(不推荐) // html <body> &...

2018-11-30 17:05:02

阅读数 56

评论数 0

使用padding-bottom和margin-bottom实现两栏等高布局原理

声明:以下均为个人见解,若有错误请指出。 效果预览: <!DOCTYPE html> <html> <head>...

2018-11-28 11:05:54

阅读数 172

评论数 0

JS中数组方法的底层实现

源码地址: https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js 数组变异方法(即改变原数组):shift、unshift、splice、push、pop、sort、revers...

2018-11-27 13:19:50

阅读数 261

评论数 0

小程序实现左滑删除功能

小程序中实现左滑删除 效果预览: // wxml <view class="delete_list"> <view class="list" wx:for...

2018-11-20 17:14:20

阅读数 88

评论数 0

小程序功能实现案例

实现自定义的checkbox 效果图: // wxml <view class="container"> <checkbox-group bindch...

2018-11-06 13:23:12

阅读数 185

评论数 0

html、body元素的高度问题

首先:html元素和body元素均为块级元素。 例1: <html> <head> <title...

2018-10-31 14:40:16

阅读数 700

评论数 0

小程序开发工具命令行启动配置

在cmd窗口中使用命令启动指定的小程序项目 命令形如: wechat -o miniapp-shops 1.自定义一个 wechat.bat 文件,输入以下代码: @echo off call C:"\Program Files (x86)\Tencent\微信web开发...

2018-10-31 11:41:52

阅读数 723

评论数 0

css精粹

1. 平滑滚动 (1)设置属性:scroll-behavior: smooth; 以前使用锚点跳转时总是快速的定位到指定位置,而使用平滑滚动后,页面会有一个滚动的过程,效果更好。 设置时只需要给滚动的盒子设置scroll-behavior: smooth属性即可,也可以在 css reset 时给...

2018-10-25 17:44:02

阅读数 85

评论数 0

原型链图示

例1:画出 [] 的原型链图?

2018-10-22 14:50:24

阅读数 117

评论数 0

JavaScript中原始值的理解

原始值: 概念:原始类型的值就是原始值,即原始值有string,、number、boolean、null和undefined五种。 valueOf() 和 toString() 方法的使用: null和undefined没有valueOf和toString方法,调用时报错。 默认情况下调用...

2018-10-22 13:43:43

阅读数 88

评论数 0

Web前端面试题

1. DOCTYPE 作用,标准模式与兼容模式(怪异模式)的区别? &a...

2018-10-19 10:53:53

阅读数 171

评论数 0

JavaScript算法题

1. 给定一串数据将其转化为树形结构 // 数据: let arr = [ { id: 1, name: 'js', parent:'前端' }, { ...

2018-10-17 11:15:46

阅读数 79

评论数 0

React中setState的更新策略

React中setState的更新策略 React中的setState有Batch模式(批量更新模式)和普通模式。 普通模式下,setState能够即时更新state,重新调用 render 方法,然后把render方法所渲染的最新的内容显示到页面上。 Batch模式下,React不会立刻修改st...

2018-10-09 15:41:24

阅读数 554

评论数 0

JavaScript中常用的一些方法

一. 数组 reduce() :对数组中的数据进行累计操作。 传入四个参数:累计值,数组每一项的值,索引,数组本身。 var arr = [1, 2, 3, 4]; var res = arr.reduce(function (total, val, index, arr){ return t...

2018-10-08 13:21:46

阅读数 73

评论数 0

JavaScript实现DOM树的深度优先遍历和广度优先遍历

深度优先遍历 // 非递归,首次传入的node值为DOM树中的根元素点,即html // 调用:deep(document.documentElement) function deep (node) { var res = []; // 存储访问过的节点 if (node != null)...

2018-09-27 19:59:26

阅读数 257

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭