![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
素燃
忙里偷闲,发现有意思的东i就写点
展开
-
适用于小程序和web端的 canvas 文字换行及居中问题
// 获取真实字节长度 function getTrueLength(str) { let trueLength = 0; for (let x = 0; x < str.length; x++) { // 如果字节码 大于 128, 则 每次 +两个长度, 否则,每次加一个长度 trueLength += str.charCodeAt(x) > 128 ? 2 : 1; } ...原创 2020-07-31 19:26:29 · 760 阅读 · 1 评论 -
this问题究竟怎么回答?
/** * 函数的this理解 * 经常看到的一句话:就是js代码在执行时,谁调用这个函数或方法,this关键字就指向谁 * 为什么说是js代码在执行时? * 因为js设计的就是代码在浏览器中运行时才为this分配上下文,这是它的坑 * 也就是说this的指向只有在代码运行时才确定的,而不是定义时确定的 * 谁调用这个函数或方法,this关键字就指向谁,才决定了this的作用域! ...原创 2019-01-22 15:24:52 · 2005 阅读 · 0 评论 -
js的中对象高级部分理解vue的双向数据绑定,以及创建对象 --- 设计模式
对象含义:无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,对象是一组没有特定顺序的值,那么它肯定是一个引用数据类型。对象的属性类型es5定义了只有内部才用的特性(attribute)时,描述了属性(property原型)的各种特征。 es5 这些特性是为了实现JavaScript 引擎用的,因此在 Js 中不能直接访问它们;js属性有两种: 数据属性和访问器属性1. ...原创 2019-02-28 15:01:31 · 385 阅读 · 0 评论 -
dva 开发 ,简单写写,及配置 不同的 服务器打包指令
安装 dva-cli$ npm i dva-cli -g$ dva -v创建新应用$ dva new project$ cd project$ npm start配置接口及打包环境cross-env 地址 # 安装插件$ npm i cross-env修改 .webpackrc.jsexport default { define: {...原创 2019-08-27 16:13:59 · 1520 阅读 · 1 评论 -
vue 获取dom 元素 ,过滤器,排序,$set 更新数组元素
template 模板<template> <div class="one"> <u> <li tag="div" v-for="(item,index) in sort" :key="index"> {{ item.name }原创 2018-04-30 11:12:13 · 1405 阅读 · 0 评论 -
vue 购物车demo 用到了计算属性computed v-for @click
template模板<template> <div class="two"> <table border="1px solid #666" style="width:500px;"> <thead> <tr>原创 2018-04-30 12:16:28 · 4119 阅读 · 0 评论 -
v-model双向数组绑定 和 @input 用法:每次再表单输入值,都会立马得到数据
v-model @input 使用<template> <div> <input type="text" v-model="value"> <p>{{ value }}</p> <button @click="getval"&g原创 2018-04-30 12:52:37 · 5975 阅读 · 0 评论 -
localStorage sesstionStorage的使用,以及对应的生命周期
什么是 HTML5 Web 存储?使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速.这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上它也可以存储大量的数据,而不影响网站的性能。数据以键/值对存在, web网页的数据只允许该网页访问使用。官方解释那么多,其实说白了 跟你用cookie方法一样...转载 2018-05-02 11:04:11 · 5650 阅读 · 0 评论 -
H5实现全屏展示方法
简单些,直接上代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&转载 2018-05-02 13:45:06 · 14088 阅读 · 0 评论