基于H5实现的react拖拽排序组件
拖拽排序组件Github地址：https://github.com/VicEcho/VD... 因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。 由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag 和 drop） ... 查看全文
JavaScript变量及数据类型
JavaScript变量 1.什么是变量 变量就可以看作是一个装东西的盒子，变量就是存放数据容器，我们可以通过变量名获取数据并且修改数据 变量的本质就是程序在内存中申请了一块用于存放数据的空间 2. JS中的变量 （1）JS中的数据类型 分为 数字型（包括整型和浮点型）， 字符串型， 布尔型， Un ... 查看全文
windows下搭建vue开发环境实践
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面。为了提升自己的知识面，今天实践操作一下Vu ... 查看全文
使用现代CSS的响应式版面
为一个网站选择类型尺寸是项艰巨的任务. 标题和段落的尺寸在网页布局和可读性方面处理起来很棘手. 谢天谢地, 我们有模块化缩放可以引导我们. 模块化缩放是一个数字序列以某种方式关联另一个序列. Tim Brown,更多版面 在版面中应用的模块化比例实现了视觉层次效果与和谐的比例。它们提供了一组数值作为 ... 查看全文
Nodejs中ES Modules如何操作运用？本文详解
2020-05-26 Nodejs v12.17.0 LTS 版发布，去掉 --experimental-modules 标志。 1、虽然已在最新的 LTS v12.17.0 中支持，但是目前仍处于 Stability: 1 - Experimental 实验阶段，如果是在生产环境使用该功能，还应保 ... 查看全文
vue中ajax请求放在哪个生命周期中
为什么不在 created 里去发ajax？created 可是比 mounted 更早调用啊，更早调用意味着更早返回结果，那样性能不是更高？首先，一个组件的 created 比 mounted 也早调用不了几微秒，性能没啥提高；而且，等到异步渲染开启的时候，created 就可能被中途打断，中断之 ... 查看全文
gulp js文件压缩 es6 代码转换
npm install --save-dev gulp-babel @babel/core @babel/preset-env // 暂时用下面这个 npm install gulp-babel @babel/core @babel/preset-env const babel = require( ... 查看全文
前端脚本Js、JQ使用中踩过的坑【随踩随记】
在js里，如果要跳出for循环或者while循环的话，可以用continue或break 在jquery里，只有一个each循环，那么在each循环里，要跳出循环的话，可以用return true或return false。return false：将停止循环 (就像在普通的循环中使用 'break ... 查看全文
JS实现HTML实体与字符的相互转换
超级有用。 function stringToEntity(str,radix){ let arr=str.split('') radix=radix||0 let tmp=arr.map(item=> `&#${(radix?'x'+item.charCodeAt(0).toString(16): ... 查看全文
通过css润色html表格
原本这只是一个用html编写的干瘪难看的表格： <body> <h1>创建一个3*3的表格</h1> <table> <tr> <!--th和td都是单元格，th里的内容会默认加粗并且居中 --> <th>表头1</th> <th>表头2</th> <th>表头3</th> <th>表头4</th> ... 查看全文
JavaScript简介
JAVAScript简介 1.什么是javascript JavaScript是运行在客户端的脚本语言 脚本语言： 即不需要编译，运行时由JS解释器逐行进行解释执行 2.浏览器如何执行JavaScript代码 浏览器有两个非常重要的部分，分别是渲染引擎和JS引擎。渲染引擎主要用于解析HTML和CSS ... 查看全文
JavaScript开发贝克抑郁症自测
在开发抑郁症自测的过程中，也更多的了解到抑郁症这样一个群体特征，这是我们平时可能不在意的，或者是很少关注的群体，通过这次开发过程中，搜集到了不少资料，也更多的了解抑郁症的痛苦，身体的病痛似乎远不如精神上的摧残。Java开发贝克抑郁症最为复杂的部分是收集测试题，并且给各个测试题做代码，这个过程完全是码农的奋斗历程，没办法做到软件自动化.....构建好数据模型之后，JS仅仅是调用数据，并根据测试题的变 查看全文
vue4.x 使用mockjs相关配置
一、安装mockjs npm install mockjs 二、创建mock文件夹 三、创建mock文件 FzIdentNetCard.js import Mock from 'mockjs' const res = { "head": { "chanel": "DBK", "drbkdt": "2 ... 查看全文
用css制作三角形图标
<style> .box{ width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; bord ... 查看全文
封装json格式数据
<div class="allPro"> <div class="line-big"> <div class="pro-item"> <div class="media-img"> <a href="/a/product/tiegao/2020/0529/33.html"><img src="/up ... 查看全文
javascript中的12种循环遍历方法
1、for (自定义条件) 循环 let arr = [1,2,3]; for(let i =0;i<arr.length;i++){ console.log(i,arr[i]) } 2、for in 循环 let obj = {name: 'xiao' ,age:'24'} for(let i i ... 查看全文
JavaScript-字符串
字符串用于存储和处理文本。 创建字符串： var str = "abcdef"; 这个字符串是存在栈中的 var str1=new String("abcdef"); 这个字符串是存在堆中，构造函数创建的一般都是对象,字符型对象 方法： 1、length 字符的长度，就是字符串有多少字符组成,字符串 ... 查看全文
Vue Class与Style绑定-绑定HTML Class
Vue官网：https://cn.vuejs.org/v2/guide/class-and-style.html#绑定-HTML-Class 学习官网教程。纪录练习。 可以传给 v-bind:class 一个对象，动态地切换 class <!DOCTYPE html> <html> <head> < ... 查看全文
thinkphp5后台传值至html
view函数三个参数： 1，项目view文件夹下，默认index文件夹中index.html文件。 2，index.html中使用的参数。 3，静态变量。 ... 查看全文
highcharts与ajax的应用
一 前言 公司近日有个需求，报表的数据以图表的形式展现出来。找了很多相关的资料，最后决定用highcharts图表。 Highcharts是一个制作图表的纯Javascript类库，主要特性如下： 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等； 对个人用户完全免费； 纯JS，无BS ... 查看全文
Node.js 事件循环
Node.js 是单进程单线程应用程序，但是因为 V8 引擎提供的异步执行回调接口，通过这些接口可以处理大量的并发，所以性能非常高。 Node.js 几乎每一个 API 都是支持回调函数的。 Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。 Node.js 单线程类似进入一个wh ... 查看全文
Node.js 教程
简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能 ... 查看全文