<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[javaScript_want的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/javaScript_want</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; javaScript_want]]></copyright><item><title><![CDATA[(a==1 && a==2 && a==3)输出ture]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/116205691</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/116205691</guid><author>javaScript_want</author><pubDate>Tue, 27 Apr 2021 17:44:50 +0800</pubDate><description><![CDATA[(a1 &amp;&amp; a2 &amp;&amp; a==3)输出ture分析：
两个概念：
1.隐式转换
2.Object的toString/valueOf方法
 let a = {
      num: 0,
      toString() { console.log('执行了tosting'); return this.num+=1 },
      valueOf() {  console.log('执行了value'); return this.num+=1 }
    }

对象中同时存]]></description><category></category></item><item><title><![CDATA[vue中使用provide/inject响应数据隔代传值]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/114980617</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/114980617</guid><author>javaScript_want</author><pubDate>Thu, 18 Mar 2021 15:28:07 +0800</pubDate><description><![CDATA[父组件：
provide返回一个函数调用函数内部返回响应的数据，即可在其他条件下修改响应数据传递给子代组件
 provide(){
    return {
      itemDataHandle:()=&gt;this.itemData
    }
  },

隔代组件：
隔代组件通过inject获取传输进来的数据
并通过
inject: ['itemDataHandle'],
此时的itemDataHandle是个函数,可以使用computed返回这个函数的结果
computed: {
    get]]></description><category></category></item><item><title><![CDATA[vue项目中使用防抖]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/114395991</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/114395991</guid><author>javaScript_want</author><pubDate>Fri, 05 Mar 2021 14:40:17 +0800</pubDate><description><![CDATA[记录一下项目中上拉滚动触发增加函数防抖：
需求是上拉加载时频繁触发只执行最后一次加载数据
坑点：vue中写的函数作为参数传给防抖函数时一定要保证闭包函数调用的this指向否则会报错。
函数调用：
防抖函数：


...]]></description><category></category></item><item><title><![CDATA[H5页面跳转小程序]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/114066829</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/114066829</guid><author>javaScript_want</author><pubDate>Thu, 25 Feb 2021 12:46:42 +0800</pubDate><description><![CDATA[步骤流程以及思路：
1.准备：导入公众号js sdk以及web sdk（ 代码参考wx官方文档链接）
2.首先区分运行环境：
1）微信环境：微信环境主要是调用的wx.config APi申请wx-open-launch-weapp标签权限。
2）pc环境。
3）其他环境（如：手机浏览器环境）：手机浏览器等外部环境通过调用云函数wx-server-sdk来创建cloud来获取wx返回小程序Url Scheme来打开小程序。
基本上wx官方文档有详细介绍：现在主要讲的是wx没有提供的以及坑点
1.首先先在云开发]]></description><category></category></item><item><title><![CDATA[mpvue使用axios发送请求]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/105571404</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/105571404</guid><author>javaScript_want</author><pubDate>Fri, 17 Apr 2020 01:06:57 +0800</pubDate><description><![CDATA[重写axios的请求方式
/**
 * 小程序的请求方式
 * @param url 
 * @param type
 * @param data
 * @returns {Promise}
 */
const Http = (config) =&gt; {
    let local = wx.getStorageSync('at_token') 
    // 开启菊花图
    wx.sho...]]></description><category></category></item><item><title><![CDATA[webpack打包原理了解]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/105524940</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/105524940</guid><author>javaScript_want</author><pubDate>Wed, 15 Apr 2020 01:06:09 +0800</pubDate><description><![CDATA[首先搭建webpack环境配置：
1.在package.json文件中创建

可以直接黑窗中使用testWebpack执行bin目录下的这个脚本
注： 需要在运行的脚本中声明node环境执行   #!/usr/bin/env node
//执行的脚本文件
/**
  1.获取打包的配置内容
  2.使用自己写的testWebpack分析依赖来打包
*/

  //src下创建js脚本 news.j...]]></description><category></category></item><item><title><![CDATA[使用vue-cli编写第一个vue小插件]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103924048</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103924048</guid><author>javaScript_want</author><pubDate>Fri, 10 Jan 2020 14:46:51 +0800</pubDate><description><![CDATA[使用vue-cli编写第一个vue小插件
1.使用cli创建一个vue项目
vue init webpack  ”项目名称“

2.在build目录下创建一下插件打包配置文件
//webpack.dist.conf.js
var path = require('path')
var webpack = require('webpack')

module.exports = {
  entry: ...]]></description><category></category></item><item><title><![CDATA[react中事件绑定]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103567391</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103567391</guid><author>javaScript_want</author><pubDate>Mon, 16 Dec 2019 18:13:43 +0800</pubDate><description><![CDATA[react绑定事件的时候不像vue直接调用就行，需要修改一下this的指向
1.使用箭头函数

2.使用bind()修改指向


]]></description><category></category></item><item><title><![CDATA[react父子组件传值]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103565915</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103565915</guid><author>javaScript_want</author><pubDate>Mon, 16 Dec 2019 17:06:16 +0800</pubDate><description><![CDATA[1.父组件传值给子组件
1）父组件通过子组件标签传递数据给子组件

2）子组件通过调用this.props.属性名来获取传过来的数据

2.子组件传值给父组件
1）父组件通过子组件标签传递一个方法

2）子组件通过点击事件来调用父组件传递过来的方法，将子组件修改后的参数当作该方法的形参传递，父组件接收这个形参通过setState()来修改数据


...]]></description><category></category></item><item><title><![CDATA[react项目打包后部署到服务器报错]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103531364</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103531364</guid><author>javaScript_want</author><pubDate>Fri, 13 Dec 2019 17:52:28 +0800</pubDate><description><![CDATA[使用react脚手架创建的项目直接打包丢服务器后进入index.html会报错无法启动项目
1.需要在package.json中添加
 "homepage": ".",


这样打包后把build文件直接丢服务器下就可以访问了

...]]></description><category></category></item><item><title><![CDATA[react定义组件]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103529606</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103529606</guid><author>javaScript_want</author><pubDate>Fri, 13 Dec 2019 16:34:34 +0800</pubDate><description><![CDATA[1。函数式组件
      //函数式组件
 function Hello() {
    return (
      &lt;div className="pname"&gt;hello word&lt;/div&gt; 
          )
 }

2.类组件
    //类组件
class Hello extends React.Component{
    render(){
   ...]]></description><category></category></item><item><title><![CDATA[使用lrz做图片文件压缩]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103477684</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103477684</guid><author>javaScript_want</author><pubDate>Tue, 10 Dec 2019 16:18:33 +0800</pubDate><description><![CDATA[1.安装lrz:
npm install lrz --save-dev

2.导入lrz:
import lrz from "lrz";

3.使用：lrz()参数1:文件(files[0])，参数2:压缩文件的配置
 compressImg(that, fileData, callback) {
      lrz(fileData, { width: this.size, fieldName:...]]></description><category></category></item><item><title><![CDATA[css超出两行隐藏并使用...替代]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103410092</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103410092</guid><author>javaScript_want</author><pubDate>Thu, 05 Dec 2019 18:28:08 +0800</pubDate><description><![CDATA[.test {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
 }


]]></description><category></category></item><item><title><![CDATA[vue-element创建一个动态的面包屑导航]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103408657</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103408657</guid><author>javaScript_want</author><pubDate>Thu, 05 Dec 2019 17:12:27 +0800</pubDate><description><![CDATA[1.使用element的Breadcrumb组件

2.监听router获取matched 刚好是一个数组

3.效果(根据路由变化展示)


]]></description><category></category></item><item><title><![CDATA[vue项目骨架屏的使用]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103383128</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103383128</guid><author>javaScript_want</author><pubDate>Wed, 04 Dec 2019 11:17:33 +0800</pubDate><description><![CDATA[1.使用vue-cli创建一个新项目
2.在index.html文件中div添加内容加载时会先显示div里面的内容等渲染完毕时在切换成路径组件内的内容

先显示：

加载完后显示：

运行的流程就到这：接下来就轮到主角出场了
1.安装webpack插件npm install vue-skeleton-webpack-plugin
2.在src目录下创建Skeleton.vue
&lt;templa...]]></description><category></category></item><item><title><![CDATA[vue中使用特殊字体]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103382623</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103382623</guid><author>javaScript_want</author><pubDate>Wed, 04 Dec 2019 10:50:44 +0800</pubDate><description><![CDATA[1.在src目录下创建一个font文件夹放入下载好的字体文件

2.对应位置样式文件写好以下内容

@font-face {
    font-family: 'PangMenZhengDao';
    src: url('./FZBWKSJW.ttf');
  }

3.在对应组件中使用


...]]></description><category></category></item><item><title><![CDATA[文字使用css渐变字体颜色]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103241528</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103241528</guid><author>javaScript_want</author><pubDate>Mon, 25 Nov 2019 17:05:01 +0800</pubDate><description><![CDATA[方法：
 background-image: linear-gradient(
              0deg,
              rgba(255, 171, 0, 1) 7.5439453125%,
              rgba(255, 250, 142, 1) 100%
            );
            -webkit-background-cl...]]></description><category></category></item><item><title><![CDATA[H5唤起手机拍照和相册]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103203815</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103203815</guid><author>javaScript_want</author><pubDate>Fri, 22 Nov 2019 16:56:28 +0800</pubDate><description><![CDATA[1.拍照和相册
 &lt;input type="file"  multiple="multiple" accept="image/*"  multiple id="files"&gt;

2.视频
 &lt;input type="file" accept="video/*" capture="camcorder"&gt;

3.拍照和视频选取
&lt;input type="file" acc...]]></description><category></category></item><item><title><![CDATA[canvas动画机制]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103197347</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103197347</guid><author>javaScript_want</author><pubDate>Fri, 22 Nov 2019 11:09:35 +0800</pubDate><description><![CDATA[canvas的动画执行使用的 requestAnimationFrame()方法：
步骤主要是：绘制-清空画布-重新绘制-清空这样刷新画布达到动画的效果（使用动画在绘制路径开始之前通常需要加上beginPath()方法。否则使用路径的动画无法清空画布。）


...]]></description><category></category></item><item><title><![CDATA[FileReader()构造函数基本使用获取上传文件流]]></title><link>https://blog.youkuaiyun.com/javaScript_want/article/details/103177032</link><guid>https://blog.youkuaiyun.com/javaScript_want/article/details/103177032</guid><author>javaScript_want</author><pubDate>Thu, 21 Nov 2019 09:57:34 +0800</pubDate><description><![CDATA[1.语法：实例化一个FileReader函数
var fileReader = new FileReader();

2.使用readAsDataURL()方法读取文件流
 fileReader.readAsDataURL(files.files[0]);

3.监听onloadend 读取完成事件
 fileReader.onloadend = () =&gt; {
              ...]]></description><category></category></item></channel></rss>